OLD | NEW |
| (Empty) |
1 /* audits.css */ | |
2 | |
3 /* | |
4 * Copyright (C) 2008 Apple Inc. All rights reserved. | |
5 * Copyright (C) 2009 Google Inc. All rights reserved. | |
6 * | |
7 * Redistribution and use in source and binary forms, with or without | |
8 * modification, are permitted provided that the following conditions are | |
9 * met: | |
10 * | |
11 * * Redistributions of source code must retain the above copyright | |
12 * notice, this list of conditions and the following disclaimer. | |
13 * * Redistributions in binary form must reproduce the above | |
14 * copyright notice, this list of conditions and the following disclaimer | |
15 * in the documentation and/or other materials provided with the | |
16 * distribution. | |
17 * * Neither the name of Google Inc. nor the names of its | |
18 * contributors may be used to endorse or promote products derived from | |
19 * this software without specific prior written permission. | |
20 * | |
21 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
22 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
23 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
24 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
25 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
26 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
27 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
28 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
29 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
30 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
31 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
32 */ | |
33 | |
34 .audits-sidebar-tree-item .icon { | |
35 content: url(Images/resourcesTimeGraphIcon.png); | |
36 } | |
37 | |
38 .audit-result-sidebar-tree-item .icon { | |
39 content: url(Images/resourceDocumentIcon.png); | |
40 } | |
41 | |
42 #audit-views { | |
43 position: absolute; | |
44 top: 0; | |
45 right: 0; | |
46 left: 200px; | |
47 bottom: 0; | |
48 overflow: auto; | |
49 } | |
50 | |
51 .audit-launcher-view { | |
52 z-index: 1000; | |
53 position: absolute; | |
54 top: 0; | |
55 left: 0; | |
56 right: 0; | |
57 bottom: 0; | |
58 background-color: white; | |
59 font-size: 13px; | |
60 overflow-x: hidden; | |
61 overflow-y: overlay; | |
62 display: none; | |
63 } | |
64 | |
65 .audit-launcher-view.visible { | |
66 display: block; | |
67 } | |
68 | |
69 .audit-launcher-view .audit-launcher-view-content { | |
70 position: absolute; | |
71 top: 0; | |
72 left: 0; | |
73 right: 0; | |
74 bottom: 0; | |
75 padding: 0 0 0 16px; | |
76 white-space: nowrap; | |
77 display: -webkit-box; | |
78 -webkit-box-orient: vertical; | |
79 } | |
80 | |
81 .audit-launcher-view h1 { | |
82 color: rgb(110, 116, 128); | |
83 font-size: 16px; | |
84 line-height: 20px; | |
85 font-weight: normal; | |
86 padding-top: 15px; | |
87 } | |
88 | |
89 .audit-launcher-view h1.no-audits { | |
90 text-align: center; | |
91 font-style: italic; | |
92 position: relative; | |
93 left: -8px; | |
94 } | |
95 | |
96 .audit-launcher-view div.button-container { | |
97 display: -webkit-box; | |
98 -webkit-box-orient: vertical; | |
99 width: 100%; | |
100 padding: 16px 0; | |
101 } | |
102 .audit-launcher-view .flexible-space { | |
103 -webkit-box-flex: 1; | |
104 } | |
105 | |
106 .audit-launcher-view div.audit-categories-container { | |
107 position: relative; | |
108 top: 11px; | |
109 left: 0; | |
110 width: 100%; | |
111 overflow-y: auto; | |
112 } | |
113 | |
114 .audit-launcher-view button { | |
115 color: rgb(6, 6, 6); | |
116 background-color: transparent; | |
117 border: 1px solid rgb(165, 165, 165); | |
118 background-color: rgb(237, 237, 237); | |
119 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
120 -webkit-border-radius: 12px; | |
121 -webkit-appearance: none; | |
122 } | |
123 | |
124 .audit-launcher-view button { | |
125 font-size: 13px; | |
126 padding: 3px 20px; | |
127 height: 24px; | |
128 margin: 0 5px 0 0; | |
129 } | |
130 | |
131 .audit-launcher-view button:active { | |
132 background-color: rgb(215, 215, 215); | |
133 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
134 } | |
135 | |
136 body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled
{ | |
137 color: rgb(130, 130, 130); | |
138 border-color: rgb(212, 212, 212); | |
139 background-color: rgb(239, 239, 239); | |
140 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
50, 250, 250)), to(rgb(235, 235, 235))); | |
141 } | |
142 | |
143 .audit-launcher-view label { | |
144 position: relative; | |
145 display: block; | |
146 text-align: left; | |
147 word-break: break-word; | |
148 padding: 0 0 5px 0; | |
149 } | |
150 | |
151 .audit-launcher-view label.disabled { | |
152 color: rgb(130, 130, 130); | |
153 } | |
154 | |
155 .audit-launcher-view input[type="checkbox"] { | |
156 margin-left: 0; | |
157 } | |
158 | |
159 .audit-launcher-view input[type="radio"] { | |
160 height: 17px; | |
161 width: 17px; | |
162 border: 1px solid rgb(165, 165, 165); | |
163 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
164 -webkit-border-radius: 8px; | |
165 -webkit-appearance: none; | |
166 vertical-align: middle; | |
167 margin: 0 5px 5px 0; | |
168 } | |
169 | |
170 .audit-launcher-view input[type="radio"]:active:not(:disabled) { | |
171 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
172 } | |
173 | |
174 .audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher
-view input[type="radio"]:checked:disabled { | |
175 background: url(Images/radioDot.png) center no-repeat, | |
176 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 25
2, 252)), to(rgb(223, 223, 223))); | |
177 } | |
178 | |
179 .audit-launcher-view .resource-progress > img { | |
180 content: url(Images/spinner.gif); | |
181 vertical-align: text-top; | |
182 margin: 0 4px 0 8px; | |
183 } | |
184 | |
185 .audit-result-view { | |
186 overflow: auto; | |
187 position: absolute; | |
188 top: 0; | |
189 left: 0; | |
190 right: 0; | |
191 bottom: 0; | |
192 display: none; | |
193 } | |
194 | |
195 .audit-result-view.visible { | |
196 display: block; | |
197 } | |
198 | |
199 .audit-result-view .severity-severe { | |
200 content: url(Images/errorRedDot.png); | |
201 } | |
202 | |
203 .audit-result-view .severity-warning { | |
204 content: url(Images/warningOrangeDot.png); | |
205 } | |
206 | |
207 .audit-result-view .severity-info { | |
208 content: url(Images/successGreenDot.png); | |
209 } | |
210 | |
211 .audit-result-tree li.parent::before { | |
212 content: url(Images/treeRightTriangleBlack.png); | |
213 float: left; | |
214 width: 8px; | |
215 height: 8px; | |
216 margin-top: 1px; | |
217 padding-right: 2px; | |
218 } | |
219 | |
220 .audit-result-tree { | |
221 font-size: 11px; | |
222 line-height: 14px; | |
223 -webkit-user-select: text; | |
224 } | |
225 | |
226 .audit-result-tree > ol { | |
227 position: relative; | |
228 padding: 2px 6px !important; | |
229 margin: 0; | |
230 color: rgb(84, 84, 84); | |
231 cursor: default; | |
232 min-width: 100%; | |
233 } | |
234 | |
235 .audit-result-tree, .audit-result-tree ol { | |
236 list-style-type: none; | |
237 -webkit-padding-start: 12px; | |
238 margin: 0; | |
239 } | |
240 | |
241 .audit-result-tree li { | |
242 padding: 0 0 0 14px; | |
243 margin-top: 1px; | |
244 margin-bottom: 1px; | |
245 word-wrap: break-word; | |
246 text-indent: -2px; | |
247 } | |
248 | |
249 .audit-result-tree li.parent { | |
250 text-indent: -12px | |
251 } | |
252 | |
253 .audit-result-tree li.parent::before { | |
254 content: url(Images/treeRightTriangleBlack.png); | |
255 float: left; | |
256 width: 8px; | |
257 height: 8px; | |
258 margin-top: 0; | |
259 padding-right: 2px; | |
260 } | |
261 | |
262 .audit-result-tree li.parent.expanded::before { | |
263 content: url(Images/treeDownTriangleBlack.png); | |
264 } | |
265 | |
266 .audit-result-tree ol.children { | |
267 display: none; | |
268 } | |
269 | |
270 .audit-result-tree ol.children.expanded { | |
271 display: block; | |
272 } | |
273 | |
274 .audit-result { | |
275 font-weight: bold; | |
276 color: black; | |
277 } | |
278 | |
279 .audit-result img { | |
280 float: left; | |
281 margin-left: -40px; | |
282 margin-top: -1px; | |
283 } | |
284 | |
285 /* goToLineDialog.css */ | |
286 | |
287 .go-to-line-dialog { | |
288 position: absolute; | |
289 top: 40%; | |
290 left: 40%; | |
291 z-index: 1900; | |
292 | |
293 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to
(#CFCFCF)); | |
294 display: -webkit-box; | |
295 -webkit-box-orient: vertical; | |
296 padding: 10px; | |
297 border-radius: 10px; | |
298 border: 1px solid gray; | |
299 -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px; | |
300 | |
301 font-size: 11px; | |
302 font-family: 'Lucida Grande', sans-serif; | |
303 } | |
304 | |
305 .go-to-line-dialog input { | |
306 font-size: 11px; | |
307 } | |
308 | |
309 .go-to-line-dialog button { | |
310 font-size: 11px; | |
311 color: rgb(6, 6, 6); | |
312 border: 1px solid rgb(165, 165, 165); | |
313 background-color: rgb(237, 237, 237); | |
314 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
315 -webkit-border-radius: 12px; | |
316 -webkit-appearance: none; | |
317 | |
318 padding: 3px 20px; | |
319 margin: 0 0 0 10px; | |
320 } | |
321 | |
322 .go-to-line-dialog button:active { | |
323 background-color: rgb(215, 215, 215); | |
324 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
325 } | |
326 | |
327 /* heapProfiler.css */ | |
328 | |
329 /* | |
330 * Copyright (C) 2009 Google Inc. All rights reserved. | |
331 * Copyright (C) 2010 Apple Inc. All rights reserved. | |
332 * | |
333 * Redistribution and use in source and binary forms, with or without | |
334 * modification, are permitted provided that the following conditions are | |
335 * met: | |
336 * | |
337 * * Redistributions of source code must retain the above copyright | |
338 * notice, this list of conditions and the following disclaimer. | |
339 * * Redistributions in binary form must reproduce the above | |
340 * copyright notice, this list of conditions and the following disclaimer | |
341 * in the documentation and/or other materials provided with the | |
342 * distribution. | |
343 * * Neither the name of Google Inc. nor the names of its | |
344 * contributors may be used to endorse or promote products derived from | |
345 * this software without specific prior written permission. | |
346 * | |
347 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
348 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
349 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
350 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
351 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
352 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
353 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
354 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
355 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
356 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
357 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
358 */ | |
359 | |
360 .heap-snapshot-sidebar-tree-item .icon { | |
361 content: url(Images/profileIcon.png); | |
362 } | |
363 | |
364 .heap-snapshot-sidebar-tree-item.small .icon { | |
365 content: url(Images/profileSmallIcon.png); | |
366 } | |
367 | |
368 .heap-snapshot-view { | |
369 display: none; | |
370 overflow: hidden; | |
371 position: absolute; | |
372 top: 0; | |
373 left: 0; | |
374 right: 0; | |
375 bottom: 0; | |
376 } | |
377 | |
378 .heap-snapshot-view.visible { | |
379 display: block; | |
380 } | |
381 | |
382 .heap-snapshot-view .data-grid { | |
383 border: none; | |
384 max-height: 100%; | |
385 position: absolute; | |
386 left: 0; | |
387 right: 0; | |
388 top: 0; | |
389 bottom: 93px; | |
390 } | |
391 | |
392 .heap-snapshot-view .data-grid th.count-column { | |
393 text-align: center; | |
394 } | |
395 | |
396 .heap-snapshot-view .data-grid td.count-column { | |
397 text-align: right; | |
398 } | |
399 | |
400 .heap-snapshot-view .data-grid th.size-column { | |
401 text-align: center; | |
402 } | |
403 | |
404 .heap-snapshot-view .data-grid td.size-column { | |
405 text-align: right; | |
406 } | |
407 | |
408 .heap-snapshot-view .data-grid th.countDelta-column { | |
409 text-align: center; | |
410 } | |
411 | |
412 .heap-snapshot-view .data-grid td.countDelta-column { | |
413 text-align: right; | |
414 } | |
415 | |
416 .heap-snapshot-view .data-grid th.sizeDelta-column { | |
417 text-align: center; | |
418 } | |
419 | |
420 .heap-snapshot-view .data-grid td.sizeDelta-column { | |
421 text-align: right; | |
422 } | |
423 | |
424 #heap-snapshot-summary-container { | |
425 position: absolute; | |
426 padding-top: 20px; | |
427 bottom: 0; | |
428 left: 0; | |
429 right: 0; | |
430 height: 93px; | |
431 margin-left: -1px; | |
432 border-left: 1px solid rgb(102, 102, 102); | |
433 background-color: rgb(101, 111, 130); | |
434 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | |
435 background-repeat: repeat-x; | |
436 background-position: top; | |
437 text-align: center; | |
438 text-shadow: black 0 1px 1px; | |
439 white-space: nowrap; | |
440 color: white; | |
441 -webkit-background-size: 1px 6px; | |
442 -webkit-background-origin: padding; | |
443 -webkit-background-clip: padding; | |
444 } | |
445 | |
446 .heap-snapshot-summary { | |
447 display: inline-block; | |
448 width: 50%; | |
449 min-width: 300px; | |
450 position: relative; | |
451 } | |
452 | |
453 .heap-snapshot-summary canvas.summary-graph { | |
454 width: 225px; | |
455 } | |
456 | |
457 .heap-snapshot-summary-label { | |
458 font-size: 12px; | |
459 font-weight: bold; | |
460 position: absolute; | |
461 top: 1px; | |
462 width: 50%; | |
463 left: 25%; | |
464 } | |
465 | |
466 /* inspector.css */ | |
467 | |
468 /* | |
469 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | |
470 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | |
471 * | |
472 * Redistribution and use in source and binary forms, with or without | |
473 * modification, are permitted provided that the following conditions | |
474 * are met: | |
475 * | |
476 * 1. Redistributions of source code must retain the above copyright | |
477 * notice, this list of conditions and the following disclaimer. | |
478 * 2. Redistributions in binary form must reproduce the above copyright | |
479 * notice, this list of conditions and the following disclaimer in the | |
480 * documentation and/or other materials provided with the distribution. | |
481 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
482 * its contributors may be used to endorse or promote products derived | |
483 * from this software without specific prior written permission. | |
484 * | |
485 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
486 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
487 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
488 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
489 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
490 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
491 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
492 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
493 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
494 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
495 */ | |
496 | |
497 html { | |
498 height: 100%; | |
499 } | |
500 | |
501 body { | |
502 cursor: default; | |
503 position: absolute; | |
504 top: 0; | |
505 bottom: 0; | |
506 left: 0; | |
507 right: 0; | |
508 overflow: hidden; | |
509 font-family: Lucida Grande, sans-serif; | |
510 font-size: 10px; | |
511 margin: 0; | |
512 -webkit-text-size-adjust: none; | |
513 -webkit-user-select: none; | |
514 } | |
515 | |
516 * { | |
517 -webkit-box-sizing: border-box; | |
518 } | |
519 | |
520 :focus { | |
521 outline: none; | |
522 } | |
523 | |
524 input[type="search"]:focus, input[type="text"]:focus { | |
525 outline: auto 5px -webkit-focus-ring-color; | |
526 } | |
527 | |
528 iframe, a img { | |
529 border: none; | |
530 } | |
531 | |
532 img { | |
533 -webkit-user-drag: none; | |
534 } | |
535 | |
536 .hidden { | |
537 display: none !important; | |
538 } | |
539 | |
540 #toolbar { | |
541 position: absolute; | |
542 top: 0; | |
543 left: 0; | |
544 right: 0; | |
545 height: 56px; | |
546 display: -webkit-box; | |
547 padding: 0 5px; | |
548 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
91, 191, 191)), to(rgb(151, 151, 151))); | |
549 border-bottom: 1px solid rgb(80, 80, 80); | |
550 -webkit-box-orient: horizontal; | |
551 -webkit-background-origin: padding; | |
552 -webkit-background-clip: padding; | |
553 } | |
554 | |
555 body.inactive #toolbar { | |
556 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
33, 233, 233)), to(rgb(207, 207, 207))); | |
557 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
558 } | |
559 | |
560 body.detached.platform-mac-leopard #toolbar, | |
561 body.detached.platform-mac-snowleopard #toolbar { | |
562 background: transparent !important; | |
563 } | |
564 | |
565 body.attached #toolbar { | |
566 height: 34px; | |
567 border-top: 1px solid rgb(100, 100, 100); | |
568 cursor: row-resize; | |
569 padding-left: 0; | |
570 } | |
571 | |
572 body.attached.port-qt #toolbar { | |
573 cursor: auto; | |
574 } | |
575 | |
576 body.attached.inactive #toolbar { | |
577 border-top: 1px solid rgb(64%, 64%, 64%); | |
578 } | |
579 | |
580 .toolbar-item { | |
581 display: -webkit-box; | |
582 padding: 4px 6px; | |
583 margin: 0; | |
584 background-color: transparent; | |
585 border-style: none; | |
586 border-color: transparent; | |
587 -webkit-box-orient: vertical; | |
588 -webkit-box-align: center; | |
589 -webkit-box-pack: end; | |
590 } | |
591 | |
592 .toolbar-item.toggleable.toggled-on { | |
593 border-width: 0 2px 0 2px; | |
594 padding: 4px 4px; | |
595 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; | |
596 } | |
597 | |
598 .toolbar-item.flexable-space { | |
599 -webkit-box-flex: 1; | |
600 visibility: hidden; | |
601 } | |
602 | |
603 .toolbar-item input { | |
604 margin-bottom: 8px; | |
605 } | |
606 | |
607 .toolbar-icon { | |
608 display: inline-block; | |
609 width: 32px; | |
610 height: 32px; | |
611 -webkit-background-size: 100% auto; | |
612 } | |
613 | |
614 body.attached .toolbar-icon { | |
615 width: 24px; | |
616 height: 24px; | |
617 vertical-align: middle; | |
618 } | |
619 | |
620 .toolbar-item:active .toolbar-icon { | |
621 background-position: 0 32px; | |
622 } | |
623 | |
624 body.attached .toolbar-item:active .toolbar-icon { | |
625 background-position: 0 24px; | |
626 } | |
627 | |
628 .toolbar-label { | |
629 font-size: 11px; | |
630 font-family: Lucida Grande, sans-serif; | |
631 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
632 } | |
633 | |
634 .toolbar-item.toggleable:active .toolbar-label { | |
635 text-shadow: none; | |
636 } | |
637 | |
638 body.attached .toolbar-label { | |
639 display: inline-block; | |
640 vertical-align: middle; | |
641 margin-left: 3px; | |
642 } | |
643 | |
644 body.attached #search-toolbar-label { | |
645 display: none; | |
646 } | |
647 | |
648 #search { | |
649 width: 205px; | |
650 font-size: 16px; | |
651 margin-bottom: 5px; | |
652 } | |
653 | |
654 body.attached #search { | |
655 font-size: 11px; | |
656 margin-bottom: 8px; | |
657 } | |
658 | |
659 #search-results-matches { | |
660 font-size: 11px; | |
661 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
662 margin-bottom: 22px; | |
663 } | |
664 | |
665 body.attached #search-results-matches { | |
666 margin-bottom: 6px; | |
667 } | |
668 | |
669 .toolbar-item.elements .toolbar-icon { | |
670 background-image: url(Images/elementsIcon.png); | |
671 } | |
672 | |
673 .toolbar-item.resources .toolbar-icon { | |
674 background-image: url(Images/resourcesIcon.png); | |
675 } | |
676 | |
677 .toolbar-item.network .toolbar-icon { | |
678 background-image: url(Images/networkIcon.png); | |
679 } | |
680 | |
681 .toolbar-item.scripts .toolbar-icon { | |
682 background-image: url(Images/scriptsIcon.png); | |
683 } | |
684 | |
685 .toolbar-item.timeline .toolbar-icon { | |
686 background-image: url(Images/timelineIcon.png); | |
687 } | |
688 | |
689 .toolbar-item.profiles .toolbar-icon { | |
690 background-image: url(Images/profilesIcon.png); | |
691 } | |
692 | |
693 .toolbar-item.audits .toolbar-icon { | |
694 background-image: url(Images/auditsIcon.png); | |
695 } | |
696 | |
697 .toolbar-item.console .toolbar-icon { | |
698 background-image: url(Images/consoleIcon.png); | |
699 } | |
700 | |
701 #close-button-left, #close-button-right { | |
702 width: 14px; | |
703 height: 14px; | |
704 background-image: url(Images/closeButtons.png); | |
705 background-position: 0 0; | |
706 background-color: transparent; | |
707 border: 0 none transparent; | |
708 margin: 5px 0; | |
709 } | |
710 | |
711 #close-button-left:hover, #close-button-right:hover { | |
712 background-position: 14px 0; | |
713 } | |
714 | |
715 #close-button-left:active, #close-button-right:active { | |
716 background-position: 28px 0; | |
717 } | |
718 | |
719 body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right
{ | |
720 display: none; | |
721 } | |
722 | |
723 body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-i
tem.close-right { | |
724 display: none; | |
725 } | |
726 | |
727 body.platform-mac .toolbar-item.close-right { | |
728 display: none; | |
729 } | |
730 | |
731 body:not(.platform-mac) .toolbar-item.close-left { | |
732 display: none; | |
733 } | |
734 | |
735 #main { | |
736 position: absolute; | |
737 z-index: 1; | |
738 top: 56px; | |
739 left: 0; | |
740 right: 0; | |
741 bottom: 0; | |
742 overflow: hidden; | |
743 background-color: white; | |
744 } | |
745 | |
746 body.attached #main { | |
747 top: 34px; | |
748 } | |
749 | |
750 #main-panels { | |
751 position: absolute; | |
752 top: 0; | |
753 left: 0; | |
754 right: 0; | |
755 bottom: 23px; | |
756 overflow: hidden; | |
757 } | |
758 | |
759 #main-status-bar { | |
760 position: absolute; | |
761 bottom: 0; | |
762 left: 0; | |
763 right: 0; | |
764 } | |
765 | |
766 body.drawer-visible #main-status-bar { | |
767 height: 24px; | |
768 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackground.png); | |
769 background-repeat: no-repeat, repeat-x; | |
770 background-position: right center, center; | |
771 cursor: row-resize; | |
772 } | |
773 | |
774 body.drawer-visible #main-status-bar * { | |
775 cursor: default; | |
776 } | |
777 | |
778 body.drawer-visible #main-panels { | |
779 bottom: 24px; | |
780 } | |
781 | |
782 .status-bar { | |
783 background-color: rgb(235, 235, 235); | |
784 background-image: url(Images/statusbarBackground.png); | |
785 background-repeat: repeat-x; | |
786 white-space: nowrap; | |
787 height: 23px; | |
788 overflow: hidden; | |
789 z-index: 12; | |
790 } | |
791 | |
792 .status-bar > div { | |
793 display: inline-block; | |
794 vertical-align: top; | |
795 } | |
796 | |
797 .status-bar-item { | |
798 display: inline-block; | |
799 height: 24px; | |
800 padding: 0; | |
801 margin-left: -1px; | |
802 margin-right: 0; | |
803 vertical-align: top; | |
804 border: 0 transparent none; | |
805 background-color: transparent; | |
806 } | |
807 | |
808 .status-bar-item:active { | |
809 position: relative; | |
810 z-index: 200; | |
811 } | |
812 | |
813 .glyph { | |
814 position: absolute; | |
815 top: 0; | |
816 left: 0; | |
817 right: 0; | |
818 bottom: 0; | |
819 background-color: rgba(0, 0, 0, 0.75); | |
820 z-index: 1; | |
821 } | |
822 | |
823 .glyph.shadow { | |
824 top: 1px; | |
825 background-color: white !important; | |
826 z-index: 0; | |
827 } | |
828 | |
829 button.status-bar-item { | |
830 position: relative; | |
831 width: 32px; | |
832 background-image: url(Images/statusbarButtons.png); | |
833 background-position: 0 0; | |
834 } | |
835 | |
836 button.status-bar-item:active { | |
837 background-position: 32px 0 !important; | |
838 } | |
839 | |
840 button.status-bar-item .glyph.shadow { | |
841 background-color: rgba(255, 255, 255, 0.33) !important; | |
842 } | |
843 | |
844 button.status-bar-item.toggled-on .glyph { | |
845 background-color: rgb(66, 129, 235); | |
846 } | |
847 | |
848 button.status-bar-item.toggled-1 .glyph { | |
849 background-color: rgb(66, 129, 235); | |
850 } | |
851 | |
852 button.status-bar-item.toggled-2 .glyph { | |
853 background-color: purple; | |
854 } | |
855 | |
856 button.status-bar-item:disabled { | |
857 opacity: 0.5; | |
858 background-position: 0 0 !important; | |
859 } | |
860 | |
861 select.status-bar-item { | |
862 min-width: 48px; | |
863 border-width: 0 17px 0 2px; | |
864 padding: 0 2px 0 6px; | |
865 font-weight: bold; | |
866 color: rgb(48, 48, 48); | |
867 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
868 -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2; | |
869 -webkit-border-radius: 0; | |
870 -webkit-appearance: none; | |
871 } | |
872 | |
873 select.status-bar-item:active { | |
874 color: black; | |
875 -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2; | |
876 } | |
877 | |
878 #dock-status-bar-item .glyph { | |
879 -webkit-mask-image: url(Images/undockButtonGlyph.png); | |
880 } | |
881 | |
882 body.detached #dock-status-bar-item .glyph { | |
883 -webkit-mask-image: url(Images/dockButtonGlyph.png); | |
884 } | |
885 | |
886 body.port-qt #dock-status-bar-item { | |
887 display: none | |
888 } | |
889 | |
890 #console-status-bar-item .glyph { | |
891 -webkit-mask-image: url(Images/consoleButtonGlyph.png); | |
892 } | |
893 | |
894 .clear-status-bar-item .glyph { | |
895 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); | |
896 } | |
897 | |
898 #changes-status-bar-item .glyph { | |
899 -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image
for Changes Toggle Button */ | |
900 } | |
901 | |
902 #counters { | |
903 position: absolute; | |
904 right: 16px; | |
905 top: 0; | |
906 cursor: pointer; | |
907 padding: 6px 2px 6px 0px; | |
908 font-size: 10px; | |
909 height: 19px; | |
910 } | |
911 | |
912 #changes-count, #error-warning-count { | |
913 display: inline; | |
914 } | |
915 | |
916 #error-warning-count:hover, #changes-count:hover { | |
917 border-bottom: 1px solid rgb(96, 96, 96); | |
918 } | |
919 | |
920 #style-changes-count::before { | |
921 content: url(Images/styleIcon.png); /* TODO: Needs Image for Style Changes I
con */ | |
922 width: 10px; | |
923 height: 10px; | |
924 vertical-align: -1px; | |
925 margin-right: 2px; | |
926 } | |
927 | |
928 #error-count::before { | |
929 content: url(Images/errorIcon.png); | |
930 width: 10px; | |
931 height: 10px; | |
932 vertical-align: -1px; | |
933 margin-right: 2px; | |
934 } | |
935 | |
936 #changes-count + #error-warning-count, #error-count + #warning-count { | |
937 margin-left: 6px; | |
938 } | |
939 | |
940 #warning-count::before { | |
941 content: url(Images/warningIcon.png); | |
942 width: 10px; | |
943 height: 10px; | |
944 vertical-align: -1px; | |
945 margin-right: 2px; | |
946 } | |
947 | |
948 #drawer { | |
949 display: none; | |
950 position: absolute; | |
951 bottom: 0; | |
952 left: 0; | |
953 right: 0; | |
954 height: 200px; | |
955 background-color: white; | |
956 background-image: url(Images/statusbarBottomBackground.png); | |
957 background-repeat: repeat-x; | |
958 background-position: bottom; | |
959 } | |
960 | |
961 body.drawer-visible #drawer { | |
962 display: block; | |
963 } | |
964 | |
965 #drawer-status-bar { | |
966 position: absolute; | |
967 bottom: 0; | |
968 left: 0; | |
969 right: 0; | |
970 background: none; | |
971 } | |
972 | |
973 .monospace { | |
974 font-size: 10px !important; | |
975 font-family: monospace; | |
976 } | |
977 | |
978 body.platform-mac .monospace, body.platform-mac .source-code { | |
979 font-family: Monaco, monospace; | |
980 } | |
981 | |
982 /* Keep .platform-mac to make the rule more specific than the general one above.
*/ | |
983 body.platform-mac.platform-mac-snowleopard .monospace, | |
984 body.platform-mac.platform-mac-snowleopard .source-code { | |
985 font-size: 11px !important; | |
986 font-family: Menlo, monospace; | |
987 } | |
988 | |
989 body.platform-windows .monospace, body.platform-windows .source-code { | |
990 font-size: 12px !important; | |
991 font-family: Consolas, Lucida Console, monospace; | |
992 } | |
993 | |
994 body.platform-linux .monospace, body.platform-linux .source-code { | |
995 font-size: 11px !important; | |
996 font-family: dejavu sans mono, monospace; | |
997 } | |
998 | |
999 #console-messages { | |
1000 position: absolute; | |
1001 z-index: 0; | |
1002 top: 0; | |
1003 left: 0; | |
1004 right: 0; | |
1005 bottom: 23px; | |
1006 padding: 2px 0; | |
1007 overflow-y: overlay; | |
1008 word-wrap: break-word; | |
1009 -webkit-user-select: text; | |
1010 -webkit-text-size-adjust: auto; | |
1011 } | |
1012 | |
1013 #console-prompt { | |
1014 position: relative; | |
1015 padding: 1px 22px 1px 24px; | |
1016 min-height: 16px; | |
1017 white-space: pre-wrap; | |
1018 -webkit-user-modify: read-write-plaintext-only; | |
1019 } | |
1020 | |
1021 #console-prompt::before { | |
1022 background-image: url(Images/userInputIcon.png); | |
1023 } | |
1024 | |
1025 .console-user-command-result.console-log-level::before { | |
1026 background-image: url(Images/userInputResultIcon.png); | |
1027 } | |
1028 | |
1029 .console-message, .console-user-command { | |
1030 position: relative; | |
1031 border-bottom: 1px solid rgb(240, 240, 240); | |
1032 padding: 1px 22px 1px 24px; | |
1033 min-height: 16px; | |
1034 } | |
1035 | |
1036 .console-adjacent-user-command-result { | |
1037 border-bottom: none; | |
1038 } | |
1039 | |
1040 .console-adjacent-user-command-result + .console-user-command-result.console-log
-level::before { | |
1041 background-image: none; | |
1042 } | |
1043 | |
1044 .console-message::before, .console-user-command::before, #console-prompt::before
, .console-group-title::before { | |
1045 position: absolute; | |
1046 display: block; | |
1047 content: ""; | |
1048 left: 7px; | |
1049 top: 0.8em; | |
1050 width: 10px; | |
1051 height: 10px; | |
1052 margin-top: -5px; | |
1053 -webkit-user-select: none; | |
1054 } | |
1055 | |
1056 .console-message .bubble { | |
1057 display: inline-block; | |
1058 height: 14px; | |
1059 background-color: rgb(128, 151, 189); | |
1060 vertical-align: middle; | |
1061 white-space: nowrap; | |
1062 padding: 1px 4px; | |
1063 margin-top: -2px; | |
1064 margin-right: 4px; | |
1065 text-align: left; | |
1066 font-size: 11px; | |
1067 line-height: normal; | |
1068 font-family: Helvetica, Arial, sans-serif; | |
1069 font-weight: bold; | |
1070 text-shadow: none; | |
1071 color: white; | |
1072 -webkit-border-radius: 7px; | |
1073 } | |
1074 | |
1075 .console-message-text { | |
1076 white-space: pre-wrap; | |
1077 } | |
1078 | |
1079 .repeated-message { | |
1080 padding-left: 6px; | |
1081 } | |
1082 | |
1083 .repeated-message.console-error-level::before, .repeated-message.console-warning
-level:before, .repeated-message.console-debug-level:before { | |
1084 visibility: hidden; | |
1085 } | |
1086 | |
1087 .console-group .console-group > .console-group-messages { | |
1088 margin-left: 16px; | |
1089 } | |
1090 | |
1091 .console-group-title { | |
1092 font-weight: bold; | |
1093 } | |
1094 | |
1095 .console-group-title::before { | |
1096 background-image: url(Images/disclosureTriangleSmallDown.png); | |
1097 top: 0.6em; | |
1098 width: 11px; | |
1099 height: 12px; | |
1100 } | |
1101 | |
1102 .console-group.collapsed .console-group-title::before { | |
1103 background-image: url(Images/disclosureTriangleSmallRight.png); | |
1104 } | |
1105 | |
1106 .console-group.collapsed > .console-group-messages { | |
1107 display: none; | |
1108 } | |
1109 | |
1110 .console-error-level .console-message-text { | |
1111 color: red; | |
1112 } | |
1113 | |
1114 .console-debug-level .console-message-text { | |
1115 color: blue; | |
1116 } | |
1117 | |
1118 .console-debug-level::before { | |
1119 background-image: url(Images/searchSmallBrightBlue.png); | |
1120 } | |
1121 | |
1122 .console-error-level::before { | |
1123 background-image: url(Images/errorIcon.png); | |
1124 } | |
1125 | |
1126 .console-warning-level::before { | |
1127 background-image: url(Images/warningIcon.png); | |
1128 } | |
1129 | |
1130 .console-user-command .console-message { | |
1131 margin-left: -24px; | |
1132 padding-right: 0; | |
1133 border-bottom: none; | |
1134 } | |
1135 | |
1136 .console-user-command::before { | |
1137 background-image: url(Images/userInputPreviousIcon.png); | |
1138 } | |
1139 | |
1140 .console-user-command > .console-message-text { | |
1141 color: rgb(0, 128, 255); | |
1142 } | |
1143 | |
1144 #console-messages a { | |
1145 color: rgb(33%, 33%, 33%); | |
1146 cursor: pointer; | |
1147 } | |
1148 | |
1149 #console-messages a:hover { | |
1150 color: rgb(15%, 15%, 15%); | |
1151 } | |
1152 | |
1153 .console-message-url { | |
1154 float: right; | |
1155 } | |
1156 | |
1157 .console-group-messages .section { | |
1158 margin: 0 0 0 12px !important; | |
1159 } | |
1160 | |
1161 .console-group-messages .section .header { | |
1162 padding: 0 8px 0 0; | |
1163 background-image: none; | |
1164 border: none; | |
1165 min-height: 0; | |
1166 } | |
1167 | |
1168 .console-group-messages .section .header::before { | |
1169 position: absolute; | |
1170 top: 1px; | |
1171 left: 1px; | |
1172 width: 8px; | |
1173 height: 8px; | |
1174 content: url(Images/treeRightTriangleBlack.png); | |
1175 } | |
1176 | |
1177 .console-group-messages .section.expanded .header::before { | |
1178 content: url(Images/treeDownTriangleBlack.png); | |
1179 } | |
1180 | |
1181 .console-group-messages .section .header .title { | |
1182 color: black; | |
1183 font-weight: normal; | |
1184 } | |
1185 | |
1186 .console-group-messages .section .properties li .info { | |
1187 padding-top: 0; | |
1188 padding-bottom: 0; | |
1189 color: rgb(60%, 60%, 60%); | |
1190 } | |
1191 | |
1192 .console-group-messages .outline-disclosure { | |
1193 padding-left: 0; | |
1194 } | |
1195 | |
1196 .console-group-messages .outline-disclosure > ol { | |
1197 padding: 0 0 0 12px !important; | |
1198 } | |
1199 | |
1200 .console-group-messages .outline-disclosure, .console-group-messages .outline-di
sclosure ol { | |
1201 font-size: inherit; | |
1202 line-height: 12px; | |
1203 } | |
1204 | |
1205 .console-group-messages .outline-disclosure.single-node li { | |
1206 padding-left: 2px; | |
1207 } | |
1208 | |
1209 .console-group-messages .outline-disclosure li .selection { | |
1210 margin-left: -6px; | |
1211 margin-right: -6px; | |
1212 } | |
1213 | |
1214 .console-group-messages .add-attribute { | |
1215 display: none; | |
1216 } | |
1217 | |
1218 .console-formatted-object, .console-formatted-node { | |
1219 position: relative; | |
1220 display: inline-block; | |
1221 vertical-align: top; | |
1222 } | |
1223 | |
1224 .console-formatted-object .section, .console-formatted-node .section { | |
1225 position: static; | |
1226 } | |
1227 | |
1228 .console-formatted-object .properties, .console-formatted-node .properties { | |
1229 padding-left: 0 !important; | |
1230 } | |
1231 | |
1232 .console-formatted-number { | |
1233 color: rgb(28, 0, 207); | |
1234 } | |
1235 | |
1236 .console-formatted-string, .console-formatted-regexp { | |
1237 color: rgb(196, 26, 22); | |
1238 } | |
1239 | |
1240 .console-formatted-null, .console-formatted-undefined { | |
1241 color: rgb(128, 128, 128); | |
1242 } | |
1243 | |
1244 .error-message { | |
1245 color: red; | |
1246 } | |
1247 | |
1248 .auto-complete-text { | |
1249 color: rgb(128, 128, 128); | |
1250 -webkit-user-select: none; | |
1251 -webkit-user-modify: read-only; | |
1252 } | |
1253 | |
1254 .panel { | |
1255 display: none; | |
1256 overflow: hidden; | |
1257 position: absolute; | |
1258 top: 0; | |
1259 left: 0; | |
1260 right: 0; | |
1261 bottom: 0; | |
1262 } | |
1263 | |
1264 .panel.visible { | |
1265 display: block; | |
1266 } | |
1267 | |
1268 .webkit-line-gutter-backdrop { | |
1269 /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ | |
1270 width: 31px; | |
1271 background-color: rgb(240, 240, 240); | |
1272 border-right: 1px solid rgb(187, 187, 187); | |
1273 position: absolute; | |
1274 z-index: -1; | |
1275 left: 0; | |
1276 top: 0; | |
1277 height: 100% | |
1278 } | |
1279 | |
1280 .resource-view { | |
1281 display: none; | |
1282 position: absolute; | |
1283 top: 0; | |
1284 right: 0; | |
1285 left: 0; | |
1286 bottom: 0; | |
1287 overflow: auto; | |
1288 } | |
1289 | |
1290 .resource-view.visible { | |
1291 display: block; | |
1292 } | |
1293 | |
1294 .resource-view.font { | |
1295 font-size: 60px; | |
1296 white-space: pre-wrap; | |
1297 word-wrap: break-word; | |
1298 text-align: center; | |
1299 padding: 15px; | |
1300 } | |
1301 | |
1302 .resource-view.image > .image { | |
1303 padding: 20px 20px 10px 20px; | |
1304 text-align: center; | |
1305 } | |
1306 | |
1307 .resource-view.image > .info { | |
1308 padding-bottom: 10px; | |
1309 font-size: 11px; | |
1310 -webkit-user-select: text; | |
1311 } | |
1312 | |
1313 .resource-view.image img.resource-image-view { | |
1314 max-width: 100%; | |
1315 max-height: 1000px; | |
1316 background-image: url(Images/checker.png); | |
1317 -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); | |
1318 -webkit-user-select: text; | |
1319 -webkit-user-drag: auto; | |
1320 } | |
1321 | |
1322 .resource-url { | |
1323 vertical-align: middle; | |
1324 } | |
1325 | |
1326 .resource-status-image { | |
1327 margin-top: -3px; | |
1328 vertical-align: middle; | |
1329 } | |
1330 | |
1331 .resource-view.image .title { | |
1332 text-align: center; | |
1333 font-size: 13px; | |
1334 } | |
1335 | |
1336 .resource-view.image .infoList { | |
1337 margin: 0; | |
1338 } | |
1339 | |
1340 .resource-view.image .infoList dt { | |
1341 font-weight: bold; | |
1342 display: inline-block; | |
1343 width: 50%; | |
1344 text-align: right; | |
1345 color: rgb(76, 76, 76); | |
1346 } | |
1347 | |
1348 .resource-view.image .infoList dd { | |
1349 display: inline-block; | |
1350 padding-left: 8px; | |
1351 width: 50%; | |
1352 text-align: left; | |
1353 margin: 0; | |
1354 } | |
1355 | |
1356 .resource-view.image .infoList dd::after { | |
1357 white-space: pre; | |
1358 content: "\A"; | |
1359 } | |
1360 | |
1361 .resource-timing-row { | |
1362 position: relative; | |
1363 height: 12px; | |
1364 } | |
1365 | |
1366 .resource-timing-bar { | |
1367 position: absolute; | |
1368 background-color: red; | |
1369 border-left: 1px solid red; | |
1370 opacity: 0.4; | |
1371 } | |
1372 | |
1373 .resource-timing-bar-title { | |
1374 position: absolute; | |
1375 } | |
1376 | |
1377 #elements-content { | |
1378 display: block; | |
1379 overflow: auto; | |
1380 padding: 0; | |
1381 position: absolute; | |
1382 top: 0; | |
1383 left: 0; | |
1384 right: 325px; | |
1385 bottom: 0; | |
1386 } | |
1387 | |
1388 #elements-sidebar { | |
1389 position: absolute; | |
1390 top: 0; | |
1391 right: 0; | |
1392 bottom: 0; | |
1393 width: 325px; | |
1394 border-left: 1px solid rgb(64%, 64%, 64%); | |
1395 cursor: default; | |
1396 overflow: auto; | |
1397 } | |
1398 | |
1399 .crumbs { | |
1400 display: inline-block; | |
1401 font-size: 11px; | |
1402 line-height: 19px; | |
1403 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
1404 color: rgb(20, 20, 20); | |
1405 margin-left: -1px; | |
1406 padding-right: 12px; | |
1407 } | |
1408 | |
1409 .crumbs .crumb { | |
1410 height: 24px; | |
1411 border-width: 0 12px 0 2px; | |
1412 -webkit-border-image: url(Images/segment.png) 0 12 0 2; | |
1413 margin-right: -12px; | |
1414 padding-left: 18px; | |
1415 padding-right: 2px; | |
1416 white-space: nowrap; | |
1417 line-height: 23px; | |
1418 float: right; | |
1419 } | |
1420 | |
1421 .crumbs .crumb.collapsed > * { | |
1422 display: none; | |
1423 } | |
1424 | |
1425 .crumbs .crumb.collapsed::before { | |
1426 content: "\2026"; | |
1427 font-weight: bold; | |
1428 } | |
1429 | |
1430 .crumbs .crumb.compact .extra { | |
1431 display: none; | |
1432 } | |
1433 | |
1434 .crumbs .crumb.dimmed { | |
1435 color: rgba(0, 0, 0, 0.45); | |
1436 } | |
1437 | |
1438 .crumbs .crumb.start { | |
1439 padding-left: 7px; | |
1440 } | |
1441 | |
1442 .crumbs .crumb.end { | |
1443 border-width: 0 2px 0 2px; | |
1444 padding-right: 6px; | |
1445 -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2; | |
1446 } | |
1447 | |
1448 .crumbs .crumb.selected { | |
1449 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
1450 color: black; | |
1451 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
1452 } | |
1453 | |
1454 .crumbs .crumb.selected:hover { | |
1455 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
1456 } | |
1457 | |
1458 .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
1459 -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2; | |
1460 } | |
1461 | |
1462 .crumbs .crumb:hover { | |
1463 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
1464 color: black; | |
1465 } | |
1466 | |
1467 .crumbs .crumb.dimmed:hover { | |
1468 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
1469 color: rgba(0, 0, 0, 0.75); | |
1470 } | |
1471 | |
1472 .crumbs .crumb.end:hover { | |
1473 -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2; | |
1474 } | |
1475 | |
1476 .outline-disclosure li.hovered:not(.selected) .selection { | |
1477 display: block; | |
1478 left: 3px; | |
1479 right: 3px; | |
1480 background-color: rgba(56, 121, 217, 0.1); | |
1481 -webkit-border-radius: 5px; | |
1482 } | |
1483 | |
1484 .outline-disclosure li.highlighted .highlight { | |
1485 background-color: rgb(255, 230, 179); | |
1486 -webkit-border-radius: 4px; | |
1487 padding-bottom: 2px; | |
1488 margin-bottom: -2px; | |
1489 } | |
1490 | |
1491 .outline-disclosure li.selected.highlighted .highlight { | |
1492 background-color: transparent; | |
1493 padding-bottom: 0; | |
1494 margin-bottom: 0; | |
1495 } | |
1496 | |
1497 .outline-disclosure li .selection { | |
1498 display: none; | |
1499 position: absolute; | |
1500 left: 0; | |
1501 right: 0; | |
1502 height: 15px; | |
1503 z-index: -1; | |
1504 } | |
1505 | |
1506 .outline-disclosure li.selected .selection { | |
1507 display: block; | |
1508 background-color: rgb(212, 212, 212); | |
1509 } | |
1510 | |
1511 .outline-disclosure ol:focus li.selected .selection { | |
1512 background-color: rgb(56, 121, 217); | |
1513 } | |
1514 | |
1515 .outline-disclosure { | |
1516 font-size: 11px; | |
1517 } | |
1518 | |
1519 .outline-disclosure > ol { | |
1520 position: relative; | |
1521 padding: 2px 6px !important; | |
1522 margin: 0; | |
1523 color: black; | |
1524 cursor: default; | |
1525 min-width: 100%; | |
1526 } | |
1527 | |
1528 .outline-disclosure, .outline-disclosure ol { | |
1529 list-style-type: none; | |
1530 -webkit-padding-start: 12px; | |
1531 margin: 0; | |
1532 } | |
1533 | |
1534 .source-code { | |
1535 font-family: monospace; | |
1536 font-size: 10px !important; | |
1537 white-space: pre-wrap; | |
1538 } | |
1539 | |
1540 .outline-disclosure li { | |
1541 padding: 0 0 0 14px; | |
1542 margin-top: 1px; | |
1543 margin-bottom: 1px; | |
1544 word-wrap: break-word; | |
1545 text-indent: -2px; | |
1546 } | |
1547 | |
1548 .resources .outline-disclosure li { | |
1549 text-indent: -1px; | |
1550 } | |
1551 | |
1552 .outline-disclosure ol:focus li.selected { | |
1553 color: white; | |
1554 } | |
1555 | |
1556 .outline-disclosure ol:focus li.selected * { | |
1557 color: inherit; | |
1558 } | |
1559 | |
1560 .outline-disclosure li.parent { | |
1561 text-indent: -12px | |
1562 } | |
1563 | |
1564 .outline-disclosure li .webkit-html-tag.close { | |
1565 margin-left: -12px; | |
1566 } | |
1567 | |
1568 .outline-disclosure li.parent::before { | |
1569 content: url(Images/treeRightTriangleBlack.png); | |
1570 float: left; | |
1571 width: 8px; | |
1572 height: 8px; | |
1573 margin-top: 1px; | |
1574 padding-right: 2px; | |
1575 } | |
1576 | |
1577 .outline-disclosure li.parent::before { | |
1578 content: url(Images/treeRightTriangleBlack.png); | |
1579 } | |
1580 | |
1581 .outline-disclosure ol:focus li.parent.selected::before { | |
1582 content: url(Images/treeRightTriangleWhite.png); | |
1583 } | |
1584 | |
1585 .outline-disclosure li.parent.expanded::before { | |
1586 content: url(Images/treeDownTriangleBlack.png); | |
1587 } | |
1588 | |
1589 .outline-disclosure ol:focus li.parent.expanded.selected::before { | |
1590 content: url(Images/treeDownTriangleWhite.png); | |
1591 } | |
1592 | |
1593 .outline-disclosure ol.children { | |
1594 display: none; | |
1595 } | |
1596 | |
1597 .outline-disclosure ol.children.expanded { | |
1598 display: block; | |
1599 } | |
1600 | |
1601 .add-attribute { | |
1602 margin-left: 1px; | |
1603 margin-right: 1px; | |
1604 white-space: nowrap; | |
1605 } | |
1606 | |
1607 .placard { | |
1608 position: relative; | |
1609 margin-top: 1px; | |
1610 padding: 3px 8px 4px 18px; | |
1611 min-height: 18px; | |
1612 white-space: nowrap; | |
1613 } | |
1614 | |
1615 .placard:nth-of-type(2n) { | |
1616 background-color: rgb(234, 243, 255); | |
1617 } | |
1618 | |
1619 .placard.selected { | |
1620 border-top: 1px solid rgb(145, 160, 192); | |
1621 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
1622 -webkit-background-origin: padding; | |
1623 -webkit-background-clip: padding; | |
1624 } | |
1625 | |
1626 :focus .placard.selected { | |
1627 border-top: 1px solid rgb(68, 128, 200); | |
1628 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
1629 } | |
1630 | |
1631 body.inactive .placard.selected { | |
1632 border-top: 1px solid rgb(151, 151, 151); | |
1633 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
1634 } | |
1635 | |
1636 .placard .title { | |
1637 color: black; | |
1638 font-weight: normal; | |
1639 word-wrap: break-word; | |
1640 white-space: normal; | |
1641 } | |
1642 | |
1643 .placard.selected .title { | |
1644 color: white; | |
1645 font-weight: bold; | |
1646 } | |
1647 | |
1648 .placard .subtitle { | |
1649 float: right; | |
1650 font-size: 10px; | |
1651 margin-left: 5px; | |
1652 max-width: 55%; | |
1653 color: rgba(0, 0, 0, 0.7); | |
1654 text-overflow: ellipsis; | |
1655 overflow: hidden; | |
1656 } | |
1657 | |
1658 .placard.selected .subtitle { | |
1659 color: rgba(255, 255, 255, 0.7); | |
1660 } | |
1661 | |
1662 .placard .subtitle a { | |
1663 color: inherit; | |
1664 } | |
1665 | |
1666 .section { | |
1667 position: relative; | |
1668 margin-top: 1px; | |
1669 } | |
1670 | |
1671 .watch-expressions-buttons-container { | |
1672 text-align: center; | |
1673 } | |
1674 | |
1675 .events-pane .section:not(:nth-of-type(1)) { | |
1676 border-top: 1px solid rgb(191, 191, 191); | |
1677 } | |
1678 | |
1679 .event-bar:first-child { | |
1680 margin-top: 1px; | |
1681 } | |
1682 | |
1683 .section .header { | |
1684 color: black; | |
1685 padding: 0 8px 0 18px; | |
1686 min-height: 18px; | |
1687 white-space: nowrap; | |
1688 -webkit-background-origin: padding; | |
1689 -webkit-background-clip: padding; | |
1690 } | |
1691 | |
1692 .section .header::before { | |
1693 position: absolute; | |
1694 top: 2px; | |
1695 left: 7px; | |
1696 width: 8px; | |
1697 height: 8px; | |
1698 content: url(Images/treeRightTriangleBlack.png); | |
1699 opacity: 0.8; | |
1700 } | |
1701 | |
1702 .section.expanded .header::before { | |
1703 content: url(Images/treeDownTriangleBlack.png); | |
1704 } | |
1705 | |
1706 .section .header .title, .event-bar .header .title { | |
1707 font-weight: normal; | |
1708 word-wrap: break-word; | |
1709 white-space: normal; | |
1710 line-height: 18px; | |
1711 } | |
1712 | |
1713 .section .header .title.blank-title { | |
1714 font-style: italic; | |
1715 } | |
1716 | |
1717 .section .header label, .event-bar .header label { | |
1718 display: none; | |
1719 } | |
1720 | |
1721 .section.expanded .header label, .event-bar.expanded .header label { | |
1722 display: inline; | |
1723 } | |
1724 | |
1725 .section .header .subtitle, .event-bar .header .subtitle { | |
1726 float: right; | |
1727 margin-left: 5px; | |
1728 max-width: 55%; | |
1729 text-overflow: ellipsis; | |
1730 overflow: hidden; | |
1731 } | |
1732 | |
1733 .section .header .subtitle a { | |
1734 color: inherit; | |
1735 } | |
1736 | |
1737 .section .properties, .event-bar .event-properties { | |
1738 display: none; | |
1739 } | |
1740 | |
1741 .section.expanded .properties, .event-bar.expanded .event-properties { | |
1742 display: block; | |
1743 padding-left: 16px; | |
1744 } | |
1745 | |
1746 .section.no-affect .properties li { | |
1747 opacity: 0.5; | |
1748 } | |
1749 | |
1750 .section.no-affect .properties li.editing { | |
1751 opacity: 1.0; | |
1752 } | |
1753 | |
1754 .properties-tree { | |
1755 margin: 0; | |
1756 padding: 0 6px 2px; | |
1757 list-style: none; | |
1758 min-height: 18px; | |
1759 } | |
1760 | |
1761 .properties-tree li { | |
1762 margin-left: 12px; | |
1763 white-space: nowrap; | |
1764 text-overflow: ellipsis; | |
1765 overflow: hidden; | |
1766 -webkit-user-select: text; | |
1767 cursor: auto; | |
1768 } | |
1769 | |
1770 .properties-tree li.parent { | |
1771 margin-left: 1px; | |
1772 } | |
1773 | |
1774 .properties-tree li.parent::before { | |
1775 content: url(Images/treeRightTriangleBlack.png); | |
1776 opacity: 0.75; | |
1777 float: left; | |
1778 width: 8px; | |
1779 height: 8px; | |
1780 margin-top: 0; | |
1781 padding-right: 3px; | |
1782 -webkit-user-select: none; | |
1783 cursor: default; | |
1784 } | |
1785 | |
1786 .properties-tree li.parent.expanded::before { | |
1787 content: url(Images/treeDownTriangleBlack.png); | |
1788 margin-top: 1px; | |
1789 } | |
1790 | |
1791 .properties-tree li .info { | |
1792 padding-top: 4px; | |
1793 padding-bottom: 3px; | |
1794 } | |
1795 | |
1796 .properties-tree ol { | |
1797 display: none; | |
1798 margin: 0; | |
1799 -webkit-padding-start: 12px; | |
1800 list-style: none; | |
1801 } | |
1802 | |
1803 .properties-tree ol.expanded { | |
1804 display: block; | |
1805 } | |
1806 | |
1807 .event-listener-breakpoints .event-category { | |
1808 font-size: 11px; | |
1809 font-weight: bold; | |
1810 color: rgb(96, 96, 96); | |
1811 padding-top: 2px; | |
1812 } | |
1813 | |
1814 .event-listener-breakpoints.properties-tree .children li { | |
1815 margin-left: 12px; | |
1816 height: 16px; | |
1817 } | |
1818 | |
1819 .event-listener-breakpoints .checkbox-elem { | |
1820 font-size: 10px; | |
1821 float: left; | |
1822 top: -2px; | |
1823 position: relative; | |
1824 left: -1px; | |
1825 } | |
1826 | |
1827 .section .event-bars { | |
1828 display: none; | |
1829 } | |
1830 | |
1831 .section.expanded .event-bars { | |
1832 display: block; | |
1833 } | |
1834 | |
1835 .event-bar { | |
1836 position: relative; | |
1837 margin-left: 10px; | |
1838 } | |
1839 | |
1840 .event-bars .event-bar .header { | |
1841 padding: 0 8px 0 18px; | |
1842 min-height: 16px; | |
1843 opacity: 1.0; | |
1844 white-space: nowrap; | |
1845 -webkit-background-origin: padding; | |
1846 -webkit-background-clip: padding; | |
1847 } | |
1848 | |
1849 .event-bars .event-bar .header .title { | |
1850 font-weight: normal; | |
1851 color: black; | |
1852 text-shadow: white 0 1px 0; | |
1853 } | |
1854 | |
1855 .event-bars .event-bar .header .subtitle { | |
1856 color: rgba(90, 90, 90, 0.75); | |
1857 } | |
1858 | |
1859 .event-bars .event-bar .header::before { | |
1860 position: absolute; | |
1861 top: 2px; | |
1862 left: 7px; | |
1863 width: 8px; | |
1864 height: 8px; | |
1865 opacity: 0.75; | |
1866 content: url(Images/treeRightTriangleBlack.png); | |
1867 } | |
1868 | |
1869 .event-bars .event-bar.expanded .header::before { | |
1870 content: url(Images/treeDownTriangleBlack.png); | |
1871 } | |
1872 | |
1873 .editing { | |
1874 -webkit-user-select: text; | |
1875 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; | |
1876 outline: 1px solid rgb(66%, 66%, 66%) !important; | |
1877 background-color: white; | |
1878 -webkit-user-modify: read-write-plaintext-only; | |
1879 text-overflow: clip !important; | |
1880 padding-left: 2px; | |
1881 margin-left: -2px; | |
1882 padding-right: 2px; | |
1883 margin-right: -2px; | |
1884 margin-bottom: -1px; | |
1885 padding-bottom: 1px; | |
1886 opacity: 1.0 !important; | |
1887 } | |
1888 | |
1889 .editing, .editing * { | |
1890 color: black !important; | |
1891 text-decoration: none !important; | |
1892 } | |
1893 | |
1894 .child-editing { | |
1895 color: black !important; | |
1896 text-decoration: none !important; | |
1897 overflow: visible !important; | |
1898 } | |
1899 | |
1900 .editing br { | |
1901 display: none; | |
1902 } | |
1903 | |
1904 .elements-tree-editor { | |
1905 -webkit-user-select: text; | |
1906 -webkit-user-modify: read-write-plaintext-only; | |
1907 } | |
1908 | |
1909 .section .properties li.editing { | |
1910 margin-left: 10px; | |
1911 text-overflow: clip; | |
1912 } | |
1913 | |
1914 li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-but
ton { | |
1915 display: none !important; | |
1916 } | |
1917 | |
1918 .watch-expressions > li.editing-sub-part .name { | |
1919 display: block; | |
1920 width: 100%; | |
1921 } | |
1922 | |
1923 .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing
-sub-part .separator { | |
1924 display: none; | |
1925 } | |
1926 | |
1927 .watch-expressions-error-level { | |
1928 color: red; | |
1929 } | |
1930 | |
1931 .section .properties li.editing-sub-part { | |
1932 padding: 3px 6px 8px 18px; | |
1933 margin: -3px -6px -8px -6px; | |
1934 text-overflow: clip; | |
1935 } | |
1936 | |
1937 /* FIXME: need a better icon (comment in bug 27514) */ | |
1938 .section .properties .delete-button { | |
1939 width: 10px; | |
1940 height: 10px; | |
1941 background-image: url(Images/errorIcon.png); | |
1942 background-position: 0 0; | |
1943 background-color: transparent; | |
1944 background-repeat: no-repeat; | |
1945 border: 0 none transparent; | |
1946 } | |
1947 | |
1948 .section .properties .name, .event-properties .name { | |
1949 color: rgb(136, 19, 145); | |
1950 } | |
1951 | |
1952 .section .properties .value.dimmed { | |
1953 color: rgb(100, 100, 100); | |
1954 } | |
1955 | |
1956 .section .properties .value.error { | |
1957 color: red; | |
1958 } | |
1959 | |
1960 .section .properties .number, .event-properties .number { | |
1961 color: blue; | |
1962 } | |
1963 | |
1964 .section .properties .keyword, .event-properties .keyword { | |
1965 color: rgb(136, 19, 79); | |
1966 } | |
1967 | |
1968 .section .properties .color, .event-properties .color { | |
1969 color: rgb(118, 15, 21); | |
1970 } | |
1971 | |
1972 .swatch { | |
1973 display: inline-block; | |
1974 vertical-align: baseline; | |
1975 margin-left: 1px; | |
1976 margin-right: 2px; | |
1977 margin-bottom: -1px; | |
1978 width: 1em; | |
1979 height: 1em; | |
1980 border: 1px solid rgba(128, 128, 128, 0.6); | |
1981 } | |
1982 | |
1983 .swatch:hover { | |
1984 border: 1px solid rgba(64, 64, 64, 0.8); | |
1985 } | |
1986 | |
1987 .pane:not(.expanded) + .pane, .pane:first-of-type { | |
1988 margin-top: -1px; | |
1989 } | |
1990 | |
1991 .pane > .title { | |
1992 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
43, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230,
230, 230)), to(rgb(209, 209, 209))); | |
1993 height: 20px; | |
1994 padding: 0 5px; | |
1995 border-top: 1px solid rgb(189, 189, 189); | |
1996 border-bottom: 1px solid rgb(189, 189, 189); | |
1997 font-weight: bold; | |
1998 font-size: 12px; | |
1999 line-height: 18px; | |
2000 color: rgb(110, 110, 110); | |
2001 text-shadow: white 0 1px 0; | |
2002 -webkit-background-origin: padding; | |
2003 -webkit-background-clip: padding; | |
2004 } | |
2005 | |
2006 .pane > .title:active { | |
2007 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
31, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207,
207, 207)), to(rgb(186, 186, 186))); | |
2008 border-top: 1px solid rgb(178, 178, 178); | |
2009 border-bottom: 1px solid rgb(178, 178, 178); | |
2010 } | |
2011 | |
2012 .pane > .title::before { | |
2013 content: url(Images/disclosureTriangleSmallRightBlack.png); | |
2014 float: left; | |
2015 width: 11px; | |
2016 height: 12px; | |
2017 margin-right: 2px; | |
2018 margin-top: 1px; | |
2019 } | |
2020 | |
2021 .pane.expanded > .title::before { | |
2022 content: url(Images/disclosureTriangleSmallDownBlack.png); | |
2023 } | |
2024 | |
2025 .pane > .title > select { | |
2026 float: right; | |
2027 width: 23px; | |
2028 height: 17px; | |
2029 color: transparent; | |
2030 background-color: transparent; | |
2031 border: none; | |
2032 background-image: url(Images/paneSettingsButtons.png); | |
2033 background-repeat: no-repeat; | |
2034 margin: 1px 0 0 0; | |
2035 padding: 0; | |
2036 -webkit-border-radius: 0; | |
2037 -webkit-appearance: none; | |
2038 } | |
2039 | |
2040 .pane > .title > select:hover { | |
2041 background-position: -23px 0px; | |
2042 } | |
2043 | |
2044 .pane > .title > select:active { | |
2045 background-position: -46px 0px; | |
2046 } | |
2047 | |
2048 .pane > .title > select > option, .pane > .title > select > hr { | |
2049 color: black; | |
2050 } | |
2051 | |
2052 .pane > .title > button.add { | |
2053 float: right; | |
2054 width: 23px; | |
2055 height: 17px; | |
2056 color: transparent; | |
2057 background-color: transparent; | |
2058 border: none; | |
2059 background-image: url(Images/paneAddButtons.png); | |
2060 background-repeat: no-repeat; | |
2061 margin: 1px 0 0 0; | |
2062 padding: 0; | |
2063 -webkit-border-radius: 0; | |
2064 -webkit-appearance: none; | |
2065 } | |
2066 | |
2067 .pane > .title > button.add:hover { | |
2068 background-position: -23px 0px; | |
2069 } | |
2070 | |
2071 .pane > .title > button.add:active { | |
2072 background-position: -46px 0px; | |
2073 } | |
2074 | |
2075 .pane > .body { | |
2076 position: relative; | |
2077 display: none; | |
2078 overflow-y: auto; | |
2079 overflow-x: hidden; | |
2080 } | |
2081 | |
2082 .pane > .body .info { | |
2083 text-align: center; | |
2084 font-style: italic; | |
2085 font-size: 10px; | |
2086 padding: 6px; | |
2087 color: black; | |
2088 } | |
2089 | |
2090 .pane > .body .placard + .info { | |
2091 border-top: 1px solid rgb(189, 189, 189); | |
2092 background-color: rgb(255, 255, 194); | |
2093 } | |
2094 | |
2095 .pane.expanded > .body, .pane.expanded > .growbar { | |
2096 display: block; | |
2097 } | |
2098 | |
2099 .pane > .body .breakpoint-condition { | |
2100 display: block; | |
2101 margin-top: 4px; | |
2102 margin-bottom: 4px; | |
2103 margin-left: 25px; | |
2104 margin-right: 10px; | |
2105 } | |
2106 | |
2107 .pane.expanded:nth-last-of-type(1) { | |
2108 border-bottom: 1px solid rgb(189, 189, 189); | |
2109 } | |
2110 | |
2111 .pane > .growbar { | |
2112 display: none; | |
2113 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); | |
2114 background-repeat: no-repeat, repeat-x; | |
2115 background-position: center center, bottom; | |
2116 height: 5px; | |
2117 } | |
2118 | |
2119 .sidebar-pane-subtitle { | |
2120 position: absolute; | |
2121 right: 0; | |
2122 font-weight: normal; | |
2123 } | |
2124 | |
2125 body.platform-windows .sidebar-pane-subtitle { | |
2126 padding-top: 1px; | |
2127 } | |
2128 | |
2129 .sidebar-pane-subtitle input, .section .header input[type=checkbox] { | |
2130 font-size: inherit; | |
2131 hight: 1em; | |
2132 width: 1em; | |
2133 margin-left: 0; | |
2134 margin-top: 0; | |
2135 margin-bottom: 0.25em; | |
2136 vertical-align: bottom; | |
2137 } | |
2138 | |
2139 .metrics { | |
2140 padding: 8px; | |
2141 font-size: 10px; | |
2142 text-align: center; | |
2143 white-space: nowrap; | |
2144 } | |
2145 | |
2146 .metrics .label { | |
2147 position: absolute; | |
2148 margin-top: -10px; | |
2149 font-size: 9px; | |
2150 color: grey; | |
2151 background-color: white; | |
2152 margin-left: 3px; | |
2153 padding-left: 2px; | |
2154 padding-right: 2px; | |
2155 } | |
2156 | |
2157 .metrics .position { | |
2158 border: 1px rgb(66%, 66%, 66%) dotted; | |
2159 display: inline-block; | |
2160 text-align: center; | |
2161 padding: 3px; | |
2162 margin: 3px; | |
2163 } | |
2164 | |
2165 .metrics .margin { | |
2166 border: 1px dashed; | |
2167 display: inline-block; | |
2168 text-align: center; | |
2169 vertical-align: middle; | |
2170 padding: 3px; | |
2171 margin: 3px; | |
2172 } | |
2173 | |
2174 .metrics .border { | |
2175 border: 1px black solid; | |
2176 display: inline-block; | |
2177 text-align: center; | |
2178 vertical-align: middle; | |
2179 padding: 3px; | |
2180 margin: 3px; | |
2181 } | |
2182 | |
2183 .metrics .padding { | |
2184 border: 1px grey dashed; | |
2185 display: inline-block; | |
2186 text-align: center; | |
2187 vertical-align: middle; | |
2188 padding: 3px; | |
2189 margin: 3px; | |
2190 } | |
2191 | |
2192 .metrics .content { | |
2193 position: static; | |
2194 border: 1px grey solid; | |
2195 display: inline-block; | |
2196 text-align: center; | |
2197 vertical-align: middle; | |
2198 padding: 3px; | |
2199 margin: 3px; | |
2200 min-width: 80px; | |
2201 text-align: center; | |
2202 overflow: visible; | |
2203 } | |
2204 | |
2205 .metrics .content span { | |
2206 display: inline-block; | |
2207 } | |
2208 | |
2209 .metrics .editing { | |
2210 position: relative; | |
2211 z-index: 100; | |
2212 } | |
2213 | |
2214 .metrics .left { | |
2215 display: inline-block; | |
2216 vertical-align: middle; | |
2217 } | |
2218 | |
2219 .metrics .right { | |
2220 display: inline-block; | |
2221 vertical-align: middle; | |
2222 } | |
2223 | |
2224 .metrics .top { | |
2225 display: inline-block; | |
2226 } | |
2227 | |
2228 .metrics .bottom { | |
2229 display: inline-block; | |
2230 } | |
2231 | |
2232 .sidebar { | |
2233 position: absolute; | |
2234 top: 0; | |
2235 bottom: 0; | |
2236 left: 0; | |
2237 width: 200px; | |
2238 overflow-y: auto; | |
2239 overflow-x: hidden; | |
2240 background-color: rgb(214, 221, 229); | |
2241 border-right: 1px solid rgb(64%, 64%, 64%); | |
2242 } | |
2243 | |
2244 body.inactive .sidebar { | |
2245 background-color: rgb(232, 232, 232); | |
2246 } | |
2247 | |
2248 .frame-storage-tree-item .icon { | |
2249 content: url(Images/frame.png); | |
2250 } | |
2251 | |
2252 .database-storage-tree-item .icon { | |
2253 content: url(Images/database.png); | |
2254 } | |
2255 | |
2256 .database-table-storage-tree-item .icon { | |
2257 content: url(Images/databaseTable.png); | |
2258 } | |
2259 | |
2260 .domstorage-storage-tree-item.local-storage .icon { | |
2261 content: url(Images/localStorage.png); | |
2262 } | |
2263 | |
2264 .domstorage-storage-tree-item.session-storage .icon { | |
2265 content: url(Images/sessionStorage.png); | |
2266 } | |
2267 | |
2268 .cookie-storage-tree-item .icon { | |
2269 content: url(Images/cookie.png); | |
2270 } | |
2271 | |
2272 .application-cache-storage-tree-item .icon { | |
2273 content: url(Images/applicationCache.png); | |
2274 } | |
2275 | |
2276 /* FIXME: Make separate png for file-system */ | |
2277 .file-system-storage-tree-item .icon { | |
2278 content: url(Images/applicationCache.png); | |
2279 } | |
2280 | |
2281 #storage-views { | |
2282 position: absolute; | |
2283 top: 0; | |
2284 right: 0; | |
2285 left: 200px; | |
2286 bottom: 0; | |
2287 } | |
2288 | |
2289 .resources.panel .sidebar { | |
2290 padding-left: 0; | |
2291 z-index: 10; | |
2292 } | |
2293 | |
2294 .resources.panel .sidebar li { | |
2295 height: 17px; | |
2296 white-space: nowrap; | |
2297 text-indent: 0; | |
2298 margin-left: -2px; | |
2299 } | |
2300 | |
2301 .resources.panel .sidebar li.parent { | |
2302 text-indent: 0; | |
2303 margin-left: -12px; | |
2304 } | |
2305 | |
2306 .resources.panel .sidebar li.selected { | |
2307 color: white; | |
2308 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; | |
2309 font-weight: bold; | |
2310 } | |
2311 | |
2312 .resources.panel .sidebar li.selected .selection { | |
2313 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
2314 border-top: 1px solid #979797; | |
2315 height: 17px; | |
2316 } | |
2317 | |
2318 .resources.panel .sidebar :focus li.selected .selection { | |
2319 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
2320 border-top: 1px solid rgb(68, 128, 200); | |
2321 } | |
2322 | |
2323 body.inactive .resources.panel .sidebar li.selected .selection { | |
2324 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
2325 border-top: 1px solid rgb(151, 151, 151); | |
2326 } | |
2327 | |
2328 .resources.panel .sidebar .icon { | |
2329 width: 16px; | |
2330 height: 16px; | |
2331 float: left; | |
2332 } | |
2333 | |
2334 .resources.panel .base-storage-tree-element-title { | |
2335 overflow: hidden; | |
2336 position: relative; | |
2337 text-overflow: ellipsis; | |
2338 padding-left: 2px; | |
2339 top: 1px; | |
2340 } | |
2341 | |
2342 li.selected .base-storage-tree-element-subtitle { | |
2343 color: white; | |
2344 } | |
2345 | |
2346 .base-storage-tree-element-subtitle { | |
2347 padding-left: 2px; | |
2348 color: rgb(80, 80, 80); | |
2349 text-shadow: none; | |
2350 } | |
2351 | |
2352 .resources.panel .status { | |
2353 float: right; | |
2354 height: 16px; | |
2355 margin-top: 1px; | |
2356 margin-left: 4px; | |
2357 line-height: 1em; | |
2358 } | |
2359 | |
2360 .resources.panel li .status .bubble { | |
2361 height: 13px; | |
2362 padding-top: 0; | |
2363 } | |
2364 | |
2365 .storage-view { | |
2366 display: none; | |
2367 overflow: hidden; | |
2368 position: absolute; | |
2369 top: 0; | |
2370 left: 0; | |
2371 right: 0; | |
2372 bottom: 0; | |
2373 } | |
2374 | |
2375 .storage-view.visible { | |
2376 display: block; | |
2377 } | |
2378 | |
2379 .storage-view { | |
2380 overflow: hidden; | |
2381 } | |
2382 | |
2383 .storage-view .data-grid { | |
2384 border: none; | |
2385 height: 100%; | |
2386 } | |
2387 | |
2388 .storage-empty-view, .storage-view .storage-table-error { | |
2389 position: absolute; | |
2390 top: 0; | |
2391 bottom: 25%; | |
2392 left: 0; | |
2393 right: 0; | |
2394 font-size: 24px; | |
2395 color: rgb(75%, 75%, 75%); | |
2396 margin-top: auto; | |
2397 margin-bottom: auto; | |
2398 height: 50px; | |
2399 line-height: 26px; | |
2400 text-align: center; | |
2401 font-weight: bold; | |
2402 padding: 10px; | |
2403 white-space: pre-wrap; | |
2404 } | |
2405 | |
2406 .storage-view .storage-table-error { | |
2407 color: rgb(66%, 33%, 33%); | |
2408 } | |
2409 | |
2410 .data-grid { | |
2411 position: relative; | |
2412 border: 1px solid #aaa; | |
2413 } | |
2414 | |
2415 .data-grid .highlight { | |
2416 background-color: rgb(255, 230, 179); | |
2417 } | |
2418 | |
2419 .data-grid tr.selected .highlight { | |
2420 background-color: transparent; | |
2421 } | |
2422 | |
2423 .data-grid table { | |
2424 table-layout: fixed; | |
2425 border-spacing: 0; | |
2426 border-collapse: collapse; | |
2427 width: 100%; | |
2428 font-size: 10px; | |
2429 font-family: Lucida Grande, sans-serif; | |
2430 } | |
2431 | |
2432 .data-grid .data-container { | |
2433 position: absolute; | |
2434 top: 16px; | |
2435 bottom: 0; | |
2436 left: 0; | |
2437 right: 0; | |
2438 padding-right: 14px; | |
2439 overflow-x: hidden; | |
2440 overflow-y: overlay; | |
2441 } | |
2442 | |
2443 .data-grid.inline .data-container { | |
2444 position: static; | |
2445 } | |
2446 | |
2447 .data-grid th { | |
2448 text-align: left; | |
2449 background-image: url(Images/glossyHeader.png); | |
2450 background-repeat: repeat-x; | |
2451 border-right: 1px solid rgb(179, 179, 179); | |
2452 border-bottom: 1px solid rgb(179, 179, 179); | |
2453 height: 15px; | |
2454 font-weight: normal; | |
2455 vertical-align: middle; | |
2456 padding: 0 4px; | |
2457 white-space: nowrap; | |
2458 } | |
2459 | |
2460 .data-grid th.corner { | |
2461 width: 15px; | |
2462 border-right: 0 none transparent; | |
2463 } | |
2464 | |
2465 .data-grid tr.filler { | |
2466 display: table-row !important; | |
2467 height: auto !important; | |
2468 } | |
2469 | |
2470 .data-grid tr.filler td { | |
2471 height: auto !important; | |
2472 padding: 0 !important; | |
2473 } | |
2474 | |
2475 .data-grid table.data { | |
2476 position: absolute; | |
2477 left: 0; | |
2478 top: 0; | |
2479 right: 16px; | |
2480 bottom: 0; | |
2481 height: 100%; | |
2482 border-top: 0 none transparent; | |
2483 background-image: -webkit-gradient(linear, left top, left bottom, from(white
), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243,
255))); | |
2484 -webkit-background-size: 1px 32px; | |
2485 } | |
2486 | |
2487 .data-grid.inline table.data { | |
2488 position: static; | |
2489 } | |
2490 | |
2491 .data-grid table.data tr { | |
2492 display: none; | |
2493 } | |
2494 | |
2495 .data-grid table.data tr.revealed { | |
2496 display: table-row; | |
2497 } | |
2498 | |
2499 .data-grid td { | |
2500 vertical-align: top; | |
2501 height: 12px; | |
2502 line-height: 12px; | |
2503 padding: 2px 4px; | |
2504 white-space: nowrap; | |
2505 border-right: 1px solid #aaa; | |
2506 -webkit-user-select: text; | |
2507 } | |
2508 | |
2509 .data-grid td > div, .data-grid th > div { | |
2510 white-space: nowrap; | |
2511 text-overflow: ellipsis; | |
2512 overflow: hidden; | |
2513 } | |
2514 | |
2515 .data-grid .centered div { | |
2516 text-align: center; | |
2517 } | |
2518 | |
2519 .data-grid .right div { | |
2520 text-align: right; | |
2521 } | |
2522 | |
2523 .data-grid th.sortable div { | |
2524 position: relative; | |
2525 } | |
2526 | |
2527 .data-grid th.sortable:active { | |
2528 background-image: url(Images/glossyHeaderPressed.png); | |
2529 } | |
2530 | |
2531 .data-grid th.sort-ascending, .data-grid th.sort-descending { | |
2532 border-right: 1px solid rgb(107, 140, 196); | |
2533 border-bottom: 1px solid rgb(107, 140, 196); | |
2534 background-image: url(Images/glossyHeaderSelected.png); | |
2535 background-repeat: repeat-x; | |
2536 } | |
2537 | |
2538 .data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descen
ding:active { | |
2539 background-image: url(Images/glossyHeaderSelectedPressed.png); | |
2540 } | |
2541 | |
2542 .data-grid th.sort-ascending > div::after { | |
2543 position: absolute; | |
2544 top: 0; | |
2545 bottom: 0; | |
2546 right: 0; | |
2547 height: 12px; | |
2548 margin-bottom: auto; | |
2549 margin-top: auto; | |
2550 width: 8px; | |
2551 content: url(Images/treeUpTriangleBlack.png); | |
2552 } | |
2553 | |
2554 .data-grid th.sort-descending > div::after { | |
2555 position: absolute; | |
2556 top: 0; | |
2557 bottom: 0; | |
2558 right: 0; | |
2559 height: 8px; | |
2560 margin-bottom: auto; | |
2561 margin-top: auto; | |
2562 width: 8px; | |
2563 content: url(Images/treeDownTriangleBlack.png); | |
2564 } | |
2565 | |
2566 body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-des
cending { | |
2567 background-image: url(Images/glossyHeader.png); | |
2568 border-right: 1px solid rgb(179, 179, 179); | |
2569 border-bottom: 1px solid rgb(179, 179, 179); | |
2570 } | |
2571 | |
2572 .data-grid tr.parent td.disclosure::before { | |
2573 float: left; | |
2574 content: url(Images/treeRightTriangleBlack.png); | |
2575 width: 8px; | |
2576 height: 8px; | |
2577 margin-right: 2px; | |
2578 -webkit-user-select: none; | |
2579 } | |
2580 | |
2581 .data-grid tr.expanded td.disclosure::before { | |
2582 content: url(Images/treeDownTriangleBlack.png); | |
2583 width: 8px; | |
2584 height: 8px; | |
2585 margin-top: 1px; | |
2586 } | |
2587 | |
2588 .data-grid tr.selected { | |
2589 background-color: rgb(212, 212, 212); | |
2590 color: inherit; | |
2591 } | |
2592 | |
2593 .data-grid:focus tr.selected { | |
2594 background-color: rgb(56, 121, 217); | |
2595 color: white; | |
2596 } | |
2597 | |
2598 .data-grid:focus tr.parent.selected td.disclosure::before { | |
2599 content: url(Images/treeRightTriangleWhite.png); | |
2600 } | |
2601 | |
2602 .data-grid:focus tr.expanded.selected td.disclosure::before { | |
2603 content: url(Images/treeDownTriangleWhite.png); | |
2604 } | |
2605 | |
2606 .data-grid tr:not(.parent) td.disclosure { | |
2607 text-indent: 10px; | |
2608 } | |
2609 | |
2610 .data-grid-resizer { | |
2611 position: absolute; | |
2612 top: 0; | |
2613 bottom: 0; | |
2614 width: 5px; | |
2615 z-index: 500; | |
2616 cursor: col-resize; | |
2617 } | |
2618 | |
2619 .storage-view.query { | |
2620 padding: 2px 0; | |
2621 overflow-y: overlay; | |
2622 overflow-x: hidden; | |
2623 -webkit-text-size-adjust: auto; | |
2624 } | |
2625 | |
2626 .database-query-prompt { | |
2627 position: relative; | |
2628 padding: 1px 22px 1px 24px; | |
2629 min-height: 16px; | |
2630 white-space: pre-wrap; | |
2631 -webkit-user-modify: read-write-plaintext-only; | |
2632 -webkit-user-select: text; | |
2633 } | |
2634 | |
2635 .database-user-query::before, .database-query-prompt::before, .database-query-re
sult::before { | |
2636 position: absolute; | |
2637 display: block; | |
2638 content: ""; | |
2639 left: 7px; | |
2640 top: 0.8em; | |
2641 width: 10px; | |
2642 height: 10px; | |
2643 margin-top: -5px; | |
2644 -webkit-user-select: none; | |
2645 } | |
2646 | |
2647 .database-query-prompt::before { | |
2648 background-image: url(Images/userInputIcon.png); | |
2649 } | |
2650 | |
2651 .database-user-query { | |
2652 position: relative; | |
2653 border-bottom: 1px solid rgb(245, 245, 245); | |
2654 padding: 1px 22px 1px 24px; | |
2655 min-height: 16px; | |
2656 } | |
2657 | |
2658 .database-user-query::before { | |
2659 background-image: url(Images/userInputPreviousIcon.png); | |
2660 } | |
2661 | |
2662 .database-query-text { | |
2663 color: rgb(0, 128, 255); | |
2664 -webkit-user-select: text; | |
2665 } | |
2666 | |
2667 .database-query-result { | |
2668 position: relative; | |
2669 padding: 1px 22px 1px 24px; | |
2670 min-height: 16px; | |
2671 margin-left: -24px; | |
2672 padding-right: 0; | |
2673 } | |
2674 | |
2675 .database-query-result.error { | |
2676 color: red; | |
2677 -webkit-user-select: text; | |
2678 } | |
2679 | |
2680 .database-query-result.error::before { | |
2681 background-image: url(Images/errorIcon.png); | |
2682 } | |
2683 | |
2684 .panel-enabler-view { | |
2685 z-index: 1000; | |
2686 position: absolute; | |
2687 top: 0; | |
2688 left: 0; | |
2689 right: 0; | |
2690 bottom: 0; | |
2691 background-color: white; | |
2692 font-size: 13px; | |
2693 text-align: center; | |
2694 overflow-x: hidden; | |
2695 overflow-y: overlay; | |
2696 display: none; | |
2697 } | |
2698 | |
2699 .panel-enabler-view.visible { | |
2700 display: block; | |
2701 } | |
2702 | |
2703 .panel-enabler-view .panel-enabler-view-content { | |
2704 position: absolute; | |
2705 top: 0; | |
2706 left: 0; | |
2707 right: 0; | |
2708 bottom: 0; | |
2709 max-height: 390px; | |
2710 margin: auto; | |
2711 white-space: nowrap; | |
2712 } | |
2713 | |
2714 .panel-enabler-view h1 { | |
2715 color: rgb(110, 116, 128); | |
2716 font-size: 16px; | |
2717 line-height: 20px; | |
2718 font-weight: normal; | |
2719 margin-top: 0; | |
2720 } | |
2721 | |
2722 .panel-enabler-disclaimer { | |
2723 font-size: 10px; | |
2724 color: rgb(110, 116, 128); | |
2725 margin-bottom: 12px; | |
2726 margin-left: 20px; | |
2727 } | |
2728 | |
2729 .panel-enabler-disclaimer:empty { | |
2730 display: none; | |
2731 } | |
2732 | |
2733 .panel-enabler-view img, div.welcome-instructions-aligner { | |
2734 height: 100%; | |
2735 min-height: 200px; | |
2736 max-width: 100%; | |
2737 top: 0; | |
2738 bottom: 0; | |
2739 padding: 20px 0 20px 20px; | |
2740 margin: auto; | |
2741 vertical-align: middle; | |
2742 } | |
2743 | |
2744 .panel-enabler-view img.hidden { | |
2745 display: initial !important; | |
2746 width: 0; | |
2747 } | |
2748 | |
2749 .panel-enabler-view form { | |
2750 display: inline-block; | |
2751 vertical-align: middle; | |
2752 width: 330px; | |
2753 margin: 0; | |
2754 padding: 15px; | |
2755 white-space: normal; | |
2756 } | |
2757 | |
2758 .panel-enabler-view label { | |
2759 position: relative; | |
2760 display: block; | |
2761 text-align: left; | |
2762 word-break: break-word; | |
2763 margin: 0 0 5px 20px; | |
2764 } | |
2765 | |
2766 .panel-enabler-view button:not(.status-bar-item), .pane button, button.show-all-
nodes { | |
2767 color: rgb(6, 6, 6); | |
2768 background-color: transparent; | |
2769 border: 1px solid rgb(165, 165, 165); | |
2770 background-color: rgb(237, 237, 237); | |
2771 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
2772 -webkit-border-radius: 12px; | |
2773 -webkit-appearance: none; | |
2774 } | |
2775 | |
2776 .panel-enabler-view button:not(.status-bar-item) { | |
2777 font-size: 13px; | |
2778 margin: 6px 0 0 0; | |
2779 padding: 3px 20px; | |
2780 height: 24px; | |
2781 } | |
2782 | |
2783 button.show-all-nodes { | |
2784 font-size: 13px; | |
2785 margin: 0; | |
2786 padding: 0 20px; | |
2787 height: 20px; | |
2788 } | |
2789 | |
2790 .panel-enabler-view.welcome { | |
2791 z-index: auto; | |
2792 } | |
2793 | |
2794 .panel-enabler-view.welcome div.welcome-instructions-aligner { | |
2795 display: inline-block; | |
2796 width: 0; | |
2797 } | |
2798 | |
2799 .panel-enabler-view.welcome .instructions { | |
2800 display: inline-block; | |
2801 vertical-align: middle; | |
2802 margin: 0; | |
2803 white-space: normal; | |
2804 line-height: 175%; | |
2805 } | |
2806 | |
2807 .panel-enabler-view.welcome .message { | |
2808 margin-bottom: 2ex; | |
2809 } | |
2810 | |
2811 .panel-enabler-view.welcome button.status-bar-item { | |
2812 background-image: none; | |
2813 vertical-align: top; | |
2814 } | |
2815 | |
2816 .pane button { | |
2817 margin: 6px 0 6px 3px; | |
2818 padding: 2px 9px; | |
2819 } | |
2820 | |
2821 .panel-enabler-view button:active:not(.status-bar-item), .pane button:active, bu
tton.show-all-nodes:active { | |
2822 background-color: rgb(215, 215, 215); | |
2823 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
2824 } | |
2825 | |
2826 body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-v
iew button:disabled:not(.status-bar-item), body.inactive .pane button, .pane but
ton:disabled, body.inactive button.show-all-nodes { | |
2827 color: rgb(130, 130, 130); | |
2828 border-color: rgb(212, 212, 212); | |
2829 background-color: rgb(239, 239, 239); | |
2830 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
50, 250, 250)), to(rgb(235, 235, 235))); | |
2831 } | |
2832 | |
2833 .panel-enabler-view input { | |
2834 height: 17px; | |
2835 width: 17px; | |
2836 border: 1px solid rgb(165, 165, 165); | |
2837 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | |
2838 -webkit-border-radius: 8px; | |
2839 -webkit-appearance: none; | |
2840 vertical-align: middle; | |
2841 margin: 0 5px 5px 0; | |
2842 } | |
2843 | |
2844 .panel-enabler-view input:active { | |
2845 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | |
2846 } | |
2847 | |
2848 .panel-enabler-view input:checked { | |
2849 background: url(Images/radioDot.png) center no-repeat, | |
2850 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 25
2, 252)), to(rgb(223, 223, 223))); | |
2851 } | |
2852 | |
2853 .panel-enabler-view.scripts img { | |
2854 content: url(Images/scriptsSilhouette.png); | |
2855 } | |
2856 | |
2857 .panel-enabler-view.profiles img { | |
2858 content: url(Images/profilesSilhouette.png); | |
2859 } | |
2860 | |
2861 button.enable-toggle-status-bar-item .glyph { | |
2862 -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png); | |
2863 } | |
2864 | |
2865 button.enable-toggle-status-bar-item.toggled-on .glyph { | |
2866 -webkit-mask-image: url(Images/enableSolidButtonGlyph.png); | |
2867 } | |
2868 | |
2869 .scripts-pause-on-exceptions-status-bar-item .glyph { | |
2870 -webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png); | |
2871 } | |
2872 | |
2873 #scripts-status-bar { | |
2874 position: absolute; | |
2875 top: -1px; | |
2876 left: 0; | |
2877 right: 0; | |
2878 height: 24px; | |
2879 } | |
2880 | |
2881 #scripts-files { | |
2882 max-width: 250px; | |
2883 } | |
2884 | |
2885 #scripts-files option.extension-script { | |
2886 color: rgb(70, 134, 240); | |
2887 } | |
2888 | |
2889 #scripts-functions { | |
2890 max-width: 150px; | |
2891 } | |
2892 | |
2893 #scripts-status-bar .status-bar-item img { | |
2894 margin-top: 2px; | |
2895 } | |
2896 | |
2897 #scripts-back img { | |
2898 content: url(Images/back.png); | |
2899 } | |
2900 | |
2901 #scripts-forward img { | |
2902 content: url(Images/forward.png); | |
2903 } | |
2904 | |
2905 #scripts-pause img { | |
2906 content: url(Images/debuggerPause.png); | |
2907 } | |
2908 | |
2909 #scripts-pause.paused img { | |
2910 content: url(Images/debuggerContinue.png); | |
2911 } | |
2912 | |
2913 #scripts-step-over img { | |
2914 content: url(Images/debuggerStepOver.png); | |
2915 } | |
2916 | |
2917 #scripts-step-into img { | |
2918 content: url(Images/debuggerStepInto.png); | |
2919 } | |
2920 | |
2921 #scripts-step-out img { | |
2922 content: url(Images/debuggerStepOut.png); | |
2923 } | |
2924 | |
2925 .toggle-breakpoints .glyph { | |
2926 -webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png); | |
2927 background-color: rgb(96, 96, 96) !important; | |
2928 } | |
2929 | |
2930 .toggle-breakpoints.toggled-on .glyph { | |
2931 -webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png); | |
2932 } | |
2933 | |
2934 #scripts-debugger-status { | |
2935 position: absolute; | |
2936 line-height: 24px; | |
2937 top: 0; | |
2938 right: 8px; | |
2939 } | |
2940 | |
2941 #scripts-sidebar-resizer-widget { | |
2942 position: absolute; | |
2943 top: 0; | |
2944 bottom: 0; | |
2945 right: 225px; | |
2946 width: 16px; | |
2947 cursor: col-resize; | |
2948 background-image: url(Images/statusbarResizerHorizontal.png); | |
2949 background-repeat: no-repeat; | |
2950 background-position: center; | |
2951 } | |
2952 | |
2953 #scripts-sidebar-buttons { | |
2954 position: absolute; | |
2955 right: 0; | |
2956 top: 0; | |
2957 bottom: 0; | |
2958 width: 225px; | |
2959 overflow: hidden; | |
2960 border-left: 1px solid rgb(64%, 64%, 64%); | |
2961 } | |
2962 | |
2963 #script-resource-views { | |
2964 display: block; | |
2965 padding: 0; | |
2966 position: absolute; | |
2967 top: 23px; | |
2968 left: 0; | |
2969 right: 225px; | |
2970 bottom: 0; | |
2971 } | |
2972 | |
2973 .script-view { | |
2974 display: none; | |
2975 overflow: hidden; | |
2976 position: absolute; | |
2977 top: 0; | |
2978 left: 0; | |
2979 right: 0; | |
2980 bottom: 0; | |
2981 } | |
2982 | |
2983 .script-view.visible { | |
2984 display: block; | |
2985 } | |
2986 | |
2987 #scripts-sidebar { | |
2988 position: absolute; | |
2989 top: 23px; | |
2990 right: 0; | |
2991 bottom: 0; | |
2992 width: 225px; | |
2993 border-left: 1px solid rgb(64%, 64%, 64%); | |
2994 cursor: default; | |
2995 overflow: auto; | |
2996 } | |
2997 | |
2998 .resources-larger-resources-status-bar-item .glyph { | |
2999 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | |
3000 } | |
3001 | |
3002 #resources-filter, #console-filter.console-filter-top { | |
3003 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | |
3004 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
3005 width: 100%; | |
3006 } | |
3007 | |
3008 #console-messages.console-filter-top { | |
3009 margin-top: 23px; | |
3010 } | |
3011 | |
3012 #console-filter { | |
3013 margin-top: 1px; | |
3014 } | |
3015 | |
3016 .tabbed-pane { | |
3017 -webkit-box-orient: vertical; | |
3018 height: 100%; | |
3019 } | |
3020 | |
3021 .tabbed-pane-content { | |
3022 -webkit-box-flex: 1; | |
3023 position: relative; | |
3024 } | |
3025 | |
3026 .tabbed-pane-header { | |
3027 height: 23px; | |
3028 padding: 0 10px; | |
3029 border-bottom: 1px solid rgb(163, 163, 163); | |
3030 } | |
3031 | |
3032 .tabbed-pane-header li { | |
3033 display: inline-block; | |
3034 margin-top: 2px; | |
3035 font-size: 11px; | |
3036 font-weight: bold; | |
3037 color: rgb(46, 46, 46); | |
3038 background: transparent; | |
3039 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
3040 vertical-align: middle; | |
3041 padding: 3px 7px 2px; | |
3042 height: 21px; | |
3043 border: 1px solid transparent; | |
3044 border-bottom: none; | |
3045 } | |
3046 | |
3047 .tabbed-pane-header li.selected { | |
3048 background-color: white; | |
3049 border: 1px solid rgb(163, 163, 163); | |
3050 border-bottom: none; | |
3051 } | |
3052 | |
3053 .scope-bar { | |
3054 height: 23px; | |
3055 padding: 2px 10px 0; | |
3056 overflow: hidden; | |
3057 } | |
3058 | |
3059 .scope-bar li { | |
3060 display: inline-block; | |
3061 margin: 1px 2px 0 0; | |
3062 padding: 1px 7px 3px; | |
3063 font-size: 11px; | |
3064 line-height: 12px; | |
3065 font-weight: bold; | |
3066 color: rgb(46, 46, 46); | |
3067 background: transparent; | |
3068 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | |
3069 -webkit-border-radius: 8px; | |
3070 vertical-align: middle; | |
3071 } | |
3072 | |
3073 .scope-bar-divider { | |
3074 margin: 1px 9px 0 8px; | |
3075 background-color: rgba(0, 0, 0, 0.4); | |
3076 height: 16px; | |
3077 width: 1px; | |
3078 vertical-align: middle; | |
3079 display: inline-block; | |
3080 } | |
3081 | |
3082 .scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active { | |
3083 color: white; | |
3084 text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; | |
3085 } | |
3086 | |
3087 .scope-bar li:hover { | |
3088 background: rgba(0, 0, 0, 0.2); | |
3089 } | |
3090 | |
3091 .scope-bar li.selected { | |
3092 background: rgba(0, 0, 0, 0.3); | |
3093 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255,
255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5); | |
3094 } | |
3095 | |
3096 .scope-bar li:active { | |
3097 background: rgba(0, 0, 0, 0.5); | |
3098 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255,
255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5); | |
3099 } | |
3100 | |
3101 #resources-container { | |
3102 position: absolute; | |
3103 top: 23px; | |
3104 left: 0; | |
3105 bottom: 0; | |
3106 right: 0; | |
3107 border-right: 0 none transparent; | |
3108 overflow-y: auto; | |
3109 overflow-x: hidden; | |
3110 } | |
3111 | |
3112 #resources-container.viewing-resource { | |
3113 right: auto; | |
3114 width: 200px; | |
3115 border-right: 1px solid rgb(64%, 64%, 64%); | |
3116 } | |
3117 | |
3118 #resources-container.viewing-resource #resources-sidebar { | |
3119 width: 100%; | |
3120 border-right: 0 none transparent; | |
3121 } | |
3122 | |
3123 #resources-sidebar { | |
3124 min-height: 100%; | |
3125 bottom: auto; | |
3126 overflow: visible; | |
3127 } | |
3128 | |
3129 #resources-container-content { | |
3130 position: absolute; | |
3131 top: 0; | |
3132 right: 0; | |
3133 left: 200px; | |
3134 min-height: 100%; | |
3135 } | |
3136 | |
3137 #resources-container.viewing-resource #resources-container-content { | |
3138 display: none; | |
3139 } | |
3140 | |
3141 #resources-summary { | |
3142 position: absolute; | |
3143 padding-top: 20px; | |
3144 top: 0; | |
3145 left: 0; | |
3146 right: 0; | |
3147 height: 93px; | |
3148 margin-left: -1px; | |
3149 border-left: 1px solid rgb(102, 102, 102); | |
3150 background-color: rgb(101, 111, 130); | |
3151 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); | |
3152 background-repeat: repeat-x; | |
3153 background-position: bottom; | |
3154 text-align: center; | |
3155 text-shadow: black 0 1px 1px; | |
3156 white-space: nowrap; | |
3157 color: white; | |
3158 -webkit-background-size: 1px 6px; | |
3159 -webkit-background-origin: padding; | |
3160 -webkit-background-clip: padding; | |
3161 z-index: 400; | |
3162 } | |
3163 | |
3164 .summary-graph-legend { | |
3165 margin-top: -10px; | |
3166 padding-left: 15px; | |
3167 } | |
3168 | |
3169 .summary-graph-legend-item { | |
3170 display: inline-block; | |
3171 font-weight: bold; | |
3172 margin-right: 15px; | |
3173 vertical-align: top; | |
3174 } | |
3175 | |
3176 .summary-graph-legend-item.total { | |
3177 margin-left: 10px; | |
3178 } | |
3179 | |
3180 .summary-graph-legend-label { | |
3181 display: inline-block; | |
3182 text-align: left; | |
3183 } | |
3184 | |
3185 .summary-graph-legend-header { | |
3186 font-size: 12px; | |
3187 } | |
3188 | |
3189 .summary-graph-legend-value { | |
3190 font-size: 10px; | |
3191 } | |
3192 | |
3193 .summary-graph-legend-swatch { | |
3194 vertical-align: top; | |
3195 margin-top: 1px; | |
3196 margin-right: 3px; | |
3197 } | |
3198 | |
3199 .resources-dividers { | |
3200 position: absolute; | |
3201 left: 0; | |
3202 right: 0; | |
3203 height: 100%; | |
3204 top: 0; | |
3205 z-index: -100; | |
3206 } | |
3207 | |
3208 .resources-event-dividers { | |
3209 position: absolute; | |
3210 left: 0; | |
3211 right: 5px; | |
3212 height: 100%; | |
3213 top: 0; | |
3214 z-index: 300; | |
3215 pointer-events: none; | |
3216 } | |
3217 | |
3218 .timeline .resources-event-dividers { | |
3219 height: 19px; | |
3220 } | |
3221 | |
3222 .resources-dividers-label-bar { | |
3223 position: absolute; | |
3224 top: 0; | |
3225 left: 0px; | |
3226 right: 0; | |
3227 background-color: rgba(255, 255, 255, 0.8); | |
3228 background-clip: padding; | |
3229 border-bottom: 1px solid rgba(0, 0, 0, 0.3); | |
3230 height: 20px; | |
3231 z-index: 200; | |
3232 } | |
3233 | |
3234 .resources-divider { | |
3235 position: absolute; | |
3236 width: 1px; | |
3237 top: 0; | |
3238 bottom: 0; | |
3239 background-color: rgba(0, 0, 0, 0.1); | |
3240 } | |
3241 | |
3242 .resources-event-divider-padding { | |
3243 position: absolute; | |
3244 width: 8px; | |
3245 top: 0; | |
3246 bottom: 0; | |
3247 pointer-events: auto; | |
3248 } | |
3249 | |
3250 .resources-event-divider { | |
3251 position: absolute; | |
3252 width: 2px; | |
3253 top: 0; | |
3254 bottom: 0; | |
3255 z-index: 300; | |
3256 } | |
3257 | |
3258 .resources-red-divider { | |
3259 background-color: rgba(255, 0, 0, 0.5); | |
3260 } | |
3261 | |
3262 .resources-blue-divider { | |
3263 background-color: rgba(0, 0, 255, 0.5); | |
3264 } | |
3265 | |
3266 .resources-orange-divider { | |
3267 background-color: rgba(255, 178, 23, 0.5); | |
3268 } | |
3269 | |
3270 .resources-divider.last { | |
3271 background-color: transparent; | |
3272 } | |
3273 | |
3274 .resources-divider-label { | |
3275 position: absolute; | |
3276 top: 4px; | |
3277 right: 3px; | |
3278 font-size: 9px; | |
3279 color: rgb(50%, 50%, 50%); | |
3280 white-space: nowrap; | |
3281 } | |
3282 | |
3283 .memory-graph-label { | |
3284 position: absolute; | |
3285 top: 5px; | |
3286 left: 5px; | |
3287 font-size: 9px; | |
3288 color: rgb(50%, 50%, 50%); | |
3289 white-space: nowrap; | |
3290 } | |
3291 | |
3292 .resources-graph-label { | |
3293 position: absolute; | |
3294 top: 0; | |
3295 bottom: 0; | |
3296 margin: auto -7px; | |
3297 height: 13px; | |
3298 line-height: 13px; | |
3299 font-size: 9px; | |
3300 color: rgba(0, 0, 0, 0.75); | |
3301 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; | |
3302 z-index: 150; | |
3303 overflow: hidden; | |
3304 text-align: center; | |
3305 font-weight: bold; | |
3306 opacity: 0; | |
3307 -webkit-transition: opacity 250ms ease-in-out; | |
3308 } | |
3309 | |
3310 .resources-graph-side:hover .resources-graph-label { | |
3311 opacity: 1; | |
3312 } | |
3313 | |
3314 .resources-graph-label:empty { | |
3315 display: none; | |
3316 } | |
3317 | |
3318 .resources-graph-label.waiting { | |
3319 margin-right: 5px; | |
3320 } | |
3321 | |
3322 .resources-graph-label.waiting-right { | |
3323 margin-left: 5px; | |
3324 } | |
3325 | |
3326 .resources-graph-label.before { | |
3327 color: rgba(0, 0, 0, 0.7); | |
3328 text-shadow: none; | |
3329 text-align: right; | |
3330 margin-right: 2px; | |
3331 } | |
3332 | |
3333 .resources-graph-label.before::after { | |
3334 padding-left: 2px; | |
3335 height: 6px; | |
3336 content: url(Images/graphLabelCalloutLeft.png); | |
3337 } | |
3338 | |
3339 .resources-graph-label.after { | |
3340 color: rgba(0, 0, 0, 0.7); | |
3341 text-shadow: none; | |
3342 text-align: left; | |
3343 margin-left: 2px; | |
3344 } | |
3345 | |
3346 .resources-graph-label.after::before { | |
3347 padding-right: 2px; | |
3348 height: 6px; | |
3349 content: url(Images/graphLabelCalloutRight.png); | |
3350 } | |
3351 | |
3352 .resources-graph-bar { | |
3353 position: absolute; | |
3354 top: 0; | |
3355 bottom: 0; | |
3356 margin: auto -7px; | |
3357 border-width: 6px 7px; | |
3358 height: 13px; | |
3359 min-width: 14px; | |
3360 opacity: 0.65; | |
3361 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
3362 } | |
3363 | |
3364 .resources-category-documents, .resources-category-stylesheets, .resources-categ
ory-images, | |
3365 .resources-category-scripts, .resources-category-xhr, .resources-category-fonts, | |
3366 .resources-category-websockets, .resources-category-other { | |
3367 display: none; | |
3368 } | |
3369 | |
3370 .filter-all .resources-category-documents, .filter-documents .resources-category
-documents, | |
3371 .filter-all .resources-category-stylesheets, .filter-stylesheets .resources-cate
gory-stylesheets, | |
3372 .filter-all .resources-category-images, .filter-images .resources-category-image
s, | |
3373 .filter-all .resources-category-scripts, .filter-scripts .resources-category-scr
ipts, | |
3374 .filter-all .resources-category-xhr, .filter-xhr .resources-category-xhr, | |
3375 .filter-all .resources-category-fonts, .filter-fonts .resources-category-fonts, | |
3376 .filter-all .resources-category-websockets, .filter-websockets .resources-catego
ry-websockets, | |
3377 .filter-all .resources-category-other, .filter-other .resources-category-other, | |
3378 .resource-sidebar-tree-item.selected { | |
3379 display: list-item; | |
3380 } | |
3381 | |
3382 .console-warning-level, .console-error-level, .console-log-level { | |
3383 display: none; | |
3384 } | |
3385 | |
3386 .filter-all .console-warning-level, .filter-warnings .console-warning-level, | |
3387 .filter-all .console-error-level, .filter-errors .console-error-level, | |
3388 .filter-all .console-log-level, .filter-logs .console-log-level { | |
3389 display: block; | |
3390 } | |
3391 | |
3392 .console-user-command-result { | |
3393 display: block; | |
3394 } | |
3395 | |
3396 .resources-graph-bar.waiting, .resources-graph-bar.waiting-right { | |
3397 opacity: 0.35; | |
3398 } | |
3399 | |
3400 .resource-cached .resources-graph-bar { | |
3401 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
3402 } | |
3403 | |
3404 .resources-category-documents .resources-graph-bar { | |
3405 -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7; | |
3406 } | |
3407 | |
3408 .resources-category-documents.resource-cached .resources-graph-bar { | |
3409 -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7; | |
3410 } | |
3411 | |
3412 .resources-category-stylesheets .resources-graph-bar { | |
3413 -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7; | |
3414 } | |
3415 | |
3416 .resources-category-stylesheets.resource-cached .resources-graph-bar { | |
3417 -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7; | |
3418 } | |
3419 | |
3420 .resources-category-images .resources-graph-bar { | |
3421 -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; | |
3422 } | |
3423 | |
3424 .resources-category-images.resource-cached .resources-graph-bar { | |
3425 -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7; | |
3426 } | |
3427 | |
3428 .resources-category-fonts .resources-graph-bar { | |
3429 -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7; | |
3430 } | |
3431 | |
3432 .resources-category-fonts.resource-cached .resources-graph-bar { | |
3433 -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7; | |
3434 } | |
3435 | |
3436 .resources-category-scripts .resources-graph-bar { | |
3437 -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7; | |
3438 } | |
3439 | |
3440 .resources-category-scripts.resource-cached .resources-graph-bar { | |
3441 -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7; | |
3442 } | |
3443 | |
3444 .resources-category-xhr .resources-graph-bar { | |
3445 -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7; | |
3446 } | |
3447 | |
3448 .resources-category-xhr.resource-cached .resources-graph-bar { | |
3449 -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7; | |
3450 } | |
3451 | |
3452 /* FIXME: Create bar images for WebSocket. */ | |
3453 .resources-category-websockets .resources-graph-bar { | |
3454 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
3455 } | |
3456 | |
3457 .resources-category-websockets.resource-cached .resources-graph-bar { | |
3458 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
3459 } | |
3460 | |
3461 #resource-views { | |
3462 position: absolute; | |
3463 top: 23px; | |
3464 right: 0; | |
3465 left: 200px; | |
3466 bottom: 0; | |
3467 } | |
3468 | |
3469 .source-view-frame { | |
3470 width: 100%; | |
3471 height: 100%; | |
3472 } | |
3473 | |
3474 .sidebar-resizer-vertical { | |
3475 position: absolute; | |
3476 top: 0; | |
3477 bottom: 0; | |
3478 width: 5px; | |
3479 z-index: 500; | |
3480 cursor: col-resize; | |
3481 } | |
3482 | |
3483 .resources .sidebar-resizer-vertical { | |
3484 top: 23px; | |
3485 } | |
3486 | |
3487 .sidebar-tree, .sidebar-tree .children { | |
3488 position: relative; | |
3489 padding: 0; | |
3490 margin: 0; | |
3491 list-style: none; | |
3492 font-size: 11px; | |
3493 } | |
3494 | |
3495 .sidebar-tree-section { | |
3496 position: relative; | |
3497 height: 18px; | |
3498 padding: 4px 10px 6px 10px; | |
3499 white-space: nowrap; | |
3500 margin-top: 1px; | |
3501 color: rgb(92, 110, 129); | |
3502 font-weight: bold; | |
3503 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
3504 } | |
3505 | |
3506 .sidebar-tree-item { | |
3507 position: relative; | |
3508 height: 36px; | |
3509 padding: 0 5px 0 5px; | |
3510 white-space: nowrap; | |
3511 margin-top: 1px; | |
3512 line-height: 34px; | |
3513 border-top: 1px solid transparent; | |
3514 } | |
3515 | |
3516 .sidebar-tree .children { | |
3517 display: none; | |
3518 } | |
3519 | |
3520 .sidebar-tree .children.expanded { | |
3521 display: block; | |
3522 } | |
3523 | |
3524 .sidebar-tree-section + .children > .sidebar-tree-item { | |
3525 padding-left: 10px !important; | |
3526 } | |
3527 | |
3528 .sidebar-tree-section + .children.small > .sidebar-tree-item { | |
3529 padding-left: 17px !important; | |
3530 } | |
3531 | |
3532 .sidebar-tree > .children > .sidebar-tree-item { | |
3533 padding-left: 37px; | |
3534 } | |
3535 | |
3536 .sidebar-tree > .children > .children > .sidebar-tree-item { | |
3537 padding-left: 37px; | |
3538 } | |
3539 | |
3540 .sidebar-tree.hide-disclosure-buttons > .children { | |
3541 display: none; | |
3542 } | |
3543 | |
3544 .sidebar-tree > .children.hide-disclosure-buttons > .children { | |
3545 display: none; | |
3546 } | |
3547 | |
3548 .sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item
:not(.parent) .icon { | |
3549 margin-left: 16px; | |
3550 } | |
3551 | |
3552 .sidebar-tree-item .disclosure-button { | |
3553 float: left; | |
3554 width: 16px; | |
3555 height: 100%; | |
3556 border: 0; | |
3557 background-color: transparent; | |
3558 background-image: url(Images/disclosureTriangleSmallRight.png); | |
3559 background-repeat: no-repeat; | |
3560 background-position: center; | |
3561 -webkit-apearance: none; | |
3562 } | |
3563 | |
3564 .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { | |
3565 display: none; | |
3566 } | |
3567 | |
3568 body.inactive .sidebar-tree-item .disclosure-button { | |
3569 background-image: url(Images/disclosureTriangleSmallRightBlack.png); | |
3570 } | |
3571 | |
3572 body.inactive .sidebar-tree-item.expanded .disclosure-button { | |
3573 background-image: url(Images/disclosureTriangleSmallDownBlack.png); | |
3574 } | |
3575 | |
3576 body.inactive .sidebar-tree-item .disclosure-button:active { | |
3577 background-image: url(Images/disclosureTriangleSmallRightDownBlack.png); | |
3578 } | |
3579 | |
3580 .sidebar-tree-item.selected .disclosure-button { | |
3581 background-image: url(Images/disclosureTriangleSmallRightWhite.png) !importa
nt; | |
3582 } | |
3583 | |
3584 .sidebar-tree-item.expanded .disclosure-button { | |
3585 background-image: url(Images/disclosureTriangleSmallDown.png); | |
3586 } | |
3587 | |
3588 .sidebar-tree-item.selected.expanded .disclosure-button { | |
3589 background-image: url(Images/disclosureTriangleSmallDownWhite.png) !importan
t; | |
3590 } | |
3591 | |
3592 .sidebar-tree-item.selected .disclosure-button:active { | |
3593 background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !imp
ortant; | |
3594 } | |
3595 | |
3596 .sidebar-tree-item .disclosure-button:active { | |
3597 background-image: url(Images/disclosureTriangleSmallRightDown.png); | |
3598 } | |
3599 | |
3600 .sidebar-tree-item .icon { | |
3601 float: left; | |
3602 width: 32px; | |
3603 height: 32px; | |
3604 margin-top: 1px; | |
3605 margin-right: 3px; | |
3606 } | |
3607 | |
3608 li .status { | |
3609 float: right; | |
3610 height: 16px; | |
3611 margin-top: 9px; | |
3612 margin-left: 4px; | |
3613 line-height: 1em; | |
3614 } | |
3615 | |
3616 li .status:empty { | |
3617 display: none; | |
3618 } | |
3619 | |
3620 li .status .bubble { | |
3621 display: inline-block; | |
3622 height: 14px; | |
3623 min-width: 16px; | |
3624 margin-top: 1px; | |
3625 background-color: rgb(128, 151, 189); | |
3626 vertical-align: middle; | |
3627 white-space: nowrap; | |
3628 padding: 1px 4px; | |
3629 text-align: center; | |
3630 font-size: 11px; | |
3631 line-height: normal; | |
3632 font-family: Helvetica, Arial, sans-serif; | |
3633 font-weight: bold; | |
3634 text-shadow: none; | |
3635 color: white; | |
3636 -webkit-border-radius: 7px; | |
3637 } | |
3638 | |
3639 li .status .bubble:empty { | |
3640 display: none; | |
3641 } | |
3642 | |
3643 li.selected .status .bubble { | |
3644 background-color: white !important; | |
3645 color: rgb(132, 154, 190) !important; | |
3646 } | |
3647 | |
3648 :focus li.selected .status .bubble { | |
3649 color: rgb(36, 98, 172) !important; | |
3650 } | |
3651 | |
3652 body.inactive li.selected .status .bubble { | |
3653 color: rgb(159, 159, 159) !important; | |
3654 } | |
3655 | |
3656 .sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-t
ree-item, .sidebar-tree-item.small, .small .resources-graph-side { | |
3657 height: 20px; | |
3658 } | |
3659 | |
3660 .sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sid
ebar-tree-item .icon, .sidebar-tree-item.small .icon { | |
3661 width: 16px; | |
3662 height: 16px; | |
3663 } | |
3664 | |
3665 .sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .s
idebar-tree-item .status, .sidebar-tree-item.small .status { | |
3666 margin-top: 1px; | |
3667 } | |
3668 | |
3669 .sidebar-tree-item.selected { | |
3670 color: white; | |
3671 border-top: 1px solid rgb(145, 160, 192); | |
3672 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | |
3673 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; | |
3674 font-weight: bold; | |
3675 -webkit-background-origin: padding; | |
3676 -webkit-background-clip: padding; | |
3677 } | |
3678 | |
3679 :focus .sidebar-tree-item.selected { | |
3680 border-top: 1px solid rgb(68, 128, 200); | |
3681 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | |
3682 } | |
3683 | |
3684 body.inactive .sidebar-tree-item.selected { | |
3685 border-top: 1px solid rgb(151, 151, 151); | |
3686 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | |
3687 } | |
3688 | |
3689 .sidebar-tree-item .titles { | |
3690 position: relative; | |
3691 top: 5px; | |
3692 line-height: 11px; | |
3693 padding-bottom: 1px; | |
3694 text-overflow: ellipsis; | |
3695 overflow: hidden; | |
3696 white-space: nowrap; | |
3697 } | |
3698 | |
3699 .sidebar-tree-item .titles.no-subtitle { | |
3700 top: 10px; | |
3701 } | |
3702 | |
3703 .sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .s
idebar-tree-item .titles, .sidebar-tree-item.small .titles { | |
3704 top: 2px; | |
3705 line-height: normal; | |
3706 } | |
3707 | |
3708 .sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar
-tree .children:not(.small) .sidebar-tree-item .title::after { | |
3709 content: "\A"; | |
3710 white-space: pre; | |
3711 } | |
3712 | |
3713 .sidebar-tree-item .subtitle { | |
3714 font-size: 9px; | |
3715 color: rgba(0, 0, 0, 0.7); | |
3716 } | |
3717 | |
3718 .sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small
.sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle { | |
3719 display: none; | |
3720 } | |
3721 | |
3722 .sidebar-tree-item.selected .subtitle { | |
3723 color: rgba(255, 255, 255, 0.9); | |
3724 } | |
3725 | |
3726 #resources-graphs { | |
3727 position: absolute; | |
3728 left: 0; | |
3729 right: 0; | |
3730 max-height: 100%; | |
3731 top: 112px; | |
3732 } | |
3733 | |
3734 .resources-graph-side { | |
3735 position: relative; | |
3736 height: 36px; | |
3737 padding: 0 5px; | |
3738 white-space: nowrap; | |
3739 margin-top: 1px; | |
3740 border-top: 1px solid transparent; | |
3741 overflow: hidden; | |
3742 } | |
3743 | |
3744 .resources-graph-bar-area { | |
3745 position: absolute; | |
3746 top: 0; | |
3747 bottom: 0; | |
3748 right: 8px; | |
3749 left: 9px; | |
3750 } | |
3751 | |
3752 #resources-container:not(.viewing-resource) .resource-sidebar-tree-item:nth-of-t
ype(2n) { | |
3753 background-color: rgba(0, 0, 0, 0.05); | |
3754 } | |
3755 | |
3756 #resources-container:not(.viewing-resource) .resources-graph-side:nth-of-type(2n
) { | |
3757 background-color: rgba(0, 0, 0, 0.05); | |
3758 } | |
3759 | |
3760 .resources-time-graph-sidebar-item .icon { | |
3761 content: url(Images/resourcesTimeGraphIcon.png); | |
3762 } | |
3763 | |
3764 .resources-size-graph-sidebar-item .icon { | |
3765 content: url(Images/resourcesSizeGraphIcon.png); | |
3766 } | |
3767 | |
3768 .resources-size-graph-sidebar-item .icon { | |
3769 content: url(Images/resourcesSizeGraphIcon.png); | |
3770 } | |
3771 | |
3772 .resource-sidebar-tree-item .icon { | |
3773 content: url(Images/resourcePlainIcon.png); | |
3774 } | |
3775 | |
3776 .children.small .resource-sidebar-tree-item .icon { | |
3777 content: url(Images/resourcePlainIconSmall.png); | |
3778 } | |
3779 | |
3780 .resource-sidebar-tree-item.resources-category-documents .icon { | |
3781 content: url(Images/resourceDocumentIcon.png); | |
3782 } | |
3783 | |
3784 .children.small .resource-sidebar-tree-item.resources-category-documents .icon { | |
3785 content: url(Images/resourceDocumentIconSmall.png); | |
3786 } | |
3787 | |
3788 .resource-sidebar-tree-item.resources-category-stylesheets .icon { | |
3789 content: url(Images/resourceCSSIcon.png); | |
3790 } | |
3791 | |
3792 .children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon
{ | |
3793 content: url(Images/resourceDocumentIconSmall.png); | |
3794 } | |
3795 | |
3796 .resource-sidebar-tree-item.resources-category-images .icon { | |
3797 position: relative; | |
3798 background-image: url(Images/resourcePlainIcon.png); | |
3799 background-repeat: no-repeat; | |
3800 content: ""; | |
3801 } | |
3802 | |
3803 .resources-category-images .image-resource-icon-preview { | |
3804 position: absolute; | |
3805 margin: auto; | |
3806 top: 3px; | |
3807 bottom: 4px; | |
3808 left: 5px; | |
3809 right: 5px; | |
3810 max-width: 18px; | |
3811 max-height: 21px; | |
3812 min-width: 1px; | |
3813 min-height: 1px; | |
3814 } | |
3815 | |
3816 .children.small .resource-sidebar-tree-item.resources-category-images .icon { | |
3817 background-image: url(Images/resourcePlainIconSmall.png); | |
3818 content: ""; | |
3819 } | |
3820 | |
3821 .children.small .resources-category-images .image-resource-icon-preview { | |
3822 top: 2px; | |
3823 bottom: 1px; | |
3824 left: 3px; | |
3825 right: 3px; | |
3826 max-width: 8px; | |
3827 max-height: 11px; | |
3828 } | |
3829 | |
3830 .resource-sidebar-tree-item.resources-category-fonts .icon { | |
3831 content: url(Images/resourcePlainIcon.png); | |
3832 } | |
3833 | |
3834 .children.small .resource-sidebar-tree-item.resources-category-fonts .icon { | |
3835 content: url(Images/resourcePlainIconSmall.png); | |
3836 } | |
3837 | |
3838 .resource-sidebar-tree-item.resources-category-scripts .icon { | |
3839 content: url(Images/resourceJSIcon.png); | |
3840 } | |
3841 | |
3842 .children.small .resource-sidebar-tree-item.resources-category-scripts .icon { | |
3843 content: url(Images/resourceDocumentIconSmall.png); | |
3844 } | |
3845 | |
3846 .resource-sidebar-tree-item.resources-category-xhr .icon { | |
3847 content: url(Images/resourcePlainIcon.png); | |
3848 } | |
3849 | |
3850 .children.small .resource-sidebar-tree-item.resources-category-xhr .icon { | |
3851 content: url(Images/resourceDocumentIconSmall.png); | |
3852 } | |
3853 | |
3854 .bubble.debug, .console-debug-level .bubble { | |
3855 background-color: rgb(0, 0, 255) !important; | |
3856 } | |
3857 | |
3858 .bubble.warning, .console-warning-level .bubble { | |
3859 background-color: rgb(232, 164, 0) !important; | |
3860 } | |
3861 | |
3862 .bubble.error, .console-error-level .bubble { | |
3863 background-color: rgb(216, 35, 35) !important; | |
3864 } | |
3865 | |
3866 .bubble.search-matches { | |
3867 background-image: url(Images/searchSmallWhite.png); | |
3868 background-repeat: no-repeat; | |
3869 background-position: 3px 2px; | |
3870 padding-left: 13px !important; | |
3871 } | |
3872 | |
3873 li.selected .bubble.search-matches { | |
3874 background-image: url(Images/searchSmallBlue.png); | |
3875 } | |
3876 | |
3877 :focus li.selected .bubble.search-matches { | |
3878 background-image: url(Images/searchSmallBrightBlue.png); | |
3879 } | |
3880 | |
3881 body.inactive li.selected .bubble.search-matches { | |
3882 background-image: url(Images/searchSmallGray.png); | |
3883 } | |
3884 | |
3885 /* Timeline Style */ | |
3886 | |
3887 #timeline-overview-panel { | |
3888 position: absolute; | |
3889 top: 0; | |
3890 left: 0; | |
3891 right: 0; | |
3892 height: 80px; | |
3893 } | |
3894 | |
3895 #timeline-overview-panel .timeline-graph-bar { | |
3896 pointer-events: none; | |
3897 } | |
3898 | |
3899 .timeline-sidebar-background { | |
3900 top: 90px; | |
3901 bottom: 0; | |
3902 } | |
3903 | |
3904 .timeline .sidebar { | |
3905 overflow-y: hidden; | |
3906 z-index: 100; | |
3907 min-height: 100%; | |
3908 bottom: auto; | |
3909 } | |
3910 | |
3911 #timeline-overview-separator { | |
3912 position: absolute; | |
3913 top: 80px; | |
3914 left: 0; | |
3915 right: 0; | |
3916 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)
), to(rgb(213, 213, 213))); | |
3917 border-top: 1px solid rgb(140, 140, 140); | |
3918 border-bottom: 1px solid rgb(115, 115, 115); | |
3919 height: 10px; | |
3920 } | |
3921 | |
3922 #timeline-overview-sidebar { | |
3923 position: absolute; | |
3924 width: 200px; | |
3925 top: 0px; | |
3926 bottom: 0px; | |
3927 left: 0px; | |
3928 padding-top: 2px; | |
3929 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)
), to(rgb(209, 209, 209))); | |
3930 border-right: 1px solid rgb(163, 163, 163); | |
3931 } | |
3932 | |
3933 #timeline-overview-grid { | |
3934 position: absolute; | |
3935 top: 0px; | |
3936 bottom: 0px; | |
3937 left: 200px; | |
3938 right: 0px; | |
3939 background-color: rgb(255, 255, 255); | |
3940 } | |
3941 | |
3942 .timeline-window-selector { | |
3943 position: absolute; | |
3944 top: 0; | |
3945 bottom: 0; | |
3946 background-color: rgba(125, 173, 217, 0.5); | |
3947 z-index: 250; | |
3948 } | |
3949 | |
3950 #timeline-overview-window { | |
3951 background-color: white; | |
3952 position: absolute; | |
3953 left: 0; | |
3954 right: 0; | |
3955 top: 0; | |
3956 bottom: 60px; | |
3957 z-index: 150; | |
3958 } | |
3959 | |
3960 .timeline-overview-dividers-background { | |
3961 left: 0%; | |
3962 right: 0%; | |
3963 top: 0px; | |
3964 bottom: 60px; | |
3965 background-color: black; | |
3966 position: absolute; | |
3967 } | |
3968 | |
3969 .timeline-overview-window-rulers { | |
3970 top: 0; | |
3971 bottom: 0; | |
3972 position: absolute; | |
3973 opacity: 0.2; | |
3974 border-right: 1px solid black; | |
3975 border-left: 1px solid black; | |
3976 z-index: 150; | |
3977 } | |
3978 | |
3979 .timeline-window-resizer { | |
3980 position: absolute; | |
3981 top: 0px; | |
3982 bottom: 60px; | |
3983 width: 5px; | |
3984 margin-left: -3px; | |
3985 margin-right: -2px; | |
3986 background-color: rgb(153, 153, 153); | |
3987 z-index: 500; | |
3988 cursor: col-resize; | |
3989 -webkit-border-radius: 2px; | |
3990 -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1
px 0; | |
3991 } | |
3992 | |
3993 #timeline-overview-grid #resources-graphs { | |
3994 position: absolute; | |
3995 top: 0; | |
3996 left: 0; | |
3997 right: 0; | |
3998 height: 80px; | |
3999 } | |
4000 | |
4001 #timeline-container { | |
4002 position: absolute; | |
4003 top: 90px; | |
4004 left: 0; | |
4005 bottom: 0; | |
4006 right: 0; | |
4007 border-right: 0 none transparent; | |
4008 overflow-y: auto; | |
4009 overflow-x: hidden; | |
4010 } | |
4011 | |
4012 .timeline-category-statusbar-item { | |
4013 height: 24px; | |
4014 line-height: 24px; | |
4015 padding-left: 6px; | |
4016 white-space: nowrap; | |
4017 text-overflow: ellipsis; | |
4018 overflow: hidden; | |
4019 font-weight: bold; | |
4020 } | |
4021 | |
4022 .timeline-category-statusbar-item .timeline-category-checkbox { | |
4023 width: 10px; | |
4024 height: 11px; | |
4025 margin: 0 3px 0 5px; | |
4026 padding: 0; | |
4027 background-image: url(Images/timelineCheckmarks.png); | |
4028 background-repeat: no-repeat; | |
4029 background-position: 0 -66px; | |
4030 vertical-align: -1px; | |
4031 -webkit-appearance: none; | |
4032 } | |
4033 | |
4034 .timeline-category-statusbar-item .timeline-category-checkbox:checked { | |
4035 background-position-x: -10px; | |
4036 } | |
4037 | |
4038 .timeline-category-statusbar-item.timeline-category-loading .timeline-category-c
heckbox { | |
4039 background-position-y: 0; | |
4040 } | |
4041 | |
4042 .timeline-category-statusbar-item.timeline-category-scripting .timeline-category
-checkbox { | |
4043 background-position-y: -33px; | |
4044 } | |
4045 | |
4046 .timeline-category-statusbar-item.timeline-category-rendering .timeline-category
-checkbox { | |
4047 background-position-y: -11px; | |
4048 } | |
4049 | |
4050 .timeline-tree-item { | |
4051 height: 18px; | |
4052 line-height: 15px; | |
4053 padding-right: 5px; | |
4054 padding-left: 10px; | |
4055 padding-top: 2px; | |
4056 white-space: nowrap; | |
4057 text-overflow: ellipsis; | |
4058 overflow: hidden; | |
4059 } | |
4060 | |
4061 .timeline-expandable { | |
4062 position: absolute; | |
4063 border-left: 1px solid rgb(163, 163, 163); | |
4064 } | |
4065 | |
4066 .timeline-expandable-left { | |
4067 position: absolute; | |
4068 top: 0; | |
4069 bottom: 0; | |
4070 left: 0; | |
4071 width: 3px; | |
4072 border-top: 1px solid rgb(163, 163, 163); | |
4073 border-bottom: 1px solid rgb(163, 163, 163); | |
4074 } | |
4075 | |
4076 .timeline-expandable-collapsed { | |
4077 background-image: url(Images/disclosureTriangleSmallRightBlack.png); | |
4078 background-position-x: 1px; | |
4079 background-position-y: 2px; | |
4080 background-repeat: no-repeat; | |
4081 } | |
4082 | |
4083 .timeline-expandable-expanded { | |
4084 background-image: url(Images/disclosureTriangleSmallDownBlack.png); | |
4085 background-position-x: 1px; | |
4086 background-position-y: 3px; | |
4087 background-repeat: no-repeat; | |
4088 } | |
4089 | |
4090 .timeline-tree-item .type { | |
4091 padding-left: 14px; | |
4092 } | |
4093 | |
4094 .timeline-tree-item .count { | |
4095 font-family: Helvetica, Arial, sans-serif; | |
4096 font-weight: bold; | |
4097 } | |
4098 | |
4099 .timeline-tree-item .timeline-tree-icon { | |
4100 background-image: url(Images/timelineDots.png); | |
4101 margin-top: 2px; | |
4102 width: 12px; | |
4103 height: 12px; | |
4104 position: absolute; | |
4105 } | |
4106 | |
4107 .timeline-tree-item.even { | |
4108 background-color: rgba(0, 0, 0, 0.05); | |
4109 } | |
4110 | |
4111 .timeline-tree-item .data.dimmed { | |
4112 color: rgba(0, 0, 0, 0.7); | |
4113 } | |
4114 | |
4115 #timeline-overview-timelines, | |
4116 #timeline-overview-memory { | |
4117 position: absolute; | |
4118 left: 0; | |
4119 right: 0; | |
4120 bottom: 0; | |
4121 top: 20px; | |
4122 z-index: 160; | |
4123 } | |
4124 | |
4125 #timeline-overview-memory > canvas { | |
4126 position: absolute; | |
4127 left: 0; | |
4128 right: 0; | |
4129 bottom: 0; | |
4130 top: 5px; | |
4131 } | |
4132 | |
4133 | |
4134 #timeline-graphs { | |
4135 position: absolute; | |
4136 left: 0; | |
4137 right: 0; | |
4138 max-height: 100%; | |
4139 top: 19px; | |
4140 } | |
4141 | |
4142 .timeline-graph-side { | |
4143 position: relative; | |
4144 height: 18px; | |
4145 padding: 0 5px; | |
4146 white-space: nowrap; | |
4147 margin-top: 0px; | |
4148 border-top: 1px solid transparent; | |
4149 overflow: hidden; | |
4150 pointer-events: none; | |
4151 } | |
4152 | |
4153 .timeline-overview-graph-side { | |
4154 height: 20px; | |
4155 z-index: 170; | |
4156 pointer-events: none; | |
4157 } | |
4158 | |
4159 .timeline-overview-graph-side .timeline-graph-bar { | |
4160 height: 13px; | |
4161 } | |
4162 | |
4163 .timeline-graph-bar-area { | |
4164 position: absolute; | |
4165 top: 0; | |
4166 bottom: 0; | |
4167 right: 0; | |
4168 left: 3px; | |
4169 pointer-events: none; | |
4170 } | |
4171 | |
4172 .timeline-graph-bar { | |
4173 position: absolute; | |
4174 top: 0; | |
4175 bottom: 0; | |
4176 margin: auto -2px; | |
4177 border-width: 4px 4px 5px; | |
4178 height: 9px; | |
4179 min-width: 5px; | |
4180 opacity: 0.8; | |
4181 -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4; | |
4182 z-index: 180; | |
4183 pointer-events: visibleFill; | |
4184 } | |
4185 | |
4186 .timeline-graph-bar.with-children { | |
4187 opacity: 0.2; | |
4188 } | |
4189 | |
4190 .timeline-graph-bar.cpu { | |
4191 opacity: 0.6; | |
4192 } | |
4193 | |
4194 .timeline-graph-side.even { | |
4195 background-color: rgba(0, 0, 0, 0.05); | |
4196 } | |
4197 | |
4198 .timeline-category-loading .timeline-graph-bar { | |
4199 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; | |
4200 } | |
4201 | |
4202 .timeline-category-scripting .timeline-graph-bar { | |
4203 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; | |
4204 } | |
4205 | |
4206 .timeline-category-rendering .timeline-graph-bar { | |
4207 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; | |
4208 } | |
4209 | |
4210 .timeline-aggregated-category { | |
4211 display: inline-block; | |
4212 height: 11px; | |
4213 margin-right: 2px; | |
4214 margin-left: 6px; | |
4215 position: relative; | |
4216 top: 2px; | |
4217 width: 10px; | |
4218 } | |
4219 | |
4220 .timeline-loading { | |
4221 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; | |
4222 } | |
4223 | |
4224 .timeline-scripting { | |
4225 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; | |
4226 } | |
4227 | |
4228 .timeline-rendering { | |
4229 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; | |
4230 } | |
4231 | |
4232 .popover .timeline-aggregated-category.timeline-loading { | |
4233 margin-left: 0px; | |
4234 } | |
4235 | |
4236 .timeline-category-loading .timeline-tree-icon { | |
4237 background-position-y: 0px; | |
4238 } | |
4239 | |
4240 .timeline-category-scripting .timeline-tree-icon { | |
4241 background-position-y: 48px; | |
4242 } | |
4243 | |
4244 .timeline-category-rendering .timeline-tree-icon { | |
4245 background-position-y: 72px; | |
4246 } | |
4247 | |
4248 .timeline-details { | |
4249 -webkit-user-select: text; | |
4250 vertical-align: top; | |
4251 } | |
4252 | |
4253 .timeline-function-name { | |
4254 text-align: right; | |
4255 } | |
4256 | |
4257 .timeline-stacktrace-title { | |
4258 padding-top: 4px; | |
4259 } | |
4260 | |
4261 .timeline-details-row-title { | |
4262 font-weight: bold; | |
4263 text-align: right; | |
4264 white-space: nowrap; | |
4265 } | |
4266 | |
4267 .timeline-details-row-data { | |
4268 white-space: nowrap; | |
4269 } | |
4270 | |
4271 .timeline-details-title { | |
4272 border-bottom: 1px solid #B8B8B8; | |
4273 font-size: 11px; | |
4274 font-weight: bold; | |
4275 padding-bottom: 5px; | |
4276 padding-top: 0px; | |
4277 white-space: nowrap; | |
4278 } | |
4279 | |
4280 .timeline-filter-status-bar-item .glyph { | |
4281 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | |
4282 } | |
4283 | |
4284 .timeline-filter-status-bar-item.toggled-on .glyph { | |
4285 background-color: rgb(66, 129, 235) !important; | |
4286 } | |
4287 | |
4288 .timeline-records-counter, .storage-application-cache-status, .storage-applicati
on-cache-connectivity { | |
4289 font-size: 11px; | |
4290 text-shadow: white 0 1px 0; | |
4291 } | |
4292 | |
4293 #main-status-bar > .timeline-records-counter { | |
4294 float: right; | |
4295 margin-top: 4px; | |
4296 margin-right: 25px; | |
4297 } | |
4298 | |
4299 #counters > .timeline-records-counter { | |
4300 float: left; | |
4301 margin-top: -2px; | |
4302 } | |
4303 | |
4304 .storage-application-cache-status-icon, .storage-application-cache-connectivity-
icon { | |
4305 margin-bottom: -3px; | |
4306 margin-left: 5px; | |
4307 vertical-align: middle; | |
4308 } | |
4309 | |
4310 .status-bar-divider { | |
4311 margin-left: 7px; | |
4312 border-right: 1px solid #CCC; | |
4313 } | |
4314 | |
4315 .storage-application-cache-status, .storage-application-cache-connectivity { | |
4316 position: relative; | |
4317 top: 4px; | |
4318 } | |
4319 | |
4320 /* Profiler Style */ | |
4321 | |
4322 #profile-views { | |
4323 position: absolute; | |
4324 top: 0; | |
4325 right: 0; | |
4326 left: 200px; | |
4327 bottom: 0; | |
4328 } | |
4329 | |
4330 .status-bar-items { | |
4331 position: absolute; | |
4332 top: 0; | |
4333 bottom: 0; | |
4334 left: 200px; | |
4335 overflow: hidden; | |
4336 border-left: 1px solid rgb(184, 184, 184); | |
4337 margin-left: -1px; | |
4338 } | |
4339 | |
4340 .profile-sidebar-tree-item .icon { | |
4341 content: url(Images/profileIcon.png); | |
4342 } | |
4343 | |
4344 .profile-sidebar-tree-item.small .icon { | |
4345 content: url(Images/profileSmallIcon.png); | |
4346 } | |
4347 | |
4348 .profile-group-sidebar-tree-item .icon { | |
4349 content: url(Images/profileGroupIcon.png); | |
4350 } | |
4351 | |
4352 .profile-view { | |
4353 display: none; | |
4354 overflow: hidden; | |
4355 position: absolute; | |
4356 top: 0; | |
4357 left: 0; | |
4358 right: 0; | |
4359 bottom: 0; | |
4360 } | |
4361 | |
4362 .profile-view.visible { | |
4363 display: block; | |
4364 } | |
4365 | |
4366 .profile-view .data-grid { | |
4367 border: none; | |
4368 height: 100%; | |
4369 } | |
4370 | |
4371 .profile-view .data-grid th.average-column { | |
4372 text-align: center; | |
4373 } | |
4374 | |
4375 .profile-view .data-grid td.average-column { | |
4376 text-align: right; | |
4377 } | |
4378 | |
4379 .profile-view .data-grid th.self-column { | |
4380 text-align: center; | |
4381 } | |
4382 | |
4383 .profile-view .data-grid td.self-column { | |
4384 text-align: right; | |
4385 } | |
4386 | |
4387 .profile-view .data-grid th.total-column { | |
4388 text-align: center; | |
4389 } | |
4390 | |
4391 .profile-view .data-grid td.total-column { | |
4392 text-align: right; | |
4393 } | |
4394 | |
4395 .profile-view .data-grid .calls-column { | |
4396 text-align: center; | |
4397 } | |
4398 | |
4399 .profile-node-file { | |
4400 float: right; | |
4401 color: gray; | |
4402 margin-top: -1px; | |
4403 } | |
4404 | |
4405 .data-grid tr.selected .profile-node-file { | |
4406 color: rgb(33%, 33%, 33%); | |
4407 } | |
4408 | |
4409 .data-grid:focus tr.selected .profile-node-file { | |
4410 color: white; | |
4411 } | |
4412 | |
4413 button.enable-toggle-status-bar-item .glyph { | |
4414 } | |
4415 | |
4416 .record-profile-status-bar-item .glyph { | |
4417 -webkit-mask-image: url(Images/recordButtonGlyph.png); | |
4418 } | |
4419 | |
4420 .record-profile-status-bar-item.toggled-on .glyph { | |
4421 -webkit-mask-image: url(Images/recordToggledButtonGlyph.png); | |
4422 background-color: rgb(216, 0, 0) !important; | |
4423 } | |
4424 | |
4425 /* FIXME: should have its own glyph. */ | |
4426 .heap-snapshot-status-bar-item .glyph { | |
4427 -webkit-mask-image: url(Images/focusButtonGlyph.png); | |
4428 } | |
4429 | |
4430 .node-search-status-bar-item .glyph { | |
4431 -webkit-mask-image: url(Images/nodeSearchButtonGlyph.png); | |
4432 } | |
4433 | |
4434 .percent-time-status-bar-item .glyph { | |
4435 -webkit-mask-image: url(Images/percentButtonGlyph.png); | |
4436 } | |
4437 | |
4438 .focus-profile-node-status-bar-item .glyph { | |
4439 -webkit-mask-image: url(Images/focusButtonGlyph.png); | |
4440 } | |
4441 | |
4442 .exclude-profile-node-status-bar-item .glyph { | |
4443 -webkit-mask-image: url(Images/excludeButtonGlyph.png); | |
4444 } | |
4445 | |
4446 .reset-profile-status-bar-item .glyph { | |
4447 -webkit-mask-image: url(Images/reloadButtonGlyph.png); | |
4448 } | |
4449 | |
4450 .delete-storage-status-bar-item .glyph { | |
4451 -webkit-mask-image: url(Images/excludeButtonGlyph.png); | |
4452 } | |
4453 | |
4454 .refresh-storage-status-bar-item .glyph { | |
4455 -webkit-mask-image: url(Images/reloadButtonGlyph.png); | |
4456 } | |
4457 | |
4458 ol.breakpoint-list { | |
4459 -webkit-padding-start: 0; | |
4460 list-style: none; | |
4461 margin: 0; | |
4462 } | |
4463 | |
4464 .breakpoint-list li { | |
4465 white-space: nowrap; | |
4466 text-overflow: ellipsis; | |
4467 overflow: hidden; | |
4468 padding: 2px 0; | |
4469 color: black; | |
4470 } | |
4471 | |
4472 .breakpoint-list li:hover { | |
4473 color: rgb(15%, 15%, 15%); | |
4474 } | |
4475 | |
4476 .breakpoint-list .checkbox-elem { | |
4477 font-size: 10px; | |
4478 margin: 0 4px; | |
4479 vertical-align: top; | |
4480 position: relative; | |
4481 z-index: 1; | |
4482 } | |
4483 | |
4484 .breakpoint-list .source-text { | |
4485 white-space: nowrap; | |
4486 text-overflow: ellipsis; | |
4487 overflow: hidden; | |
4488 margin: 2px 0 0px 20px; | |
4489 } | |
4490 | |
4491 .pane .breakpoint-hit { | |
4492 background-color: rgb(255, 255, 194); | |
4493 } | |
4494 | |
4495 li.breakpoint-hit .breakpoint-hit-marker { | |
4496 background-color: rgb(255, 255, 194); | |
4497 height: 18px; | |
4498 left: 0px; | |
4499 margin-top: -16px; | |
4500 position: absolute; | |
4501 right: 0px; | |
4502 z-index: -1; | |
4503 } | |
4504 | |
4505 .webkit-html-js-node, .webkit-html-css-node { | |
4506 white-space: pre; | |
4507 } | |
4508 | |
4509 .source-frame-breakpoint-condition { | |
4510 z-index: 30; | |
4511 padding: 4px; | |
4512 background-color: rgb(203, 226, 255); | |
4513 -webkit-border-radius: 7px; | |
4514 border: 2px solid rgb(169, 172, 203); | |
4515 width: 90%; | |
4516 } | |
4517 | |
4518 .source-frame-breakpoint-message { | |
4519 background-color: transparent; | |
4520 font-family: Lucida Grande, sans-serif; | |
4521 font-weight: normal; | |
4522 font-size: 11px; | |
4523 text-align: left; | |
4524 text-shadow: none; | |
4525 color: rgb(85, 85, 85); | |
4526 cursor: default; | |
4527 margin: 0 0 2px 0; | |
4528 } | |
4529 | |
4530 #source-frame-breakpoint-condition { | |
4531 margin: 0; | |
4532 border: 1px inset rgb(190, 190, 190) !important; | |
4533 width: 100%; | |
4534 box-shadow: none !important; | |
4535 outline: none !important; | |
4536 -webkit-user-modify: read-write; | |
4537 } | |
4538 | |
4539 .source-frame-popover-title { | |
4540 text-overflow: ellipsis; | |
4541 overflow: hidden; | |
4542 white-space: nowrap; | |
4543 font-weight: bold; | |
4544 padding-left: 18px; | |
4545 } | |
4546 | |
4547 .source-frame-popover-tree { | |
4548 border-top: 1px solid rgb(194, 194, 147); | |
4549 overflow: auto; | |
4550 position: absolute; | |
4551 top: 15px; | |
4552 bottom: 0; | |
4553 left: 0; | |
4554 right: 0; | |
4555 } | |
4556 | |
4557 .source-frame-eval-expression { | |
4558 border: 1px solid rgb(163, 41, 34); | |
4559 margin: -1px; | |
4560 background-color: rgb(255, 255, 194); | |
4561 } | |
4562 | |
4563 .styles-sidebar-separator { | |
4564 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
43, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230,
230, 230)), to(rgb(209, 209, 209))); | |
4565 padding: 0 5px; | |
4566 border-top: 1px solid rgb(189, 189, 189); | |
4567 border-bottom: 1px solid rgb(189, 189, 189); | |
4568 color: rgb(110, 110, 110); | |
4569 text-shadow: white 0 1px 0; | |
4570 white-space: nowrap; | |
4571 text-overflow: ellipsis; | |
4572 overflow: hidden; | |
4573 font-size: 11px; | |
4574 } | |
4575 | |
4576 .styles-selector { | |
4577 cursor: text; | |
4578 } | |
4579 | |
4580 .workers-list { | |
4581 list-style: none; | |
4582 margin: 0; | |
4583 padding: 0; | |
4584 } | |
4585 | |
4586 .workers-list > li { | |
4587 overflow: hidden; | |
4588 text-overflow: ellipsis; | |
4589 white-space: nowrap; | |
4590 margin-left: 1em; | |
4591 font-size: 12px; | |
4592 } | |
4593 | |
4594 a.worker-item { | |
4595 color: rgb(33%, 33%, 33%); | |
4596 cursor: pointer; | |
4597 text-decoration: none; | |
4598 } | |
4599 | |
4600 .styles-section { | |
4601 padding: 2px 2px 4px 4px; | |
4602 min-height: 18px; | |
4603 white-space: nowrap; | |
4604 -webkit-background-origin: padding; | |
4605 -webkit-background-clip: padding; | |
4606 -webkit-user-select: text; | |
4607 } | |
4608 | |
4609 .styles-section:not(.first-styles-section) { | |
4610 border-top: 1px solid rgb(191, 191, 191); | |
4611 } | |
4612 | |
4613 .styles-section.read-only { | |
4614 background-color: rgb(240, 240, 240); | |
4615 } | |
4616 | |
4617 .styles-section .properties li.not-parsed-ok { | |
4618 margin-left: 0px; | |
4619 } | |
4620 | |
4621 .styles-section .properties li.not-parsed-ok::before { | |
4622 content: url(Images/warningIcon.png); | |
4623 opacity: 0.75; | |
4624 float: left; | |
4625 width: 8px; | |
4626 height: 8px; | |
4627 margin-top: 0; | |
4628 padding-right: 5px; | |
4629 vertical-align: sub; | |
4630 -webkit-user-select: none; | |
4631 cursor: default; | |
4632 } | |
4633 | |
4634 .styles-section .header { | |
4635 white-space: nowrap; | |
4636 -webkit-background-origin: padding; | |
4637 -webkit-background-clip: padding; | |
4638 } | |
4639 | |
4640 .styles-section .header .title { | |
4641 word-wrap: break-word; | |
4642 white-space: normal; | |
4643 } | |
4644 | |
4645 .styles-section .header .subtitle { | |
4646 color: rgb(85, 85, 85); | |
4647 float: right; | |
4648 margin-left: 5px; | |
4649 max-width: 65%; | |
4650 text-overflow: ellipsis; | |
4651 overflow: hidden; | |
4652 } | |
4653 | |
4654 .styles-section .header .subtitle a { | |
4655 color: inherit; | |
4656 } | |
4657 | |
4658 .styles-section a::before { | |
4659 content: attr(data-uncopyable); | |
4660 } | |
4661 | |
4662 .styles-section .properties { | |
4663 display: none; | |
4664 margin: 0; | |
4665 padding: 2px 4px 0 8px; | |
4666 list-style: none; | |
4667 } | |
4668 | |
4669 .styles-section.no-affect .properties li { | |
4670 opacity: 0.5; | |
4671 } | |
4672 | |
4673 .styles-section.no-affect .properties li.editing { | |
4674 opacity: 1.0; | |
4675 } | |
4676 | |
4677 .styles-section.expanded .properties { | |
4678 display: block; | |
4679 } | |
4680 | |
4681 .styles-section .properties li { | |
4682 margin-left: 12px; | |
4683 white-space: nowrap; | |
4684 text-overflow: ellipsis; | |
4685 overflow: hidden; | |
4686 cursor: auto; | |
4687 } | |
4688 | |
4689 .styles-section .properties li.parent { | |
4690 margin-left: 1px; | |
4691 } | |
4692 | |
4693 .styles-section .properties ol { | |
4694 display: none; | |
4695 margin: 0; | |
4696 -webkit-padding-start: 12px; | |
4697 list-style: none; | |
4698 } | |
4699 | |
4700 .styles-section .properties ol.expanded { | |
4701 display: block; | |
4702 } | |
4703 | |
4704 .styles-section .properties li.parent::before { | |
4705 content: url(Images/treeRightTriangleBlack.png); | |
4706 opacity: 0.75; | |
4707 float: left; | |
4708 width: 8px; | |
4709 height: 8px; | |
4710 margin-top: 0; | |
4711 padding-right: 3px; | |
4712 -webkit-user-select: none; | |
4713 cursor: default; | |
4714 } | |
4715 | |
4716 .styles-section .properties li.parent.expanded::before { | |
4717 content: url(Images/treeDownTriangleBlack.png); | |
4718 margin-top: 1px; | |
4719 } | |
4720 | |
4721 .styles-section .properties li .info { | |
4722 padding-top: 4px; | |
4723 padding-bottom: 3px; | |
4724 } | |
4725 | |
4726 .styles-section:hover .properties .enabled-button { | |
4727 display: block; | |
4728 } | |
4729 | |
4730 .styles-section .properties li.disabled .enabled-button { | |
4731 display: block; | |
4732 } | |
4733 | |
4734 .styles-section .properties .enabled-button { | |
4735 display: none; | |
4736 float: right; | |
4737 font-size: 10px; | |
4738 margin: 0 0 0 4px; | |
4739 vertical-align: top; | |
4740 position: relative; | |
4741 z-index: 1; | |
4742 } | |
4743 | |
4744 .styles-section .properties .overloaded, .styles-section .properties .inactive,
.styles-section .properties .disabled { | |
4745 text-decoration: line-through; | |
4746 } | |
4747 | |
4748 .styles-section.computed-style .properties .disabled { | |
4749 text-decoration: none; | |
4750 opacity: 0.5; | |
4751 } | |
4752 | |
4753 .styles-section .properties .implicit, .styles-section .properties .inherited { | |
4754 opacity: 0.5; | |
4755 } | |
4756 | |
4757 | |
4758 .body .styles-section .properties .inherited { | |
4759 display: none; | |
4760 } | |
4761 | |
4762 .body.show-inherited .styles-section .properties .inherited { | |
4763 display: block; | |
4764 } | |
4765 | |
4766 a.worker-item:hover { | |
4767 color: rgb(15%, 15%, 15%); | |
4768 } | |
4769 | |
4770 .resource-content-unavailable { | |
4771 color: rgb(50%, 50%, 50%); | |
4772 font-style: italic; | |
4773 font-size: 14px; | |
4774 text-align: center; | |
4775 padding: 32px; | |
4776 } | |
4777 | |
4778 .node-link { | |
4779 text-decoration: underline; | |
4780 cursor: pointer; | |
4781 } | |
4782 | |
4783 .cursor-pointer { | |
4784 cursor: pointer; | |
4785 } | |
4786 | |
4787 .cursor-auto { | |
4788 cursor: auto; | |
4789 } | |
4790 | |
4791 /* inspectorSyntaxHighlight.css */ | |
4792 | |
4793 /* | |
4794 * Copyright (C) 2009 Apple Inc. All rights reserved. | |
4795 * | |
4796 * Redistribution and use in source and binary forms, with or without | |
4797 * modification, are permitted provided that the following conditions | |
4798 * are met: | |
4799 * | |
4800 * 1. Redistributions of source code must retain the above copyright | |
4801 * notice, this list of conditions and the following disclaimer. | |
4802 * 2. Redistributions in binary form must reproduce the above copyright | |
4803 * notice, this list of conditions and the following disclaimer in the | |
4804 * documentation and/or other materials provided with the distribution. | |
4805 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
4806 * its contributors may be used to endorse or promote products derived | |
4807 * from this software without specific prior written permission. | |
4808 * | |
4809 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
4810 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
4811 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
4812 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
4813 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
4814 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
4815 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
4816 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
4817 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
4818 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
4819 */ | |
4820 | |
4821 .webkit-css-comment { | |
4822 color: rgb(0, 116, 0); | |
4823 } | |
4824 | |
4825 .webkit-css-url, .webkit-css-color, .webkit-css-string, .webkit-css-keyword { | |
4826 color: rgb(7, 144, 154); | |
4827 } | |
4828 | |
4829 .webkit-css-number { | |
4830 color: rgb(50, 0, 255); | |
4831 } | |
4832 | |
4833 .webkit-css-property, .webkit-css-at-rule { | |
4834 color: rgb(200, 0, 0); | |
4835 } | |
4836 | |
4837 .webkit-css-selector { | |
4838 color: black; | |
4839 } | |
4840 | |
4841 .webkit-css-important { | |
4842 color: rgb(200, 0, 180); | |
4843 } | |
4844 | |
4845 .webkit-javascript-comment { | |
4846 color: rgb(0, 116, 0); | |
4847 } | |
4848 | |
4849 .webkit-javascript-keyword { | |
4850 color: rgb(170, 13, 145); | |
4851 } | |
4852 | |
4853 .webkit-javascript-number { | |
4854 color: rgb(28, 0, 207); | |
4855 } | |
4856 | |
4857 .webkit-javascript-string, .webkit-javascript-regexp { | |
4858 color: rgb(196, 26, 22); | |
4859 } | |
4860 | |
4861 .webkit-javascript-ident { | |
4862 color: black; | |
4863 } | |
4864 | |
4865 .webkit-html-comment { | |
4866 /* Keep this in sync with view-source.css (.webkit-html-comment) */ | |
4867 color: rgb(35, 110, 37); | |
4868 } | |
4869 | |
4870 .webkit-html-tag { | |
4871 /* Keep this in sync with view-source.css (.webkit-html-tag) */ | |
4872 color: rgb(136, 18, 128); | |
4873 } | |
4874 | |
4875 .webkit-html-doctype { | |
4876 /* Keep this in sync with view-source.css (.webkit-html-doctype) */ | |
4877 color: rgb(192, 192, 192); | |
4878 } | |
4879 | |
4880 .webkit-html-attribute-name { | |
4881 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */ | |
4882 color: rgb(153, 69, 0); | |
4883 } | |
4884 | |
4885 .webkit-html-attribute-value { | |
4886 /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */ | |
4887 color: rgb(26, 26, 166); | |
4888 } | |
4889 | |
4890 .webkit-html-external-link, .webkit-html-resource-link { | |
4891 /* Keep this in sync with view-source.css (.webkit-html-external-link, .webk
it-html-resource-link) */ | |
4892 color: #00e; | |
4893 } | |
4894 | |
4895 .webkit-html-external-link { | |
4896 /* Keep this in sync with view-source.css (.webkit-html-external-link) */ | |
4897 text-decoration: none; | |
4898 } | |
4899 | |
4900 .webkit-html-external-link:hover { | |
4901 /* Keep this in sync with view-source.css (.webkit-html-external-link:hover)
*/ | |
4902 text-decoration: underline; | |
4903 } | |
4904 | |
4905 /* networkPanel.css */ | |
4906 | |
4907 .network-larger-resources-status-bar-item .glyph { | |
4908 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | |
4909 } | |
4910 | |
4911 .network-sidebar .data-grid { | |
4912 border: none; | |
4913 position: absolute; | |
4914 top: 0; | |
4915 left: 0; | |
4916 right: 0; | |
4917 bottom: 0; | |
4918 font-size: 11px; | |
4919 } | |
4920 | |
4921 .network-sidebar .data-grid table.data { | |
4922 -webkit-background-size: 1px 82px; | |
4923 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))); | |
4924 font-size: 11px; | |
4925 } | |
4926 | |
4927 .network-sidebar .data-grid.small table.data { | |
4928 -webkit-background-size: 1px 42px; | |
4929 } | |
4930 | |
4931 .network-sidebar .data-grid td:not(.network-summary) { | |
4932 line-height: 17px; | |
4933 height: 37px; | |
4934 border-right: 1px solid rgb(210, 210, 210); | |
4935 vertical-align: middle; | |
4936 } | |
4937 | |
4938 .network-sidebar .data-grid.small td { | |
4939 height: 17px; | |
4940 } | |
4941 | |
4942 .network-sidebar .data-grid th { | |
4943 border-bottom: 1px solid rgb(64%, 64%, 64%); | |
4944 height: 30px; | |
4945 font-size: 11px; | |
4946 font-weight: bold; | |
4947 } | |
4948 | |
4949 .network-sidebar .data-grid.small th { | |
4950 height: 22px; | |
4951 } | |
4952 | |
4953 .network-sidebar .data-grid th, .network.panel .data-grid th.sort-descending, .n
etwork.panel .data-grid th.sort-ascending { | |
4954 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | |
4955 } | |
4956 | |
4957 .network-sidebar .data-grid .data-container { | |
4958 top: 31px; | |
4959 } | |
4960 | |
4961 .network-sidebar .data-grid.small .data-container { | |
4962 top: 23px; | |
4963 } | |
4964 | |
4965 .network-sidebar .data-grid select { | |
4966 -webkit-appearance: none; | |
4967 background-color: transparent; | |
4968 border: none; | |
4969 width: 100%; | |
4970 font-size: 11px; | |
4971 font-weight: bold; | |
4972 } | |
4973 | |
4974 .network-sidebar .data-grid tr.filler { | |
4975 background-color: white; | |
4976 } | |
4977 | |
4978 .network-sidebar .data-grid td.name-column { | |
4979 font-weight: bold; | |
4980 cursor: pointer; | |
4981 } | |
4982 | |
4983 .network.panel:not(.viewing-resource) .network-sidebar td.name-column:hover { | |
4984 text-decoration: underline; | |
4985 } | |
4986 | |
4987 .network-sidebar .data-grid td.method-column, | |
4988 .network-sidebar .data-grid td.status-column, | |
4989 .network-sidebar .data-grid td.type-column, | |
4990 .network-sidebar .data-grid td.size-column, | |
4991 .network-sidebar .data-grid td.time-column { | |
4992 background-color: rgba(0, 0, 0, 0.07); | |
4993 } | |
4994 | |
4995 .network-sidebar .data-grid td.size-column, | |
4996 .network-sidebar .data-grid td.time-column { | |
4997 text-align: right; | |
4998 } | |
4999 | |
5000 .network-sidebar .small .network-graph-side { | |
5001 height: 14px; | |
5002 } | |
5003 | |
5004 .network-sidebar .data-grid th.sortable:active { | |
5005 background-image: none; | |
5006 } | |
5007 | |
5008 .network-cell-subtitle { | |
5009 font-weight: normal; | |
5010 color: gray; | |
5011 } | |
5012 | |
5013 .network-sidebar tr.selected .network-cell-subtitle { | |
5014 color: white; | |
5015 } | |
5016 | |
5017 .network-header-subtitle { | |
5018 color: gray; | |
5019 } | |
5020 | |
5021 .network-sidebar .data-grid.small .network-cell-subtitle, | |
5022 .network-sidebar .data-grid.small .network-header-subtitle | |
5023 { | |
5024 display: none; | |
5025 } | |
5026 | |
5027 /* Resource preview icons */ | |
5028 | |
5029 .network-sidebar .data-grid .icon { | |
5030 content: url(Images/resourcePlainIcon.png); | |
5031 } | |
5032 | |
5033 .network-sidebar .data-grid.small .icon { | |
5034 content: url(Images/resourcePlainIconSmall.png); | |
5035 } | |
5036 | |
5037 .network-sidebar .network-category-scripts .icon { | |
5038 content: url(Images/resourceJSIcon.png); | |
5039 } | |
5040 | |
5041 .network-sidebar .data-grid.small .network-category-scripts .icon { | |
5042 content: url(Images/resourceDocumentIconSmall.png); | |
5043 } | |
5044 | |
5045 .network-sidebar .network-category-documents .icon { | |
5046 content: url(Images/resourceDocumentIcon.png); | |
5047 } | |
5048 | |
5049 .network-sidebar .data-grid.small .network-category-documents .icon { | |
5050 content: url(Images/resourceDocumentIconSmall.png); | |
5051 } | |
5052 | |
5053 .network-sidebar .network-category-stylesheets .icon { | |
5054 content: url(Images/resourceCSSIcon.png); | |
5055 } | |
5056 | |
5057 .network-sidebar .data-grid.small .network-category-stylesheets .icon { | |
5058 content: url(Images/resourceDocumentIconSmall.png); | |
5059 } | |
5060 | |
5061 .network-sidebar .network-category-images .icon { | |
5062 position: relative; | |
5063 background-image: url(Images/resourcePlainIcon.png); | |
5064 background-repeat: no-repeat; | |
5065 content: ""; | |
5066 } | |
5067 | |
5068 .network-sidebar .data-grid.small .network-category-images .icon { | |
5069 background-image: url(Images/resourcePlainIconSmall.png); | |
5070 content: ""; | |
5071 } | |
5072 | |
5073 .network-sidebar .data-grid .icon { | |
5074 float: left; | |
5075 width: 32px; | |
5076 height: 32px; | |
5077 margin-top: 1px; | |
5078 margin-right: 3px; | |
5079 } | |
5080 | |
5081 .network-sidebar .data-grid.small .icon { | |
5082 width: 16px; | |
5083 height: 16px; | |
5084 } | |
5085 | |
5086 .network-sidebar .image-network-icon-preview { | |
5087 position: absolute; | |
5088 margin: auto; | |
5089 top: 3px; | |
5090 bottom: 4px; | |
5091 left: 5px; | |
5092 right: 5px; | |
5093 max-width: 18px; | |
5094 max-height: 21px; | |
5095 min-width: 1px; | |
5096 min-height: 1px; | |
5097 } | |
5098 | |
5099 .network-sidebar .data-grid.small .image-network-icon-preview { | |
5100 top: 2px; | |
5101 bottom: 1px; | |
5102 left: 3px; | |
5103 right: 3px; | |
5104 max-width: 8px; | |
5105 max-height: 11px; | |
5106 } | |
5107 | |
5108 /* Graph styles */ | |
5109 | |
5110 .network-graph-side { | |
5111 position: relative; | |
5112 height: 36px; | |
5113 padding: 0 5px; | |
5114 white-space: nowrap; | |
5115 margin-top: 1px; | |
5116 border-top: 1px solid transparent; | |
5117 overflow: hidden; | |
5118 } | |
5119 | |
5120 .network-graph-bar-area { | |
5121 position: absolute; | |
5122 top: 0; | |
5123 bottom: 0; | |
5124 right: 8px; | |
5125 left: 9px; | |
5126 } | |
5127 | |
5128 .network-graph-label { | |
5129 position: absolute; | |
5130 top: 0; | |
5131 bottom: 0; | |
5132 margin: auto -7px; | |
5133 height: 13px; | |
5134 line-height: 13px; | |
5135 font-size: 9px; | |
5136 color: rgba(0, 0, 0, 0.75); | |
5137 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; | |
5138 z-index: 150; | |
5139 overflow: hidden; | |
5140 text-align: center; | |
5141 font-weight: bold; | |
5142 opacity: 0; | |
5143 -webkit-transition: opacity 250ms ease-in-out; | |
5144 } | |
5145 | |
5146 .network-graph-side:hover .network-graph-label { | |
5147 opacity: 1; | |
5148 } | |
5149 | |
5150 .network-graph-label:empty { | |
5151 display: none; | |
5152 } | |
5153 | |
5154 .network-graph-label.waiting { | |
5155 margin-right: 5px; | |
5156 } | |
5157 | |
5158 .network-graph-label.waiting-right { | |
5159 margin-left: 5px; | |
5160 } | |
5161 | |
5162 .network-graph-label.before { | |
5163 color: rgba(0, 0, 0, 0.7); | |
5164 text-shadow: none; | |
5165 text-align: right; | |
5166 margin-right: 2px; | |
5167 } | |
5168 | |
5169 .network-graph-label.before::after { | |
5170 padding-left: 2px; | |
5171 height: 6px; | |
5172 content: url(Images/graphLabelCalloutLeft.png); | |
5173 } | |
5174 | |
5175 .network-graph-label.after { | |
5176 color: rgba(0, 0, 0, 0.7); | |
5177 text-shadow: none; | |
5178 text-align: left; | |
5179 margin-left: 2px; | |
5180 } | |
5181 | |
5182 .network-graph-label.after::before { | |
5183 padding-right: 2px; | |
5184 height: 6px; | |
5185 content: url(Images/graphLabelCalloutRight.png); | |
5186 } | |
5187 | |
5188 .network-graph-bar { | |
5189 position: absolute; | |
5190 top: 0; | |
5191 bottom: 0; | |
5192 margin: auto -7px; | |
5193 border-width: 6px 7px; | |
5194 height: 13px; | |
5195 min-width: 14px; | |
5196 opacity: 0.65; | |
5197 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
5198 } | |
5199 | |
5200 .network-graph-bar.waiting, .network-graph-bar.waiting-right { | |
5201 opacity: 0.35; | |
5202 } | |
5203 | |
5204 /* Resource categories */ | |
5205 | |
5206 | |
5207 .resource-cached .network-graph-bar { | |
5208 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
5209 } | |
5210 | |
5211 .network-category-documents .network-graph-bar { | |
5212 -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7; | |
5213 } | |
5214 | |
5215 .network-category-documents.resource-cached .network-graph-bar { | |
5216 -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7; | |
5217 } | |
5218 | |
5219 .network-category-stylesheets .network-graph-bar { | |
5220 -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7; | |
5221 } | |
5222 | |
5223 .network-category-stylesheets.resource-cached .network-graph-bar { | |
5224 -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7; | |
5225 } | |
5226 | |
5227 .network-category-images .network-graph-bar { | |
5228 -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; | |
5229 } | |
5230 | |
5231 .network-category-images.resource-cached .network-graph-bar { | |
5232 -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7; | |
5233 } | |
5234 | |
5235 .network-category-fonts .network-graph-bar { | |
5236 -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7; | |
5237 } | |
5238 | |
5239 .network-category-fonts.resource-cached .network-graph-bar { | |
5240 -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7; | |
5241 } | |
5242 | |
5243 .network-category-scripts .network-graph-bar { | |
5244 -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7; | |
5245 } | |
5246 | |
5247 .network-category-scripts.resource-cached .network-graph-bar { | |
5248 -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7; | |
5249 } | |
5250 | |
5251 .network-category-xhr .network-graph-bar { | |
5252 -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7; | |
5253 } | |
5254 | |
5255 .network-category-xhr.resource-cached .network-graph-bar { | |
5256 -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7; | |
5257 } | |
5258 | |
5259 .network-category-websockets .network-graph-bar { | |
5260 -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7; | |
5261 } | |
5262 | |
5263 .network-category-websockets.resource-cached .network-graph-bar { | |
5264 -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7; | |
5265 } | |
5266 | |
5267 | |
5268 /* Popover */ | |
5269 | |
5270 .network-timing-row { | |
5271 position: relative; | |
5272 height: 16px; | |
5273 } | |
5274 | |
5275 .network-timing-bar { | |
5276 position: absolute; | |
5277 background-color: red; | |
5278 border-left: 1px solid red; | |
5279 opacity: 0.4; | |
5280 top: 0; | |
5281 bottom: 0; | |
5282 } | |
5283 | |
5284 .network-timing-bar-title { | |
5285 position: absolute; | |
5286 color: black; | |
5287 top: 1px; | |
5288 } | |
5289 | |
5290 .network-dim-cell { | |
5291 color: grey; | |
5292 } | |
5293 | |
5294 /* Dividers */ | |
5295 | |
5296 .network-timeline-grid { | |
5297 position: absolute; | |
5298 top: 0; | |
5299 bottom: 0; | |
5300 left: 0; | |
5301 right: 0; | |
5302 pointer-events: none; | |
5303 } | |
5304 | |
5305 .network-event-divider-padding { | |
5306 position: absolute; | |
5307 width: 8px; | |
5308 top: 0; | |
5309 bottom: 0; | |
5310 pointer-events: auto; | |
5311 } | |
5312 | |
5313 .network-event-divider { | |
5314 position: absolute; | |
5315 width: 2px; | |
5316 top: 31px; | |
5317 bottom: 0; | |
5318 z-index: 300; | |
5319 } | |
5320 | |
5321 .network-sidebar .network-timeline-grid.small .network-event-divider { | |
5322 top: 23px; | |
5323 } | |
5324 | |
5325 .network-red-divider { | |
5326 background-color: rgba(255, 0, 0, 0.5); | |
5327 } | |
5328 | |
5329 .network-blue-divider { | |
5330 background-color: rgba(0, 0, 255, 0.5); | |
5331 } | |
5332 | |
5333 .network-sidebar .resources-dividers { | |
5334 z-index: 0; | |
5335 } | |
5336 | |
5337 .network-sidebar .resources-dividers-label-bar { | |
5338 background-color: transparent; | |
5339 border: none; | |
5340 height: 30px; | |
5341 pointer-events: none; | |
5342 } | |
5343 | |
5344 .network-sidebar .network-timeline-grid.small .resources-dividers-label-bar { | |
5345 height: 23px; | |
5346 } | |
5347 | |
5348 .network-sidebar .resources-divider-label { | |
5349 top: 0px; | |
5350 margin-top: -4px; | |
5351 color: black; | |
5352 } | |
5353 | |
5354 .network-sidebar .resources-dividers-label-bar .resources-divider { | |
5355 top: 23px; | |
5356 } | |
5357 | |
5358 .network-sidebar .network-timeline-grid.small .resources-dividers-label-bar .res
ources-divider { | |
5359 top: 15px; | |
5360 } | |
5361 | |
5362 .network-sidebar .resources-divider.first .resources-divider-label { | |
5363 display: none; | |
5364 } | |
5365 | |
5366 .network-sidebar .resources-dividers-label-bar .resources-divider.first { | |
5367 background-color: transparent; | |
5368 } | |
5369 | |
5370 /* Filters */ | |
5371 #network-filter { | |
5372 margin-top: 1px; | |
5373 } | |
5374 | |
5375 .data-grid table.data tr.revealed.network-item { | |
5376 display: none; | |
5377 } | |
5378 | |
5379 .data-grid.filter-all table.data tr.revealed.network-item, | |
5380 .data-grid.filter-documents table.data tr.revealed.network-category-documents, | |
5381 .data-grid.filter-stylesheets table.data tr.revealed.network-category-stylesheet
s, | |
5382 .data-grid.filter-images table.data tr.revealed.network-category-images, | |
5383 .data-grid.filter-scripts table.data tr.revealed.network-category-scripts, | |
5384 .data-grid.filter-xhr table.data tr.revealed.network-category-xhr, | |
5385 .data-grid.filter-fonts table.data tr.revealed.network-category-fonts, | |
5386 .data-grid.filter-websockets table.data tr.revealed.network-category-websockets, | |
5387 .data-grid.filter-other table.data tr.revealed.network-category-other { | |
5388 display: table-row; | |
5389 } | |
5390 | |
5391 /* Summary */ | |
5392 | |
5393 .network-summary-bar { | |
5394 background-color: rgb(101, 111, 130); | |
5395 color: white; | |
5396 height: 20px; | |
5397 font-size: 11px; | |
5398 font-weight: bold; | |
5399 padding-top: 3px; | |
5400 padding-left: 10px; | |
5401 z-index: 2000; | |
5402 white-space: pre; | |
5403 overflow : hidden; | |
5404 text-overflow : ellipsis; | |
5405 } | |
5406 | |
5407 .network-summary-bar-bottom { | |
5408 position: absolute; | |
5409 bottom: 0; | |
5410 left: 0; | |
5411 right: 0; | |
5412 padding-top: 3px; | |
5413 } | |
5414 | |
5415 .data-grid td .network-summary-bar { | |
5416 white-space: pre; | |
5417 } | |
5418 | |
5419 .network-sidebar .data-grid td.network-summary { | |
5420 padding: 0; | |
5421 } | |
5422 | |
5423 /* Viewer */ | |
5424 | |
5425 .network.panel.viewing-resource .network-sidebar .data-grid td, | |
5426 .network.panel.viewing-resource .network-sidebar .data-grid th { | |
5427 border-right: none; | |
5428 } | |
5429 | |
5430 .network.panel.viewing-resource .data-grid th.corner { | |
5431 display: none; | |
5432 } | |
5433 | |
5434 #network-container { | |
5435 position: absolute; | |
5436 top: 0; | |
5437 left: 0; | |
5438 bottom: 0; | |
5439 right: 0; | |
5440 border-right: 0 none transparent; | |
5441 overflow-y: auto; | |
5442 overflow-x: hidden; | |
5443 } | |
5444 | |
5445 .network.panel.viewing-resource #network-container { | |
5446 border-right: 1px solid rgb(163, 163, 163); | |
5447 } | |
5448 | |
5449 #network-views { | |
5450 position: absolute; | |
5451 background: rgb(203, 203, 203); | |
5452 top: 0; | |
5453 right: 0; | |
5454 bottom: 0; | |
5455 left: 0; | |
5456 } | |
5457 | |
5458 #network-close-button { | |
5459 position: absolute; | |
5460 width: 14px; | |
5461 height: 14px; | |
5462 background-image: url(Images/closeButtons.png); | |
5463 background-position: 0 0; | |
5464 background-color: transparent; | |
5465 border: 0 none transparent; | |
5466 top: 8px; | |
5467 left: 5px; | |
5468 z-index: 10; | |
5469 display: none; | |
5470 } | |
5471 | |
5472 #network-views.small #network-close-button { | |
5473 top: 4px; | |
5474 } | |
5475 | |
5476 #network-close-button:hover { | |
5477 background-position: 14px 0; | |
5478 } | |
5479 | |
5480 #network-close-button:active { | |
5481 background-position: 28px 0; | |
5482 } | |
5483 | |
5484 .network.panel.viewing-resource #network-close-button { | |
5485 display: block; | |
5486 } | |
5487 | |
5488 | |
5489 .network-sidebar .data-grid.full-grid-mode .viewer-column { | |
5490 display: none; | |
5491 } | |
5492 | |
5493 .network-sidebar .data-grid.brief-grid-mode .viewer-column, | |
5494 .network-sidebar .data-grid.brief-grid-mode .method-column, | |
5495 .network-sidebar .data-grid.brief-grid-mode .status-column, | |
5496 .network-sidebar .data-grid.brief-grid-mode .type-column, | |
5497 .network-sidebar .data-grid.brief-grid-mode .size-column, | |
5498 .network-sidebar .data-grid.brief-grid-mode .time-column { | |
5499 display: none; | |
5500 } | |
5501 | |
5502 .network.panel.viewing-resource .network-timeline-grid { | |
5503 display: none; | |
5504 } | |
5505 | |
5506 .network-sidebar .data-grid.viewing-resource-mode .method-column, | |
5507 .network-sidebar .data-grid.viewing-resource-mode .status-column, | |
5508 .network-sidebar .data-grid.viewing-resource-mode .type-column, | |
5509 .network-sidebar .data-grid.viewing-resource-mode .size-column, | |
5510 .network-sidebar .data-grid.viewing-resource-mode .time-column, | |
5511 .network-sidebar .data-grid.viewing-resource-mode .timeline-column { | |
5512 display: none; | |
5513 } | |
5514 | |
5515 .network.panel .network-sidebar { | |
5516 position: absolute; | |
5517 top: 0; | |
5518 bottom: 0; | |
5519 left: 0; | |
5520 right: 0; | |
5521 } | |
5522 | |
5523 .network.panel:not(.viewing-resource) .sidebar-resizer-vertical { | |
5524 display: none; | |
5525 } | |
5526 | |
5527 .network.panel.viewing-resource .network-sidebar .data-grid-resizer { | |
5528 display: none; | |
5529 } | |
5530 | |
5531 .network.panel .scope-bar { | |
5532 height: 23px; | |
5533 padding-top: 5px; | |
5534 } | |
5535 | |
5536 .network.panel:not(.viewing-resource) .data-grid tr.selected { | |
5537 background-color: transparent; | |
5538 color: black; | |
5539 } | |
5540 | |
5541 #network-views .network-item-view .tabbed-pane-header { | |
5542 height: 31px; | |
5543 padding-top: 8px; | |
5544 padding-left: 25px; | |
5545 white-space: nowrap; | |
5546 } | |
5547 | |
5548 #network-views.small .network-item-view .tabbed-pane-header { | |
5549 height: 23px; | |
5550 padding-top: 0; | |
5551 } | |
5552 | |
5553 .network.panel.viewing-resource .data-grid .data-container { | |
5554 padding-right: 0; | |
5555 } | |
5556 | |
5557 .network-item-view { | |
5558 display: none; | |
5559 position: absolute; | |
5560 background: white; | |
5561 top: 0; | |
5562 left: 0; | |
5563 right: 0; | |
5564 bottom: 0; | |
5565 } | |
5566 | |
5567 .network-item-view.visible { | |
5568 display: -webkit-box; | |
5569 } | |
5570 | |
5571 .network-item-view .tabbed-pane-header { | |
5572 height: 20px; | |
5573 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(236, 236, 236)
), to(rgb(217, 217, 217))); | |
5574 border-bottom: 1px solid rgb(163, 163, 163); | |
5575 } | |
5576 | |
5577 .network-item-view .scope-bar li { | |
5578 border-bottom-left-radius: 0; | |
5579 border-bottom-right-radius: 0; | |
5580 } | |
5581 | |
5582 .resource-headers-view { | |
5583 display: none; | |
5584 padding: 6px; | |
5585 -webkit-user-select: text; | |
5586 position: absolute; | |
5587 top: 0; | |
5588 left: 0; | |
5589 right: 0; | |
5590 bottom: 0; | |
5591 overflow: auto; | |
5592 } | |
5593 | |
5594 .resource-headers-view.visible { | |
5595 display: block; | |
5596 } | |
5597 | |
5598 .resource-headers-view .outline-disclosure .parent { | |
5599 -webkit-user-select: none; | |
5600 font-weight: bold; | |
5601 } | |
5602 | |
5603 .resource-headers-view .outline-disclosure .children li { | |
5604 white-space: nowrap; | |
5605 } | |
5606 | |
5607 .resource-headers-view .outline-disclosure li.expanded .header-count { | |
5608 display: none; | |
5609 } | |
5610 | |
5611 .resource-headers-view .outline-disclosure .header-name { | |
5612 color: rgb(33%, 33%, 33%); | |
5613 display: inline-block; | |
5614 margin-right: 0.5em; | |
5615 font-weight: bold; | |
5616 vertical-align: top; | |
5617 white-space: pre-wrap; | |
5618 } | |
5619 | |
5620 .resource-headers-view .outline-disclosure .header-value { | |
5621 display: inline; | |
5622 margin-right: 100px; | |
5623 white-space: pre-wrap; | |
5624 word-break: break-all; | |
5625 margin-top: 1px; | |
5626 } | |
5627 | |
5628 .resource-headers-view .outline-disclosure .raw-form-data { | |
5629 white-space: pre-wrap; | |
5630 } | |
5631 | |
5632 .resource-cookies-view { | |
5633 display: none; | |
5634 position: absolute; | |
5635 top: 0; | |
5636 right: 0; | |
5637 left: 0; | |
5638 bottom: 0; | |
5639 overflow: auto; | |
5640 padding: 12px; | |
5641 height: 100%; | |
5642 } | |
5643 | |
5644 .resource-cookies-view.visible { | |
5645 display: block; | |
5646 } | |
5647 | |
5648 .resource-cookies-view .data-grid { | |
5649 height: 100%; | |
5650 } | |
5651 | |
5652 .resource-cookies-view .data-grid .row-group { | |
5653 font-weight: bold; | |
5654 font-size: 11px; | |
5655 } | |
5656 | |
5657 .resource-timing-view { | |
5658 display: none; | |
5659 position: absolute; | |
5660 top: 0; | |
5661 right: 0; | |
5662 left: 0; | |
5663 bottom: 0; | |
5664 padding: 6px; | |
5665 font-weight: bold; | |
5666 font-size: 11px; | |
5667 color: rgb(30%, 30%, 30%); | |
5668 } | |
5669 | |
5670 .resource-timing-view table { | |
5671 border-spacing: 21px 0; | |
5672 } | |
5673 | |
5674 .resource-timing-view .network-timing-bar { | |
5675 opacity: 1; | |
5676 } | |
5677 | |
5678 .resource-timing-view .network-timing-bar.proxy { | |
5679 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
39, 228, 176)), to(rgb(139, 128, 76))); | |
5680 border-left: 1px solid rgb(139, 128, 76); | |
5681 } | |
5682 | |
5683 .resource-timing-view .network-timing-bar.dns { | |
5684 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
53, 208, 216)), to(rgb(81, 174, 189))); | |
5685 border-left: 1px solid rgb(81, 174, 189); | |
5686 } | |
5687 | |
5688 .resource-timing-view .network-timing-bar.connecting { | |
5689 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
03, 232, 145)), to(rgb(160, 214, 56))); | |
5690 border-left: 1px solid rgb(160, 214, 56); | |
5691 } | |
5692 | |
5693 .resource-timing-view .network-timing-bar.ssl { | |
5694 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
1, 232, 145)), to(rgb(216, 149, 132))); | |
5695 border-left: 1px solid rgb(216, 149, 132); | |
5696 } | |
5697 | |
5698 .resource-timing-view .network-timing-bar.sending { | |
5699 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
32, 192, 182)), to(rgb(216, 147, 130))); | |
5700 border-left: 1px solid rgb(216, 147, 130); | |
5701 } | |
5702 | |
5703 .resource-timing-view .network-timing-bar.waiting { | |
5704 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
88, 179, 208)), to(rgb(141, 125, 175))); | |
5705 border-left: 1px solid rgb(141, 125, 175); | |
5706 } | |
5707 | |
5708 .resource-timing-view .network-timing-bar.receiving { | |
5709 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
14, 214, 214)), to(rgb(182, 182, 182))); | |
5710 border-left: 1px solid rgb(182, 182, 182); | |
5711 } | |
5712 | |
5713 .resource-timing-view.visible { | |
5714 display: block; | |
5715 } | |
5716 | |
5717 /* helpScreen.css */ | |
5718 | |
5719 .help-window-outer { | |
5720 position: absolute; | |
5721 top: 60px; | |
5722 left: 5%; | |
5723 width: 90%; | |
5724 bottom: 40px; | |
5725 z-index: 2000; | |
5726 } | |
5727 | |
5728 body.attached .help-window-outer { | |
5729 top: 32px; | |
5730 left: 0; | |
5731 width: 100%; | |
5732 bottom: 24px; | |
5733 } | |
5734 | |
5735 .help-window-main { | |
5736 max-height: 100%; | |
5737 opacity: 0.85; | |
5738 color: white; | |
5739 background-color: black; | |
5740 display: -webkit-box; | |
5741 -webkit-box-orient: vertical; | |
5742 border: 20px black solid; | |
5743 border-top-width: 0; | |
5744 border-radius: 8px; | |
5745 -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40); | |
5746 } | |
5747 | |
5748 body.attached .help-window-main { | |
5749 border-width: 10px; | |
5750 border-radius: 0; | |
5751 -webkit-box-shadow: 0 0 0; | |
5752 } | |
5753 | |
5754 .help-window-caption { | |
5755 margin: 8px; | |
5756 } | |
5757 | |
5758 body.attached .help-window-caption { | |
5759 display: none; | |
5760 } | |
5761 | |
5762 .help-window-title { | |
5763 border-bottom: solid 1px lightGrey; | |
5764 font-size: 18px; | |
5765 padding-bottom: 6px; | |
5766 } | |
5767 | |
5768 .help-content { | |
5769 overflow-y: auto; | |
5770 overflow-x: hidden; | |
5771 scrollbar-width: 11px; | |
5772 -webkit-box-flex: 1; | |
5773 } | |
5774 | |
5775 .help-content::-webkit-scrollbar { | |
5776 width: 11px; | |
5777 } | |
5778 | |
5779 .help-content::-webkit-scrollbar-corner, | |
5780 .help-content::-webkit-resizer { | |
5781 display: none; | |
5782 } | |
5783 | |
5784 .help-content::-webkit-scrollbar-thumb:vertical { | |
5785 background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128,
128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96))); | |
5786 border-radius: 5px; | |
5787 min-height: 20px; | |
5788 } | |
5789 | |
5790 .help-content::-webkit-scrollbar-thumb:vertical:hover, | |
5791 .help-content::-webkit-scrollbar-thumb:vertical:active { | |
5792 background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176,
176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144))); | |
5793 } | |
5794 | |
5795 .help-content::-webkit-scrollbar-track:vertical { | |
5796 background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 1
0)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32))); | |
5797 border-radius: 5px; | |
5798 } | |
5799 | |
5800 .help-close-button { | |
5801 border: 0; | |
5802 padding: 0; | |
5803 margin: 0px -20px 15px -20px; | |
5804 font-size: 14px; | |
5805 color: rgb(222, 222, 222); | |
5806 background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 1
28, 128)), to(rgb(80, 80, 80))); | |
5807 border-radius: 8px; | |
5808 height: 16px; | |
5809 width: 16px; | |
5810 } | |
5811 | |
5812 .help-close-button:hover { | |
5813 color: white; | |
5814 } | |
5815 | |
5816 body.platform-mac .help-close-button { | |
5817 float: left; | |
5818 margin-right: 10px; | |
5819 font-size: 12px; | |
5820 } | |
5821 | |
5822 body:not(.platform-mac) .help-close-button { | |
5823 float: right; | |
5824 } | |
5825 | |
5826 .help-table { | |
5827 width: 100%; | |
5828 font-size: 13px; | |
5829 -webkit-user-select: auto; | |
5830 } | |
5831 | |
5832 .help-table th { | |
5833 padding-top: 6px; | |
5834 text-align: left; | |
5835 color: yellow; | |
5836 } | |
5837 | |
5838 .help-table td { | |
5839 white-space: nowrap; | |
5840 vertical-align: top; | |
5841 } | |
5842 | |
5843 .help-key-cell { | |
5844 text-align: right; | |
5845 } | |
5846 | |
5847 .help-key { | |
5848 color: yellow; | |
5849 } | |
5850 | |
5851 body:not(.platform-mac) .help-key { | |
5852 font-weight: bold; | |
5853 text-shadow: black 1px 1px 7px; | |
5854 } | |
5855 | |
5856 body.platform-mac .help-key { | |
5857 font-family: Lucida Grande, sans-serif; | |
5858 font-size: 13px; | |
5859 } | |
5860 | |
5861 .help-combine-keys { | |
5862 color: white; | |
5863 font-weight: bold; | |
5864 margin: 0 0.3em; | |
5865 font-size: 12px; | |
5866 } | |
5867 | |
5868 .help-key-delimiter { | |
5869 color: white; | |
5870 margin: 0 0.5em; | |
5871 } | |
5872 | |
5873 /* popover.css */ | |
5874 | |
5875 .popover { | |
5876 position: absolute; | |
5877 -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25; | |
5878 border-width: 25px; | |
5879 z-index: 100; | |
5880 pointer-events: none; | |
5881 } | |
5882 | |
5883 .popover .content { | |
5884 position: absolute; | |
5885 top: 0; | |
5886 bottom: 0; | |
5887 left: 0; | |
5888 right: 0; | |
5889 pointer-events: auto; | |
5890 overflow: auto; | |
5891 } | |
5892 | |
5893 .popover .arrow { | |
5894 position: absolute; | |
5895 background-image: url(Images/popoverArrows.png); | |
5896 width: 19px; | |
5897 height: 19px; | |
5898 margin-left: 15px; | |
5899 margin-top: -25px; | |
5900 top: 0; | |
5901 left: 0; | |
5902 } | |
5903 | |
5904 .popover.top-left-arrow .arrow { | |
5905 /* The default is top-left, no styles needed. */ | |
5906 } | |
5907 | |
5908 .popover.top-right-arrow .arrow { | |
5909 right: 25px; | |
5910 left: auto; | |
5911 } | |
5912 | |
5913 .popover.bottom-left-arrow .arrow { | |
5914 top: auto; | |
5915 bottom: 0; | |
5916 margin-top: 0; | |
5917 margin-bottom: -25px; | |
5918 background-position: 0 -19px; | |
5919 } | |
5920 | |
5921 .popover.bottom-right-arrow .arrow { | |
5922 right: 15px; | |
5923 left: auto; | |
5924 top: auto; | |
5925 bottom: 0; | |
5926 margin-top: 0; | |
5927 margin-bottom: -25px; | |
5928 background-position: 0 -19px; | |
5929 } | |
5930 | |
5931 .popover.left-top-arrow .arrow { | |
5932 top: 0; | |
5933 margin-top: 15px; | |
5934 margin-left: -25px; | |
5935 background-position: 0 -38px; | |
5936 } | |
5937 | |
5938 .popover.left-bottom-arrow .arrow { | |
5939 top: auto; | |
5940 bottom: 0; | |
5941 margin-bottom: 15px; | |
5942 margin-left: -25px; | |
5943 background-position: 0 -38px; | |
5944 } | |
5945 | |
5946 .popover.right-top-arrow .arrow { | |
5947 right: 0; | |
5948 left: auto; | |
5949 top: 0; | |
5950 margin-top: 15px; | |
5951 margin-right: -25px; | |
5952 background-position: 0 -57px; | |
5953 } | |
5954 | |
5955 .popover.right-bottom-arrow .arrow { | |
5956 right: 0; | |
5957 left: auto; | |
5958 top: auto; | |
5959 bottom: 0; | |
5960 margin-bottom: 15px; | |
5961 margin-right: -25px; | |
5962 background-position: 0 -57px; | |
5963 } | |
5964 | |
5965 .popover ::-webkit-scrollbar { | |
5966 width: 11px; | |
5967 height: 11px; | |
5968 } | |
5969 | |
5970 .popover ::-webkit-scrollbar-corner { | |
5971 display: none; | |
5972 } | |
5973 | |
5974 .popover ::-webkit-resizer { | |
5975 display: none; | |
5976 } | |
5977 | |
5978 /* Horizontal Scrollbar Styles */ | |
5979 | |
5980 .popover ::-webkit-scrollbar:horizontal:corner-present { | |
5981 border-right-width: 0; | |
5982 } | |
5983 | |
5984 .popover ::-webkit-scrollbar-thumb:horizontal { | |
5985 -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11; | |
5986 border-color: transparent; | |
5987 border-width: 0 11px; | |
5988 min-width: 20px; | |
5989 } | |
5990 | |
5991 .popover ::-webkit-scrollbar-thumb:horizontal:hover { | |
5992 -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11; | |
5993 } | |
5994 | |
5995 .popover ::-webkit-scrollbar-thumb:horizontal:active { | |
5996 -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11; | |
5997 } | |
5998 | |
5999 .popover ::-webkit-scrollbar-track-piece:horizontal:start { | |
6000 margin-left: 5px; | |
6001 } | |
6002 | |
6003 .popover ::-webkit-scrollbar-track-piece:horizontal:end { | |
6004 margin-right: 5px; | |
6005 } | |
6006 | |
6007 .popover ::-webkit-scrollbar-track-piece:horizontal:end:corner-present { | |
6008 margin-right: 4px; | |
6009 } | |
6010 | |
6011 .popover ::-webkit-scrollbar-track-piece:horizontal:decrement { | |
6012 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; | |
6013 border-color: transparent; | |
6014 border-width: 0 0 0 11px; | |
6015 } | |
6016 | |
6017 .popover ::-webkit-scrollbar-track-piece:horizontal:increment { | |
6018 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; | |
6019 border-color: transparent; | |
6020 border-width: 0 11px 0 0; | |
6021 } | |
6022 | |
6023 /* Vertical Scrollbar Styles */ | |
6024 | |
6025 | |
6026 .popover ::-webkit-scrollbar:vertical:corner-present { | |
6027 border-bottom-width: 0; | |
6028 } | |
6029 | |
6030 .popover ::-webkit-scrollbar-thumb:vertical { | |
6031 -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0; | |
6032 border-color: transparent; | |
6033 border-width: 11px 0; | |
6034 min-height: 20px; | |
6035 } | |
6036 | |
6037 .popover ::-webkit-scrollbar-thumb:vertical:hover { | |
6038 -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0; | |
6039 } | |
6040 | |
6041 .popover ::-webkit-scrollbar-thumb:vertical:active { | |
6042 -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0; | |
6043 } | |
6044 | |
6045 | |
6046 .popover ::-webkit-scrollbar-track-piece:vertical:start { | |
6047 margin-top: 5px; | |
6048 } | |
6049 | |
6050 .popover ::-webkit-scrollbar-track-piece:vertical:end { | |
6051 margin-bottom: 5px; | |
6052 } | |
6053 | |
6054 .popover ::-webkit-scrollbar-track-piece:vertical:end:corner-present { | |
6055 margin-bottom: 4px; | |
6056 } | |
6057 | |
6058 .popover ::-webkit-scrollbar-track-piece:vertical:decrement { | |
6059 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; | |
6060 border-color: transparent; | |
6061 border-width: 11px 0 0 0; | |
6062 } | |
6063 | |
6064 .popover ::-webkit-scrollbar-track-piece:vertical:increment { | |
6065 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; | |
6066 border-color: transparent; | |
6067 border-width: 0 0 11px 0; | |
6068 } | |
6069 | |
6070 /* Forced Scrollbar Mode Styles */ | |
6071 | |
6072 .popover ::-webkit-scrollbar-button { | |
6073 display: none; | |
6074 } | |
6075 | |
6076 /* textViewer.css */ | |
6077 | |
6078 .text-editor { | |
6079 position: absolute; | |
6080 top:0; | |
6081 left:0; | |
6082 right:0; | |
6083 bottom:0; | |
6084 white-space: pre; | |
6085 overflow: auto; | |
6086 } | |
6087 | |
6088 .text-editor-lines { | |
6089 border: 0; | |
6090 -webkit-border-horizontal-spacing: 0; | |
6091 -webkit-border-vertical-spacing: 0; | |
6092 -webkit-user-select: text; | |
6093 } | |
6094 | |
6095 .webkit-html-message-bubble { | |
6096 -webkit-box-shadow: black 0px 2px 5px; | |
6097 -webkit-border-radius: 9px; | |
6098 -webkit-border-fit: lines; | |
6099 font-size: 10px; | |
6100 font-family: Lucida Grande, sans-serif; | |
6101 font-weight: bold; | |
6102 margin: 6px 25px; | |
6103 padding: 0 7px 1px; | |
6104 z-index:20; | |
6105 } | |
6106 | |
6107 .webkit-html-warning-message { | |
6108 background-color: rgb(100%, 62%, 42%); | |
6109 border: 2px solid rgb(100%, 52%, 21%); | |
6110 } | |
6111 | |
6112 .webkit-html-error-message { | |
6113 background-color: rgb(100%, 42%, 42%); | |
6114 border: 2px solid rgb(100%, 31%, 31%); | |
6115 } | |
6116 | |
6117 .webkit-html-message-line { | |
6118 padding-left: 23px; | |
6119 text-indent: -20px; | |
6120 } | |
6121 | |
6122 .webkit-html-message-line-hover { | |
6123 padding-left: 23px; | |
6124 text-indent: -20px; | |
6125 white-space: auto; | |
6126 text-overflow: auto; | |
6127 overflow: auto; | |
6128 } | |
6129 | |
6130 .webkit-html-message-icon { | |
6131 position: relative; | |
6132 top: 2px; | |
6133 margin: 0 4px; | |
6134 } | |
6135 | |
6136 .webkit-line-number { | |
6137 color: rgb(128, 128, 128); | |
6138 background-color: rgb(240, 240, 240); | |
6139 border-right: 1px solid rgb(187, 187, 187); | |
6140 text-align: right; | |
6141 vertical-align: top; | |
6142 word-break: normal; | |
6143 -webkit-user-select: none; | |
6144 padding-right: 4px; | |
6145 padding-left: 6px; | |
6146 } | |
6147 | |
6148 .webkit-line-number-outer { | |
6149 margin-right: -4px; | |
6150 margin-left: -4px; | |
6151 border-color: transparent; | |
6152 border-style: solid; | |
6153 border-width: 0 0 0px 2px; | |
6154 vertical-align: top; | |
6155 } | |
6156 | |
6157 .webkit-line-number-inner { | |
6158 margin-right: 4px; | |
6159 } | |
6160 | |
6161 .webkit-breakpoint .webkit-line-number-inner, .webkit-breakpoint-conditional .we
bkit-line-number-inner, .webkit-execution-line .webkit-line-number-inner { | |
6162 margin-right: -10px; | |
6163 } | |
6164 | |
6165 .webkit-line-content { | |
6166 width: 100%; | |
6167 padding-left: 2px; | |
6168 vertical-align: top; | |
6169 } | |
6170 | |
6171 .webkit-breakpoint .webkit-line-number-outer { | |
6172 color: white; | |
6173 border-width: 0 14px 0px 2px; | |
6174 -webkit-border-image: url(Images/breakpointBorder.png) 0 14 0 2; | |
6175 } | |
6176 | |
6177 .webkit-breakpoint-conditional .webkit-line-number-outer { | |
6178 color: white; | |
6179 border-width: 0 14px 0px 2px; | |
6180 -webkit-border-image: url(Images/breakpointConditionalBorder.png) 0 14 0 2; | |
6181 } | |
6182 | |
6183 .webkit-execution-line .webkit-line-number-outer { | |
6184 color: transparent; | |
6185 border-width: 0 14px 0px 2px; | |
6186 -webkit-border-image: url(Images/programCounterBorder.png) 0 14 0 2; | |
6187 } | |
6188 | |
6189 .webkit-breakpoint.webkit-execution-line .webkit-line-number-outer { | |
6190 color: white; | |
6191 -webkit-border-image: url(Images/breakpointCounterBorder.png) 0 14 0 2; | |
6192 } | |
6193 | |
6194 .webkit-breakpoint.webkit-execution-line .webkit-line-number-outer { | |
6195 color: transparent; | |
6196 -webkit-border-image: url(Images/breakpointCounterBorder.png) 0 14 0 2; | |
6197 } | |
6198 | |
6199 .webkit-breakpoint-conditional.webkit-execution-line .webkit-line-number-outer { | |
6200 color: transparent; | |
6201 -webkit-border-image: url(Images/breakpointConditionalCounterBorder.png) 0 1
4 0 2; | |
6202 } | |
6203 | |
6204 .webkit-breakpoint-disabled .webkit-line-number-outer { | |
6205 opacity: 0.5; | |
6206 } | |
6207 | |
6208 .breakpoints-deactivated .webkit-breakpoint .webkit-line-number-outer { | |
6209 opacity: 0.5; | |
6210 } | |
6211 | |
6212 .breakpoints-deactivated .webkit-breakpoint-disabled .webkit-line-number-outer { | |
6213 opacity: 0.3; | |
6214 } | |
6215 | |
6216 .webkit-execution-line .webkit-line-content { | |
6217 background-color: rgb(171, 191, 254); | |
6218 outline: 1px solid rgb(64, 115, 244); | |
6219 } | |
6220 | |
6221 .diff-container .webkit-added-line .webkit-line-content { | |
6222 background-color: rgb(220, 255, 220); | |
6223 } | |
6224 | |
6225 .diff-container .webkit-removed-line .webkit-line-content { | |
6226 background-color: rgb(255, 220, 220); | |
6227 text-decoration: line-through; | |
6228 } | |
6229 | |
6230 .diff-container .webkit-changed-line .webkit-line-content { | |
6231 background-color: rgb(220, 220, 255); | |
6232 } | |
6233 | |
6234 .webkit-search-result { | |
6235 -webkit-border-radius: 4px; | |
6236 padding: 2px 2px 2px 3px; | |
6237 margin: -2px -2px -2px -3px; | |
6238 opacity: 0.8; | |
6239 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; | |
6240 background-color: rgb(241, 234, 0); | |
6241 color: black; | |
6242 } | |
6243 | |
6244 .webkit-highlighted-line .webkit-line-content { | |
6245 -webkit-animation: "fadeout" 2s 0s; | |
6246 } | |
6247 | |
6248 @-webkit-keyframes fadeout { | |
6249 from {background-color: rgb(255, 255, 120); } | |
6250 to { background-color: white; } | |
6251 } | |
6252 | |
6253 /* devTools.css */ | |
6254 | |
6255 .data-grid table { | |
6256 line-height: 120%; | |
6257 } | |
6258 | |
6259 body.attached #toolbar { | |
6260 height: 34px; | |
6261 border-top: 1px solid rgb(100, 100, 100); | |
6262 cursor: default; /* overriden */ | |
6263 padding-left: 0; | |
6264 } | |
6265 | |
6266 /* Chrome theme overrides */ | |
6267 | |
6268 body.platform-windows #toolbar, body.platform-windows.inactive #toolbar { | |
6269 background-image: none; | |
6270 } | |
6271 | |
6272 body.detached.platform-mac-leopard #toolbar { | |
6273 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
75, 175, 175)), to(rgb(151, 151, 151))) !important; | |
6274 } | |
6275 | |
6276 body.detached.platform-mac-leopard.inactive #toolbar { | |
6277 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
21, 221, 221)), to(rgb(207, 207, 207))) !important; | |
6278 } | |
6279 | |
6280 body.detached.platform-mac-snowleopard #toolbar { | |
6281 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
89, 189, 189)), to(rgb(151, 151, 151))) !important; | |
6282 } | |
6283 | |
6284 body.detached.platform-mac-snowleopard.inactive #toolbar { | |
6285 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
15, 215, 215)), to(rgb(207, 207, 207))) !important; | |
6286 } | |
6287 | |
6288 body.platform-linux #scripts-files { | |
6289 font-size: 11px; | |
6290 font-weight: normal; | |
6291 line-height: 12px; | |
6292 } | |
6293 | |
6294 .console-group-messages .section > .header { | |
6295 padding: 0 8px 0 0; | |
6296 background-image: none; | |
6297 border: none; | |
6298 min-height: 0; | |
6299 } | |
6300 | |
6301 #resources-filter { | |
6302 background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 23
3, 233)), to(rgb(233, 233, 233))); | |
6303 } | |
6304 | |
6305 .crumbs .crumb { | |
6306 -webkit-border-image: url(Images/segmentChromium.png) 0 12 0 2; | |
6307 margin-right: -3px; | |
6308 padding-left: 6px; | |
6309 } | |
6310 | |
6311 .crumbs .crumb.selected { | |
6312 -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2; | |
6313 color: white; | |
6314 text-shadow: rgba(255, 255, 255, 0.5) 0 0px 0; | |
6315 } | |
6316 | |
6317 .crumbs .crumb.selected:hover { | |
6318 -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2; | |
6319 } | |
6320 | |
6321 .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
6322 -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2; | |
6323 } | |
6324 | |
6325 .crumbs .crumb:hover { | |
6326 -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2; | |
6327 } | |
6328 | |
6329 .crumbs .crumb.dimmed:hover { | |
6330 -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2; | |
6331 } | |
6332 | |
6333 .crumbs .crumb.end:hover { | |
6334 -webkit-border-image: url(Images/segmentHoverEndChromium.png) 0 2 0 2; | |
6335 } | |
6336 | |
6337 body.drawer-visible #main-status-bar { | |
6338 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackgroundChromium.png); | |
6339 } | |
6340 | |
6341 .status-bar { | |
6342 background-image: url(Images/statusbarBackgroundChromium.png); | |
6343 } | |
6344 | |
6345 button.status-bar-item { | |
6346 background-image: url(Images/statusbarButtonsChromium.png); | |
6347 } | |
6348 | |
6349 select.status-bar-item:active { | |
6350 -webkit-border-image: url(Images/statusbarMenuButtonSelectedChromium.png) 0
17 0 2; | |
6351 } | |
6352 | |
6353 #drawer { | |
6354 background-image: url(Images/statusbarBottomBackgroundChromium.png); | |
6355 } | |
6356 | |
6357 select.status-bar-item { | |
6358 -webkit-border-image: url(Images/statusbarMenuButtonChromium.png) 0 17 0 2; | |
6359 } | |
6360 | |
6361 .scope-bar li.selected { | |
6362 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | |
6363 } | |
6364 | |
6365 .scope-bar li:active { | |
6366 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | |
6367 } | |
6368 | |
6369 .timeline-category-statusbar-item input { | |
6370 vertical-align: middle; | |
6371 } | |
6372 | |
OLD | NEW |