chrome/browser/resources/net_internals/status_view.css

   1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file.
   4  */
   5
   6 .capture-status-view {
   7   background: rgb(238, 0, 0);
   8   font-size: 133%;
   9 }
  10
  11 .halted-status-view {
  12   background: rgb(0, 138, 0);
  13 }
  14
  15 .loaded-status-view {
  16   background: rgb(113, 113, 171);
  17 }
  18
  19 #capture-status-view {
  20   -webkit-align-items: center;
  21   display: -webkit-flex;
  22 }
  23
  24 .capture-status-view-link,
  25 .capture-status-view-link:visited,
  26 .capture-status-view-link:active {
  27   color: white;
  28   text-decoration: none;
  29 }
  30
  31 .capture-status-view-link:hover {
  32   color: white;
  33   text-decoration: underline;
  34 }
  35
  36 /* Completely un-style the SELECT. Will place an arrow over it manually. */
  37 #capture-status-view-actions {
  38   -webkit-appearance: none;
  39   background: none;
  40   border: none;
  41   height: 25px;
  42   outline: none;
  43   width: 30px;
  44 }
  45
  46 .capture-status-view-arrow {
  47   display: inline-block;
  48   position: relative;
  49 }
  50
  51 .capture-status-view-arrow::after {
  52   color: black;
  53   content: '\25bc';
  54   font-size: 9px;
  55   left: 0;
  56   line-height: 25px;
  57   pointer-events: none;
  58   position: absolute;
  59   text-align: center;
  60   top: 0;
  61   width: 100%;
  62 }