chrome/browser/resources/net_internals/cros_log_visualizer_view.css

   1  /* Copyright 2013 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  #cros-log-visualizer-header {
   7   margin-bottom: 20px;
   8  }
   9
  10 .cros-log-visualizer-container {
  11   background-color: rgb(242, 242, 242);
  12   border: 1px solid rgb(220, 220, 220);
  13 }
  14
  15 #cros-log-visualizer-log-content {
  16   border: 1px solid rgb(220, 220, 220);
  17   font-size: 11px;
  18   height: 300px;
  19   line-height: 18px;
  20   margin-bottom: -1px;
  21   overflow: scroll;
  22   padding: 10px;
  23   width: 1000px;
  24  }
  25
  26 #cros-log-visualizer-filter-container {
  27   font-size: 12px;
  28   margin-bottom: 5px;
  29   padding: 5px 10px;
  30   width: 1000px;
  31 }
  32
  33 #cros-log-visualizer-filter-container p {
  34   margin: 10px 0;
  35 }
  36
  37 #cros-log-visualizer-log-table {
  38   table-layout: fixed;
  39   width: 950px;
  40 }
  41
  42 #cros-log-visualizer-log-table td {
  43   overflow: hidden;
  44   table-layout: fixed;
  45   word-wrap: break-word;
  46 }
  47
  48 .cros-log-visualizer-td-time {
  49   width: 100px;
  50 }
  51
  52 #cros-log-visualizer-log-header-table {
  53   font-size: 12px;
  54   font-weight: bold;
  55   margin-bottom: -1px;
  56   text-align: center;
  57   width: 1000px;
  58 }
  59
  60 .cros-log-visualizer-td-pname {
  61   text-align: center;
  62   width: 120px;
  63 }
  64
  65 .cros-log-visualizer-td-level {
  66   width: 70px;
  67 }
  68
  69 .cros-log-visualizer-td-level p {
  70   border: 1px solid;
  71   border-radius: 5px;
  72   margin: 0 3px;
  73   text-align: center;
  74   width: 58px;
  75 }
  76
  77 .cros-log-visualizer-td-level-error {
  78   background-color: rgb(255, 153, 163);
  79   color: rgb(238, 0, 0);
  80 }
  81
  82 .cros-log-visualizer-td-level-info {
  83   background-color: rgb(195, 227, 250);
  84   color: rgb(10, 147, 245);
  85   width: 120px;
  86 }
  87
  88 .cros-log-visualizer-td-level-warning {
  89   background-color: rgb(250, 229, 195);
  90   color: darkorange;
  91 }
  92
  93 .cros-log-visualizer-td-level-unknown {
  94   color: gray;
  95 }
  96
  97 .cros-log-visualizer-td-pid {
  98   width: 60px;
  99 }
 100
 101 #cros-log-visualizer-filter-pname {
 102   border-bottom: 1px solid rgb(209, 209, 209);
 103   padding: 5px 0 10px 0;
 104 }
 105
 106 #cros-log-visualizer-filter-level {
 107   padding: 5px 0 10px 0;
 108 }
 109
 110 #cros-log-visualizer-search-container {
 111   -webkit-margin-start: 760px;
 112   border-radius: 5px;
 113   font-size: 12px;
 114   margin-bottom: 5px;
 115   margin-left: 720px;
 116   margin-top: -40px;
 117   padding: 5px;
 118   width: 280px;
 119 }
 120
 121 #cros-log-visualizer-search-container input {
 122   border: 1px solid rgb(220, 220, 220);
 123 }
 124
 125 #cros-log-visualizer-visualizer-container {
 126   border: 1px solid rgb(211, 211, 211);
 127   height: 100px;
 128   position: relative;
 129   width: 1002px;
 130 }
 131
 132 #cros-log-visualizer-visualizer-timeline {
 133   background: gray;
 134   opacity: 0.5;
 135   position: absolute;
 136   top: 0;
 137   width: 2px;
 138 }
 139
 140 .cros-log-visualizer-visualizer-time-display {
 141   font-size: 10px;
 142   position: absolute;
 143   width: 50px;
 144 }
 145
 146 #cros-log-visualizer-visualizer-reset-btn {
 147   border: 1px solid rgb(211, 211, 211);
 148   border-radius: 2px;
 149   position: absolute;
 150   right: 5px;
 151   top: 5px;
 152 }
 153
 154 #cros-log-visualizer-visualizer-tracking-layer {
 155   background: none;
 156   height: 100%;
 157   left: 0;
 158   position: absolute;
 159   top: 0;
 160   width: 100%;
 161 }
 162
 163 .cros-log-visualizer-visualizer-canvas {
 164   left: 0;
 165   position: absolute;
 166   top: 0;
 167 }
 168
 169 .cros-log-visualizer-flash {
 170   -webkit-animation: fade 1s linear 1;
 171 }
 172
 173 #cros-log-visualizer-marker-container {
 174   background-color: rgb(242, 242, 242);
 175   border: 1px solid rgb(211, 211, 211);
 176   left: 1030px;
 177   min-height: 320px;
 178   padding: 10px;
 179   position: absolute;
 180   top: 63px;
 181   width: 200px;
 182 }
 183
 184 .cros-log-visualizer-marker-history-entry {
 185   display: -webkit-flex;
 186   height: 20px;
 187 }
 188
 189
 190 .cros-log-visualizer-marker-history-entry * {
 191   display: block;
 192 }
 193
 194 .cros-log-visualizer-marker-history-entry p {
 195   font-size: 13px;
 196   height: 15px;
 197   margin: 0;
 198   width: 98px;
 199 }
 200
 201 .cros-log-visualizer-marker-history-entry a {
 202   color: grey;
 203   font-size: 11px;
 204 }
 205
 206 .cros-log-visualizer-marker-history-color-tag {
 207   border-radius: 10px;
 208   height: 10px;
 209   margin: 4px;
 210   width: 10px;
 211 }
 212
 213 .cros-log-visualizer-marker-highlight {
 214   font-weight: bold;
 215 }
 216
 217 #cros-log-visualizer-save-btn {
 218   background-color: rgb(211, 211, 211);
 219 }
 220
 221 @-webkit-keyframes fade {
 222   0%
 223   {
 224     opacity: 1;
 225   }
 226   50%
 227   {
 228     opacity: 0;
 229   }
 230   100%
 231   {
 232     opacity: 1;
 233   }
 234 }