OLD | NEW |
---|---|
1 /* | 1 /* |
2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
6 * met: | 6 * met: |
7 * | 7 * |
8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
42 white-space: nowrap; | 42 white-space: nowrap; |
43 text-overflow: ellipsis; | 43 text-overflow: ellipsis; |
44 overflow: hidden; | 44 overflow: hidden; |
45 } | 45 } |
46 | 46 |
47 .network-summary-bar .warning-icon-small { | 47 .network-summary-bar .warning-icon-small { |
48 margin-right: 6px; | 48 margin-right: 6px; |
49 } | 49 } |
50 | 50 |
51 .network-log-grid.data-grid table.data { | 51 .network-log-grid.data-grid table.data { |
52 background-size: 128px 82px; | 52 background-size: 1280px 82px; |
53 background-image: linear-gradient(to bottom, white, white 50%, #eee 50%, #ee e); | 53 background-image: linear-gradient(to bottom, white, white 50%, #eee 50%, #ee e); |
vsevik
2014/08/14 08:20:25
Can we set the background color of the rows explic
| |
54 } | 54 } |
55 | 55 |
56 .network-log-grid.data-grid.small table.data { | 56 .network-log-grid.data-grid.small table.data { |
57 background-size: 128px 42px; | 57 background-size: 128px 42px; |
58 } | 58 } |
59 | 59 |
60 .network-log-grid.data-grid td { | 60 .network-log-grid.data-grid td { |
61 line-height: 17px; | 61 line-height: 17px; |
62 height: 41px; | 62 height: 41px; |
63 border-left: 1px solid rgb(210, 210, 210); | 63 border-left: 1px solid rgb(210, 210, 210); |
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
286 } | 286 } |
287 | 287 |
288 .network-graph-label { | 288 .network-graph-label { |
289 position: absolute; | 289 position: absolute; |
290 top: 0; | 290 top: 0; |
291 bottom: 0; | 291 bottom: 0; |
292 height: 13px; | 292 height: 13px; |
293 line-height: 13px; | 293 line-height: 13px; |
294 font-size: 90%; | 294 font-size: 90%; |
295 color: rgba(0, 0, 0, 0.75); | 295 color: rgba(0, 0, 0, 0.75); |
296 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1 px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; | |
297 z-index: 150; | 296 z-index: 150; |
298 overflow: hidden; | 297 overflow: hidden; |
299 text-align: center; | 298 text-align: center; |
300 visibility: hidden; | 299 visibility: hidden; |
301 } | 300 } |
302 | 301 |
303 .network-graph-side:hover .network-graph-label { | 302 .network-graph-side:hover .network-graph-label { |
304 visibility: visible; | 303 visibility: visible; |
305 } | 304 } |
306 | 305 |
307 .network-graph-label:empty { | 306 .network-graph-label:empty { |
308 display: none; | 307 display: none; |
309 } | 308 } |
310 | 309 |
311 .network-graph-label.waiting { | 310 .network-graph-label.waiting { |
312 margin-right: 5px; | 311 margin-right: 5px; |
313 } | 312 } |
314 | 313 |
315 .network-graph-label.before { | 314 .network-graph-label.before { |
316 color: rgba(0, 0, 0, 0.7); | 315 color: rgba(0, 0, 0, 0.7); |
317 text-shadow: none; | |
318 text-align: right; | 316 text-align: right; |
319 margin-right: -2px; | 317 margin-right: -2px; |
320 } | 318 } |
321 | 319 |
322 .network-graph-label.before::after { | 320 .network-graph-label.before::after { |
323 padding-left: 2px; | 321 padding-left: 2px; |
324 height: 6px; | 322 height: 6px; |
325 content: url(Images/graphLabelCalloutLeft.png); | 323 content: url(Images/graphLabelCalloutLeft.png); |
326 } | 324 } |
327 | 325 |
328 .network-graph-label.after { | 326 .network-graph-label.after { |
329 color: rgba(0, 0, 0, 0.7); | 327 color: rgba(0, 0, 0, 0.7); |
330 text-shadow: none; | |
331 text-align: left; | 328 text-align: left; |
332 margin-left: -1px; | 329 margin-left: -1px; |
333 } | 330 } |
334 | 331 |
335 .network-graph-label.after::before { | 332 .network-graph-label.after::before { |
336 padding-right: 2px; | 333 padding-right: 2px; |
337 height: 6px; | 334 height: 6px; |
338 content: url(Images/graphLabelCalloutRight.png); | 335 content: url(Images/graphLabelCalloutRight.png); |
339 } | 336 } |
340 | 337 |
(...skipping 189 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
530 | 527 |
531 #network-container { | 528 #network-container { |
532 overflow-y: auto; | 529 overflow-y: auto; |
533 overflow-x: hidden; | 530 overflow-x: hidden; |
534 } | 531 } |
535 | 532 |
536 /* Brief mode peculiarities. */ | 533 /* Brief mode peculiarities. */ |
537 #network-container.brief-mode .network-timeline-grid { | 534 #network-container.brief-mode .network-timeline-grid { |
538 display: none; | 535 display: none; |
539 } | 536 } |
OLD | NEW |