src/third_party/WebKit/Source/devtools/front_end/inspectorCommon.css

   1 html {
   2     height: 100%;
   3 }
   4
   5 body {
   6     cursor: default;
   7     position: absolute;
   8     top: 0;
   9     bottom: 0;
  10     left: 0;
  11     right: 0;
  12     overflow: hidden;
  13     font-family: Lucida Grande, sans-serif;
  14     font-size: 12px;
  15     margin: 0;
  16     tab-size: 4;
  17     -webkit-user-select: none;
  18     color: #222;
  19 }
  20
  21 body.platform-linux {
  22   color: rgb(48, 57, 66);
  23   font-family: Ubuntu, Arial, sans-serif;
  24 }
  25
  26 body.platform-mac {
  27   color: rgb(48, 57, 66);
  28   font-family: 'Lucida Grande', sans-serif;
  29 }
  30
  31 body.platform-windows {
  32   font-family: 'Segoe UI', Tahoma, sans-serif;
  33 }
  34
  35 * {
  36     box-sizing: border-box;
  37 }
  38
  39 :focus {
  40     outline: none;
  41 }
  42
  43 img {
  44     -webkit-user-drag: none;
  45 }
  46
  47 iframe,
  48 a img {
  49     border: none;
  50 }
  51
  52 iframe.view {
  53     position: absolute;
  54     width: 100%;
  55     height: 100%;
  56     left: 0;
  57     right: 0;
  58     top: 0;
  59     bottom: 0;
  60 }
  61
  62 .hidden {
  63     display: none !important;
  64 }
  65
  66 .monospace {
  67     font-size: 10px !important;
  68     font-family: monospace;
  69 }
  70
  71 .resources-dividers {
  72     position: absolute;
  73     left: 0;
  74     right: 0;
  75     top: 0;
  76     z-index: -100;
  77     bottom: 0;
  78 }
  79
  80 .resources-event-dividers {
  81     position: absolute;
  82     left: 0;
  83     right: 0;
  84     height: 100%;
  85     top: 0;
  86     z-index: 300;
  87     pointer-events: none;
  88 }
  89
  90 .resources-dividers-label-bar {
  91     position: absolute;
  92     top: 0;
  93     left: 0;
  94     right: 0;
  95     background-color: rgba(255, 255, 255, 0.85);
  96     background-clip: padding-box;
  97     height: 20px;
  98     z-index: 200;
  99     pointer-events: none;
 100     overflow: hidden;
 101 }
 102
 103 .resources-divider {
 104     position: absolute;
 105     width: 1px;
 106     top: 0;
 107     bottom: 0;
 108     background-color: rgba(0, 0, 0, 0.1);
 109 }
 110
 111 .resources-event-divider-padding {
 112     position: absolute;
 113     width: 8px;
 114     top: 0;
 115     bottom: 0;
 116     pointer-events: auto;
 117 }
 118
 119 .resources-event-divider {
 120     position: absolute;
 121     width: 2px;
 122     top: 0;
 123     bottom: 0;
 124     z-index: 300;
 125 }
 126
 127 .resources-divider-label {
 128     position: absolute;
 129     top: 4px;
 130     right: 3px;
 131     font-size: 80%;
 132     white-space: nowrap;
 133     pointer-events: none;
 134 }
 135
 136 .overview-grid-window-selector {
 137     position: absolute;
 138     top: 0;
 139     bottom: 0;
 140     background-color: rgba(125, 173, 217, 0.5);
 141     z-index: 250;
 142     pointer-events: none;
 143 }
 144
 145 .overview-grid-window {
 146     background-color: white;
 147     position: absolute;
 148     left: 0;
 149     right: 0;
 150     top: 0;
 151     height: 20px;
 152     z-index: 150;
 153 }
 154
 155 .overview-grid-dividers-background {
 156     left: 0%;
 157     right: 0%;
 158     top: 0;
 159     height: 20px;
 160     background-color: black;
 161     position: absolute;
 162 }
 163
 164 .overview-grid-window-rulers {
 165     top: 0;
 166     bottom: 0;
 167     position: absolute;
 168     opacity: 0.2;
 169     border-right: 1px solid black;
 170     border-left: 1px solid black;
 171     z-index: 250;
 172     pointer-events: none;
 173 }
 174
 175 .overview-grid-window-resizer {
 176     position: absolute;
 177     top: 0;
 178     height: 20px;
 179     width: 5px;
 180     margin-left: -2px;
 181     margin-right: -3px;
 182     background-color: rgb(153, 153, 153);
 183     z-index: 500;
 184     border-radius: 2px;
 185     box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
 186 }
 187
 188 .overview-grid-window-resizer-right {
 189     margin-left: -3px;
 190     margin-right: -2px;
 191 }
 192
 193 /* Network timing is shared between popover and network item view pane */
 194
 195 .network-timing-table td {
 196     padding: 0;
 197 }
 198
 199 .network-timing-table td.caution {
 200     font-weight: bold;
 201     color: rgb(255, 128, 0);
 202     padding: 2px 0;
 203 }
 204
 205 .network-timing-row {
 206     position: relative;
 207     height: 16px;
 208 }
 209
 210 .network-timing-bar {
 211     position: absolute;
 212     background-color: red;
 213     border-left: 1px solid red;
 214     opacity: 0.4;
 215     top: 0;
 216     bottom: 0;
 217 }
 218
 219 .network-timing-bar-title {
 220     position: absolute;
 221     color: #222;
 222     top: 1px;
 223 }
 224
 225 .highlighted-search-result {
 226     border-radius: 1px;
 227     padding: 1px;
 228     margin: -1px;
 229     background-color: rgba(255, 255, 0, 0.8);
 230 }
 231
 232 .sidebar-separator {
 233     background-color: rgb(230, 230, 230);
 234     padding: 0 5px;
 235     border-top: 1px solid rgb(189, 189, 189);
 236     border-bottom: 1px solid rgb(189, 189, 189);
 237     color: rgb(50, 50, 50);
 238     white-space: nowrap;
 239     text-overflow: ellipsis;
 240     overflow: hidden;
 241     line-height: 16px;
 242 }
 243
 244 .sidebar-label {
 245     font-size: 11px;
 246 }
 247