src/chrome/browser/resources/net_internals/main.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 /* Only common styles should be declared here. */
   7
   8 * {
   9   box-sizing: border-box;
  10 }
  11
  12 ul {
  13   padding-left: 2em;
  14 }
  15
  16 /* This class is used to create the splitter widget in
  17    ResizbleVerticalSplitView */
  18 .vertical-splitter {
  19   -webkit-user-select: none;
  20   border-left: 1px solid #afafaf;
  21   cursor: ew-resize;
  22   position: absolute;
  23   width: 10px;
  24 }
  25
  26 /* Needs to be wider on touch devices. */
  27 .touch .vertical-splitter {
  28   width: 5mm;
  29 }
  30
  31 .log-source-entry {
  32   margin: 5px;
  33 }
  34
  35 .log-source-entry * p {
  36   font-size: 75%;
  37   font-weight: bold;
  38 }
  39
  40 .log-source-entry * td {
  41   font-size: 62%;
  42 }
  43
  44 /*
  45  * This class should be given to top-level content boxes (like the view's main
  46  * DIV). It gives them a consistent padding, and makes them scrollable.
  47  */
  48 .content-box {
  49   overflow: auto;
  50   padding: 20px 10px 10px 20px;
  51 }
  52
  53 .deindent-header,
  54 .content-box h1,
  55 .content-box h2,
  56 .content-box h3,
  57 .content-box h4,
  58 .content-box h5,
  59 .content-box h6 {
  60   margin-left: -10px;
  61 }
  62
  63 /*
  64  * Styles for TABLE that uses a thin collapsed border.
  65  */
  66 table.styled-table {
  67   border-collapse: collapse;
  68 }
  69
  70 table.styled-table,
  71 .styled-table th,
  72 .styled-table td {
  73   border: 1px solid #777;
  74   padding-left: 4px;
  75   padding-right: 4px;
  76 }
  77
  78 .styled-table th {
  79   background: rgb(224,236,255);
  80 }
  81
  82 .styled-table th.title {
  83   background: rgb(255,217,217);
  84 }
  85
  86 /**
  87  * Styling for event logs.
  88  */
  89 .event-log p {
  90   white-space: nowrap;
  91 }
  92
  93 .event-log h4 {
  94   margin: 0;
  95 }
  96
  97 .event-log a {
  98   font-weight: bold;
  99   text-decoration: none;
 100 }
 101
 102 /**
 103  * Styling for text indicating a potential problem or error state.
 104  */
 105 .warning-text {
 106   color: rgb(238, 0, 0);
 107 }
 108
 109 /**
 110  * Styling for help windows that appear when mousing over an element.
 111  */
 112 .mouse-over-help {
 113   background: #EEE;
 114   border: 1px solid black;
 115   font-size: 80%;
 116   padding: 5px;
 117   z-index: 1;
 118 }
 119
 120 /**
 121  * Styling for elements that show a help window on mouse over.
 122  */
 123 .mouse-over-help-hover {
 124   color: blue;
 125   cursor: help;
 126 }