OLD | NEW |
| 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * |
| 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are |
| 6 * met: |
| 7 * |
| 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above |
| 11 * copyright notice, this list of conditions and the following disclaimer |
| 12 * in the documentation and/or other materials provided with the |
| 13 * distribution. |
| 14 * * Neither the name of Google Inc. nor the names of its |
| 15 * contributors may be used to endorse or promote products derived from |
| 16 * this software without specific prior written permission. |
| 17 * |
| 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ |
| 30 |
1 .network-log-grid.data-grid { | 31 .network-log-grid.data-grid { |
2 border: none; | 32 border: none; |
3 position: absolute; | 33 flex: 1 1; |
4 top: 0; | 34 } |
5 left: 0; | 35 |
6 right: 0; | 36 .network-summary-bar { |
7 bottom: 0; | 37 flex: 0 0 19px; |
| 38 padding-left: 5px; |
| 39 line-height: 18px; |
| 40 background-color: rgb(236, 236, 236); |
| 41 border-top: 1px solid #ccc; |
| 42 white-space: nowrap; |
| 43 text-overflow: ellipsis; |
| 44 overflow: hidden; |
| 45 } |
| 46 |
| 47 .network-summary-bar .warning-icon-small { |
| 48 margin-right: 6px; |
8 } | 49 } |
9 | 50 |
10 .network-log-grid.data-grid table.data { | 51 .network-log-grid.data-grid table.data { |
11 background-size: 1px 82px; | 52 background-size: 1px 82px; |
12 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); | 53 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); |
13 } | 54 } |
14 | 55 |
15 .network-log-grid.data-grid.small table.data { | 56 .network-log-grid.data-grid.small table.data { |
16 background-size: 1px 42px; | 57 background-size: 1px 42px; |
17 } | 58 } |
18 | 59 |
19 .network-log-grid.data-grid td { | 60 .network-log-grid.data-grid td { |
20 line-height: 17px; | 61 line-height: 17px; |
21 height: 41px; | 62 height: 41px; |
22 border-left: 1px solid rgb(210, 210, 210); | 63 border-left: 1px solid rgb(210, 210, 210); |
23 vertical-align: middle; | 64 vertical-align: middle; |
24 } | 65 } |
25 | 66 |
26 .network-log-grid.data-grid.small td { | 67 .network-log-grid.data-grid.small td { |
27 height: 21px; | 68 height: 21px; |
28 } | 69 } |
29 | 70 |
30 .network-log-grid.data-grid th { | 71 .network-log-grid.data-grid th { |
31 border-bottom: 1px solid rgb(64%, 64%, 64%); | 72 border-bottom: 1px solid rgb(205, 205, 205); |
| 73 border-left: 1px solid rgb(205, 205, 205); |
32 height: 30px; | 74 height: 30px; |
33 } | 75 } |
34 | 76 |
35 .network-log-grid.data-grid.small th { | 77 .network-log-grid.data-grid.small th { |
36 height: 22px; | 78 height: 22px; |
37 } | 79 } |
38 | 80 |
39 .network-log-grid.data-grid th, | 81 .network-log-grid.data-grid th, |
40 .network-log-grid.data-grid th.sort-descending, | 82 .network-log-grid.data-grid th.sort-descending, |
41 .network-log-grid.data-grid th.sort-ascending { | 83 .network-log-grid.data-grid th.sort-ascending { |
42 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | 84 background: white; |
43 } | 85 } |
44 | 86 |
45 .network-log-grid.data-grid .data-container { | 87 .network-log-grid.data-grid .data-container { |
46 top: 31px; | 88 top: 31px; |
47 } | 89 } |
48 | 90 |
49 .network-log-grid.data-grid.small .data-container { | 91 .network-log-grid.data-grid.small .data-container { |
50 top: 23px; | 92 top: 23px; |
51 } | 93 } |
52 | 94 |
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
173 } | 215 } |
174 | 216 |
175 .network-log-grid.data-grid .icon { | 217 .network-log-grid.data-grid .icon { |
176 float: left; | 218 float: left; |
177 width: 32px; | 219 width: 32px; |
178 height: 32px; | 220 height: 32px; |
179 margin-top: 1px; | 221 margin-top: 1px; |
180 margin-right: 3px; | 222 margin-right: 3px; |
181 } | 223 } |
182 | 224 |
| 225 .network-log-grid.data-grid th { |
| 226 border-bottom: 1px solid rgb(205,205,205) !important; |
| 227 } |
| 228 |
183 .network-log-grid.data-grid.small .icon { | 229 .network-log-grid.data-grid.small .icon { |
184 width: 16px; | 230 width: 16px; |
185 height: 16px; | 231 height: 16px; |
186 } | 232 } |
187 | 233 |
188 .network-log-grid.data-grid .image-network-icon-preview { | 234 .network-log-grid.data-grid .image-network-icon-preview { |
189 position: absolute; | 235 position: absolute; |
190 margin: auto; | 236 margin: auto; |
191 top: 3px; | 237 top: 3px; |
192 bottom: 4px; | 238 bottom: 4px; |
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
461 .network-log-grid.data-grid table.data tr.revealed.network-item.filtered-out { | 507 .network-log-grid.data-grid table.data tr.revealed.network-item.filtered-out { |
462 display: none; | 508 display: none; |
463 } | 509 } |
464 | 510 |
465 /* Summary */ | 511 /* Summary */ |
466 | 512 |
467 .network-log-grid.data-grid tr.filler td { | 513 .network-log-grid.data-grid tr.filler td { |
468 padding-bottom: 20px !important; | 514 padding-bottom: 20px !important; |
469 } | 515 } |
470 | 516 |
471 .network-log-grid.data-grid .network-summary-bar { | |
472 position: absolute; | |
473 left: 0; | |
474 right: 0; | |
475 bottom: 0; | |
476 background-color: rgb(101, 111, 130); | |
477 } | |
478 | |
479 .network-log-grid.data-grid .network-summary-bar td { | |
480 color: white; | |
481 height: 20px !important; | |
482 border: none; | |
483 font-size: 110%; | |
484 padding: 0 0 0 8px; | |
485 white-space: pre; | |
486 overflow : hidden; | |
487 text-overflow : ellipsis; | |
488 } | |
489 | |
490 .network-log-grid.data-grid .network-summary-bar .warning-icon-small { | |
491 margin-right: 8px; | |
492 } | |
493 | |
494 #network-container { | 517 #network-container { |
495 position: absolute; | |
496 top: 0; | |
497 left: 0; | |
498 bottom: 0; | |
499 right: 0; | |
500 width: 100%; | |
501 height: 100%; | |
502 overflow-y: auto; | 518 overflow-y: auto; |
503 overflow-x: hidden; | 519 overflow-x: hidden; |
504 } | 520 } |
505 | 521 |
506 /* Brief mode peculiarities. */ | 522 /* Brief mode peculiarities. */ |
507 #network-container.brief-mode .network-timeline-grid { | 523 #network-container.brief-mode .network-timeline-grid { |
508 display: none; | 524 display: none; |
509 } | 525 } |
510 | 526 |
511 #network-container.brief-mode td, | 527 #network-container.brief-mode td, |
(...skipping 10 matching lines...) Expand all Loading... |
522 } | 538 } |
523 | 539 |
524 #network-container:not(.brief-mode) .data-grid tr.selected { | 540 #network-container:not(.brief-mode) .data-grid tr.selected { |
525 background-color: transparent; | 541 background-color: transparent; |
526 color: #222; | 542 color: #222; |
527 } | 543 } |
528 | 544 |
529 #network-container.brief-mode .data-grid .data-container { | 545 #network-container.brief-mode .data-grid .data-container { |
530 padding-right: 0; | 546 padding-right: 0; |
531 } | 547 } |
OLD | NEW |