OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 right: 0; | 59 right: 0; |
60 width: auto; | 60 width: auto; |
61 border: none; | 61 border: none; |
62 background: inherit; | 62 background: inherit; |
63 } | 63 } |
64 | 64 |
65 .network.panel:not(.viewing-resource) .sidebar-resizer-vertical { | 65 .network.panel:not(.viewing-resource) .sidebar-resizer-vertical { |
66 display: none; | 66 display: none; |
67 } | 67 } |
68 | 68 |
69 .network.panel .scope-bar { | |
70 height: 23px; | |
71 padding-top: 5px; | |
72 } | |
73 | |
74 .network.panel .data-grid th.sort-descending, | 69 .network.panel .data-grid th.sort-descending, |
75 .network.panel .data-grid th.sort-ascending { | 70 .network.panel .data-grid th.sort-ascending { |
76 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | 71 background: white; |
77 } | 72 } |
78 | 73 |
79 #network-views .network-item-view .tabbed-pane-header { | 74 #network-views .network-item-view .tabbed-pane-header { |
80 height: 31px; | 75 flex: 0 0 31px; |
81 padding-top: 8px; | 76 padding-top: 8px; |
82 padding-left: 13px; | 77 padding-left: 13px; |
83 white-space: nowrap; | 78 white-space: nowrap; |
84 } | 79 } |
85 | 80 |
86 #network-views.small .network-item-view .tabbed-pane-header { | 81 #network-views.small .network-item-view .tabbed-pane-header { |
87 height: 23px; | 82 flex-basis: 23px; |
88 padding-top: 0; | 83 padding-top: 0; |
89 } | 84 } |
90 | 85 |
91 .network-item-view { | 86 .network-item-view { |
92 display: none; | 87 display: none; |
93 position: absolute; | 88 position: absolute; |
94 background: white; | 89 background: white; |
95 top: 0; | 90 top: 0; |
96 left: 0; | 91 left: 0; |
97 right: 0; | 92 right: 0; |
98 bottom: 0; | 93 bottom: 0; |
99 } | 94 } |
100 | 95 |
101 .network-item-view.visible { | 96 .network-item-view.visible { |
102 display: -webkit-flex; | 97 display: -webkit-flex; |
103 } | 98 } |
104 | 99 |
105 .network-item-view .tabbed-pane-header { | 100 .network-item-view .tabbed-pane-header { |
106 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(236, 236, 236)
), to(rgb(217, 217, 217))); | 101 border-bottom: 1px solid rgb(205, 205, 205); |
107 border-bottom: 1px solid rgb(163, 163, 163); | |
108 } | |
109 | |
110 .network-item-view .scope-bar li { | |
111 border-bottom-left-radius: 0; | |
112 border-bottom-right-radius: 0; | |
113 } | 102 } |
114 | 103 |
115 .resource-headers-view { | 104 .resource-headers-view { |
116 display: none; | 105 display: none; |
117 margin: 6px; | 106 margin: 6px; |
118 -webkit-user-select: text; | 107 -webkit-user-select: text; |
119 position: absolute; | 108 position: absolute; |
120 top: 0; | 109 top: 0; |
121 left: 0; | 110 left: 0; |
122 right: 0; | 111 right: 0; |
(...skipping 11 matching lines...) Expand all Loading... |
134 } | 123 } |
135 | 124 |
136 .resource-headers-view .outline-disclosure .parent .section * { | 125 .resource-headers-view .outline-disclosure .parent .section * { |
137 font-weight: normal; | 126 font-weight: normal; |
138 } | 127 } |
139 | 128 |
140 .resource-headers-view .outline-disclosure .children li { | 129 .resource-headers-view .outline-disclosure .children li { |
141 white-space: nowrap; | 130 white-space: nowrap; |
142 } | 131 } |
143 | 132 |
| 133 .resource-headers-view .outline-disclosure li.expanded .caution { |
| 134 color: rgb(255, 128, 0); |
| 135 } |
| 136 |
| 137 .resource-headers-view .outline-disclosure li:not(.expanded) .caution { |
| 138 display: none; |
| 139 } |
| 140 |
144 .resource-headers-view .outline-disclosure li.expanded .header-count { | 141 .resource-headers-view .outline-disclosure li.expanded .header-count { |
145 display: none; | 142 display: none; |
146 } | 143 } |
147 | 144 |
148 .resource-headers-view .outline-disclosure li .header-toggle { | 145 .resource-headers-view .outline-disclosure li .header-toggle { |
149 display: none; | 146 display: none; |
150 } | 147 } |
151 | 148 |
152 .resource-headers-view .outline-disclosure li .status-from-cache { | 149 .resource-headers-view .outline-disclosure li .status-from-cache { |
153 color: gray; | 150 color: gray; |
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
221 } | 218 } |
222 | 219 |
223 .resource-timing-view table { | 220 .resource-timing-view table { |
224 border-spacing: 21px 0; | 221 border-spacing: 21px 0; |
225 } | 222 } |
226 | 223 |
227 .resource-timing-view .network-timing-bar { | 224 .resource-timing-view .network-timing-bar { |
228 opacity: 1; | 225 opacity: 1; |
229 } | 226 } |
230 | 227 |
| 228 .resource-timing-view .network-timing-bar.blocking, |
231 .resource-timing-view .network-timing-bar.proxy { | 229 .resource-timing-view .network-timing-bar.proxy { |
232 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
39, 228, 176)), to(rgb(139, 128, 76))); | 230 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 242, 194)), to(rgb(204, 204, 102))); |
233 border-left: 1px solid rgb(139, 128, 76); | 231 border-left: 1px solid rgb(204, 204, 102); |
234 } | 232 } |
235 | 233 |
236 .resource-timing-view .network-timing-bar.dns { | 234 .resource-timing-view .network-timing-bar.dns { |
237 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
53, 208, 216)), to(rgb(81, 174, 189))); | 235 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 242, 194)), to(rgb(102, 204, 102))); |
238 border-left: 1px solid rgb(81, 174, 189); | 236 border-left: 1px solid rgb(102, 204, 102); |
239 } | 237 } |
240 | 238 |
241 .resource-timing-view .network-timing-bar.connecting { | 239 .resource-timing-view .network-timing-bar.connecting, |
242 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
03, 232, 145)), to(rgb(160, 214, 56))); | |
243 border-left: 1px solid rgb(160, 214, 56); | |
244 } | |
245 | |
246 .resource-timing-view .network-timing-bar.ssl { | 240 .resource-timing-view .network-timing-bar.ssl { |
247 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
1, 232, 145)), to(rgb(216, 149, 132))); | 241 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 242, 242)), to(rgb(102, 204, 204))); |
248 border-left: 1px solid rgb(216, 149, 132); | 242 border-left: 1px solid rgb(102, 204, 204); |
249 } | 243 } |
250 | 244 |
251 .resource-timing-view .network-timing-bar.sending { | 245 .resource-timing-view .network-timing-bar.sending { |
252 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
32, 192, 182)), to(rgb(216, 147, 130))); | 246 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 242)), to(rgb(102, 102, 204))); |
253 border-left: 1px solid rgb(216, 147, 130); | 247 border-left: 1px solid rgb(102, 102, 204); |
254 } | 248 } |
255 | 249 |
256 .resource-timing-view .network-timing-bar.waiting { | 250 .resource-timing-view .network-timing-bar.waiting { |
257 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
88, 179, 208)), to(rgb(141, 125, 175))); | 251 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 194, 242)), to(rgb(204, 102, 204))); |
258 border-left: 1px solid rgb(141, 125, 175); | 252 border-left: 1px solid rgb(204, 102, 204); |
259 } | 253 } |
260 | 254 |
261 .resource-timing-view .network-timing-bar.receiving { | 255 .resource-timing-view .network-timing-bar.receiving { |
262 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
14, 214, 214)), to(rgb(182, 182, 182))); | 256 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 194, 194)), to(rgb(204, 102, 102))); |
263 border-left: 1px solid rgb(182, 182, 182); | 257 border-left: 1px solid rgb(204, 102, 102); |
264 } | 258 } |
265 | 259 |
266 .resource-timing-view.visible { | 260 .resource-timing-view.visible { |
267 display: block; | 261 display: block; |
268 } | 262 } |
269 | 263 |
270 .resource-websocket { | 264 .resource-websocket { |
271 -webkit-user-select: text; | 265 -webkit-user-select: text; |
272 } | 266 } |
273 | 267 |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
319 } | 313 } |
320 | 314 |
321 .resource-websocket-row-opcode td, .resource-websocket-row-opcode + tr td { | 315 .resource-websocket-row-opcode td, .resource-websocket-row-opcode + tr td { |
322 border-top-color: rgb(248, 240, 210); | 316 border-top-color: rgb(248, 240, 210); |
323 } | 317 } |
324 | 318 |
325 .resource-websocket-row-error { | 319 .resource-websocket-row-error { |
326 background-color: rgb(255, 237, 237); | 320 background-color: rgb(255, 237, 237); |
327 color: rgb(182, 0, 0); | 321 color: rgb(182, 0, 0); |
328 } | 322 } |
| 323 |
| 324 .panel.network .split-view { |
| 325 flex: auto; |
| 326 position: relative; |
| 327 } |
| 328 |
| 329 .network-filters-header { |
| 330 flex: 0 0 23px; |
| 331 } |
OLD | NEW |