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 }
   9
  10 .halted-status-view {
  11   background: rgb(0, 138, 0);
  12 }
  13
  14 .loaded-status-view {
  15   background: rgb(113, 113, 171);
  16 }
  17
  18 #capture-status-view {
  19   -webkit-align-items: center;
  20   display: -webkit-flex;
  21 }
  22
  23 .capture-status-view-link,
  24 .capture-status-view-link:visited,
  25 .capture-status-view-link:active {
  26   color: white;
  27   text-decoration: none;
  28 }
  29
  30 .capture-status-view-link:hover {
  31   color: white;
  32   text-decoration: underline;
  33 }
  34
  35 /* Completely un-style the SELECT. Will place an arrow over it manually. */
  36 #capture-status-view-actions {
  37   -webkit-appearance: none;
  38   background: none;
  39   border: none;
  40   height: 25px;
  41   outline: none;
  42   width: 30px;
  43 }
  44
  45 .capture-status-view-arrow {
  46   display: inline-block;
  47   position: relative;
  48 }
  49
  50 .capture-status-view-arrow::after {
  51   color: black;
  52   content: '\25bc';
  53   font-size: 9px;
  54   left: 0;
  55   line-height: 25px;
  56   pointer-events: none;
  57   position: absolute;
  58   text-align: center;
  59   top: 0;
  60   width: 100%;
  61 }