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