OLD | NEW |
1 /* | 1 /* |
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
| 7 /* TODO(eroman): Split this file up, so the styles are defined close to where |
| 8 they are used. For instance, the proxy tab styles should |
| 9 either be part of proxy_view.html, or proxy_view.css. Only |
| 10 common styles should be declared here */ |
| 11 |
7 * { | 12 * { |
8 box-sizing: border-box; | 13 box-sizing: border-box; |
9 -moz-box-sizing: border-box; | 14 -moz-box-sizing: border-box; |
10 } | 15 } |
11 body { | 16 body { |
12 font-family: sans-serif; | 17 font-family: sans-serif; |
13 } | 18 } |
14 | 19 |
15 #filterBox { | 20 #filterBox { |
16 background: #efefef; | 21 background: #efefef; |
(...skipping 184 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
201 | 206 |
202 .logSourceEntry * p { | 207 .logSourceEntry * p { |
203 font-weight: bold; | 208 font-weight: bold; |
204 font-size: 12px; | 209 font-size: 12px; |
205 } | 210 } |
206 | 211 |
207 .logSourceEntry * td { | 212 .logSourceEntry * td { |
208 font-size: 10px; | 213 font-size: 10px; |
209 } | 214 } |
210 | 215 |
| 216 /* TODO(eroman): make this a classname instead */ |
211 #detailsLogBox, | 217 #detailsLogBox, |
212 #detailsTimelineBox, | 218 #detailsTimelineBox, |
213 #httpCacheTabContent, | 219 #httpCacheTabContent, |
214 #proxyTabContent, | 220 #proxyTabContent, |
215 #dataTabContent, | 221 #captureTabContent, |
| 222 #importTabContent, |
| 223 #exportTabContent, |
216 #dnsTabContent, | 224 #dnsTabContent, |
217 #socketsTabContent, | 225 #socketsTabContent, |
218 #spdyTabContent, | 226 #spdyTabContent, |
219 #serviceProvidersTabContent, | 227 #serviceProvidersTabContent, |
220 #testTabContent, | 228 #testTabContent, |
221 #hstsTabContent, | 229 #hstsTabContent, |
222 #httpThrottlingTabContent, | 230 #httpThrottlingTabContent, |
223 #prerenderTabContent, | 231 #prerenderTabContent, |
224 #logsTabContent { | 232 #logsTabContent { |
225 overflow: auto; | 233 overflow: auto; |
(...skipping 21 matching lines...) Expand all Loading... |
247 } | 255 } |
248 | 256 |
249 .styledTable th { | 257 .styledTable th { |
250 background: rgb(224,236,255); | 258 background: rgb(224,236,255); |
251 } | 259 } |
252 | 260 |
253 .styledTable th.title { | 261 .styledTable th.title { |
254 background: rgb(255,217,217); | 262 background: rgb(255,217,217); |
255 } | 263 } |
256 | 264 |
257 /* | |
258 * This is the box in the top right of the Data tab which shows how many | |
259 * events have been captured so far. | |
260 */ | |
261 .capturingBox { | |
262 border: 1px dashed black; | |
263 display: inline-block; | |
264 text-align: left; | |
265 padding: 5px; | |
266 } | |
267 | |
268 /** | 265 /** |
269 * Styling for an emphasized button. | 266 * Styling for an emphasized button. |
270 */ | 267 */ |
271 .bigButton { | 268 .bigButton { |
272 font-size: 100%; | 269 font-size: 100%; |
273 font-weight: bold; | 270 font-weight: bold; |
274 } | 271 } |
275 | 272 |
276 /** | 273 /** |
277 * Styling for text indicating a potential problem or error state. | 274 * Styling for text indicating a potential problem or error state. |
278 */ | 275 */ |
279 .warningText { | 276 .warningText { |
280 color: red; | 277 color: red; |
281 } | 278 } |
282 | 279 |
283 #statusViewForCapture { | 280 #statusViewForCapture { |
284 background: red; | 281 background: red; |
285 color: #eee; | 282 color: #eee; |
286 padding: 4px; | 283 padding: 4px; |
287 } | 284 } |
288 | 285 |
289 #statusViewForFile { | 286 #statusViewForFile { |
290 background: #88c; | 287 background: #88c; |
291 color: #eee; | 288 color: #eee; |
292 padding: 4px; | 289 padding: 4px; |
293 } | 290 } |
OLD | NEW |