Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(62)

Side by Side Diff: chrome_mac/Google Chrome.app/Contents/Versions/10.0.628.0/Google Chrome Framework.framework/Resources/inspector/devTools.css

Issue 7192017: Update reference builds to r89207. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/
Patch Set: '' Created 9 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698