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: 1px 82px; | 52 background: transparent; |
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))); | |
54 } | |
55 | |
56 .network-log-grid.data-grid.small table.data { | |
57 background-size: 1px 42px; | |
58 } | 53 } |
59 | 54 |
60 .network-log-grid.data-grid td { | 55 .network-log-grid.data-grid td { |
61 line-height: 17px; | 56 line-height: 17px; |
62 height: 41px; | 57 height: 41px; |
63 border-left: 1px solid rgb(210, 210, 210); | 58 border-left: 1px solid rgb(210, 210, 210); |
64 vertical-align: middle; | 59 vertical-align: middle; |
65 } | 60 } |
66 | 61 |
67 .network-log-grid.data-grid.small td { | 62 .network-log-grid.data-grid.small td { |
(...skipping 10 matching lines...) Expand all Loading... |
78 height: 22px; | 73 height: 22px; |
79 } | 74 } |
80 | 75 |
81 .network-log-grid.data-grid th, | 76 .network-log-grid.data-grid th, |
82 .network-log-grid.data-grid th.sort-descending, | 77 .network-log-grid.data-grid th.sort-descending, |
83 .network-log-grid.data-grid th.sort-ascending { | 78 .network-log-grid.data-grid th.sort-ascending { |
84 background: white; | 79 background: white; |
85 } | 80 } |
86 | 81 |
87 .network-log-grid.data-grid .data-container { | 82 .network-log-grid.data-grid .data-container { |
88 top: 31px; | 83 top: 33px; |
89 } | 84 } |
90 | 85 |
91 .network-log-grid.data-grid.small .data-container { | 86 .network-log-grid.data-grid.small .data-container { |
92 top: 23px; | 87 top: 23px; |
93 } | 88 } |
94 | 89 |
95 .network-log-grid.data-grid select { | 90 .network-log-grid.data-grid select { |
96 -webkit-appearance: none; | 91 -webkit-appearance: none; |
97 background-color: transparent; | 92 background-color: transparent; |
98 border: none; | 93 border: none; |
99 width: 100%; | 94 width: 100%; |
100 color: inherit; | 95 color: inherit; |
101 } | 96 } |
102 | 97 |
103 .network-log-grid.data-grid.small tr.offscreen { | 98 .network-log-grid.data-grid.small tr.offscreen { |
104 height: 21px; | 99 height: 21px; |
105 } | 100 } |
106 | 101 |
107 .network-log-grid.data-grid tr.offscreen { | 102 .network-log-grid.data-grid tr.offscreen { |
108 height: 41px; | 103 height: 41px; |
109 } | 104 } |
110 | 105 |
| 106 .network-log-grid.data-grid tr.odd:not(.selected) { |
| 107 background-color: #f3f3f3; |
| 108 } |
| 109 |
111 .network-log-grid.data-grid tr.offscreen > td > div { | 110 .network-log-grid.data-grid tr.offscreen > td > div { |
112 display: none; | 111 display: none; |
113 } | 112 } |
114 | 113 |
115 .network-log-grid.data-grid tr.filler { | 114 .network-log-grid.data-grid tr.filler { |
116 background-color: white; | 115 background-color: white; |
117 } | 116 } |
118 | 117 |
119 .network-log-grid.data-grid tr:not(.filler) td.name-column { | 118 .network-log-grid.data-grid tr:not(.filler) td.name-column { |
120 cursor: pointer; | 119 cursor: pointer; |
(...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
285 bottom: 0; | 284 bottom: 0; |
286 margin: auto -7px; | 285 margin: auto -7px; |
287 height: 13px; | 286 height: 13px; |
288 line-height: 13px; | 287 line-height: 13px; |
289 font-size: 90%; | 288 font-size: 90%; |
290 color: rgba(0, 0, 0, 0.75); | 289 color: rgba(0, 0, 0, 0.75); |
291 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; | 290 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; |
292 z-index: 150; | 291 z-index: 150; |
293 overflow: hidden; | 292 overflow: hidden; |
294 text-align: center; | 293 text-align: center; |
295 opacity: 0; | 294 visibility: hidden; |
296 -webkit-transition: opacity 250ms ease-in-out; | |
297 } | 295 } |
298 | 296 |
299 .network-graph-side:hover .network-graph-label { | 297 .network-graph-side:hover .network-graph-label { |
300 opacity: 1; | 298 visibility: visible; |
301 } | 299 } |
302 | 300 |
303 .network-graph-label:empty { | 301 .network-graph-label:empty { |
304 display: none; | 302 display: none; |
305 } | 303 } |
306 | 304 |
307 .network-graph-label.waiting { | 305 .network-graph-label.waiting { |
308 margin-right: 5px; | 306 margin-right: 5px; |
309 } | 307 } |
310 | 308 |
(...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
574 } | 572 } |
575 | 573 |
576 #network-container:not(.brief-mode) .data-grid tr.selected { | 574 #network-container:not(.brief-mode) .data-grid tr.selected { |
577 background-color: transparent; | 575 background-color: transparent; |
578 color: #222; | 576 color: #222; |
579 } | 577 } |
580 | 578 |
581 #network-container.brief-mode .data-grid .data-container { | 579 #network-container.brief-mode .data-grid .data-container { |
582 padding-right: 0; | 580 padding-right: 0; |
583 } | 581 } |
OLD | NEW |