1.fbBtnPressed {
2    background: #ECEBE3;
3    padding: 3px 6px 2px 7px !important;
4    margin: 1px 0 0 1px;
5    _margin: 1px -1px 0 1px;
6    border: 1px solid #ACA899 !important;
7    border-color: #ACA899 #ECEBE3 #ECEBE3 #ACA899 !important;
8}
9
10.fbToolbarButtons {
11    display: none;
12}
13
14#fbStatusBarBox {
15    display: none;
16}
17
18/************************************************************************************************
19 Error Popup
20*************************************************************************************************/
21#fbErrorPopup {
22    position: absolute;
23    right: 0;
24    bottom: 0;
25    height: 19px;
26    width: 75px;
27    background: url(sprite.png) #f1f2ee 0 0;
28    z-index: 999;
29}
30
31#fbErrorPopupContent {
32    position: absolute;
33    right: 0;
34    top: 1px;
35    height: 18px;
36    width: 75px;
37    _width: 74px;
38    border-left: 1px solid #aca899;
39}
40
41#fbErrorIndicator {
42    position: absolute;
43    top: 2px;
44    right: 5px;
45}
46
47
48
49
50
51
52
53
54
55
56.fbBtnInspectActive {
57    background: #aaa;
58    color: #fff !important;
59}
60
61/************************************************************************************************
62 General
63*************************************************************************************************/
64html, body {
65    margin: 0;
66    padding: 0;
67    overflow: hidden;
68}
69
70body {
71    font-family: Lucida Grande, Tahoma, sans-serif;
72    font-size: 11px;
73    background: #fff;
74}
75
76.clear {
77    clear: both;
78}
79
80/************************************************************************************************
81 Mini Chrome
82*************************************************************************************************/
83#fbMiniChrome {
84    display: none;
85    right: 0;
86    height: 27px;
87    background: url(sprite.png) #f1f2ee 0 0;
88    margin-left: 1px;
89}
90
91#fbMiniContent {
92    display: block;
93    position: relative;
94    left: -1px;
95    right: 0;
96    top: 1px;
97    height: 25px;
98    border-left: 1px solid #aca899;
99}
100
101#fbToolbarSearch {
102    float: right;
103    border: 1px solid #ccc;
104    margin: 0 5px 0 0;
105    background: #fff url(search.png) no-repeat 4px 2px;
106    padding-left: 20px;
107    font-size: 11px;
108}
109
110#fbToolbarErrors {
111    float: right;
112    margin: 1px 4px 0 0;
113    font-size: 11px;
114}
115
116#fbLeftToolbarErrors {
117    float: left;
118    margin: 7px 0px 0 5px;
119    font-size: 11px;
120}
121
122.fbErrors {
123    padding-left: 20px;
124    height: 14px;
125    background: url(errorIcon.png) no-repeat;
126    color: #f00;
127    font-weight: bold;
128}
129
130#fbMiniErrors {
131    display: inline;
132    display: none;
133    float: right;
134    margin: 5px 2px 0 5px;
135}
136
137#fbMiniIcon {
138    float: right;
139    margin: 3px 4px 0;
140    height: 20px;
141    width: 20px;
142    float: right;
143    background: url(sprite.png) 0 -135px;
144    cursor: pointer;
145}
146
147
148/************************************************************************************************
149 Master Layout
150*************************************************************************************************/
151#fbChrome {
152    position: fixed;
153    overflow: hidden;
154    height: 100%;
155    width: 100%;
156    border-collapse: collapse;
157    background: #fff;
158}
159
160#fbTop {
161    height: 49px;
162}
163
164#fbToolbar {
165    position: absolute;
166    z-index: 5;
167    width: 100%;
168    top: 0;
169    background: url(sprite.png) #f1f2ee 0 0;
170    height: 27px;
171    font-size: 11px;
172    overflow: hidden;
173}
174
175#fbPanelBarBox {
176    top: 27px;
177    position: absolute;
178    z-index: 8;
179    width: 100%;
180    background: url(sprite.png) #dbd9c9 0 -27px;
181    height: 22px;
182}
183
184#fbContent {
185    height: 100%;
186    vertical-align: top;
187}
188
189#fbBottom {
190    height: 18px;
191    background: #fff;
192}
193
194/************************************************************************************************
195 Sub-Layout
196*************************************************************************************************/
197
198/* fbToolbar
199*************************************************************************************************/
200#fbToolbarIcon {
201    float: left;
202    padding: 4px 5px 0;
203}
204
205#fbToolbarIcon a {
206    display: block;
207    height: 20px;
208    width: 20px;
209    background: url(sprite.png) 0 -135px;
210    text-decoration: none;
211    cursor: default;
212}
213
214#fbToolbarButtons {
215    float: left;
216    padding: 4px 2px 0 5px;
217}
218
219#fbToolbarButtons a {
220    text-decoration: none;
221    display: block;
222    float: left;
223    color: #000;
224    padding: 4px 8px 4px;
225    cursor: default;
226}
227
228#fbToolbarButtons a:hover {
229    color: #333;
230    padding: 3px 7px 3px;
231    border: 1px solid #fff;
232    border-bottom: 1px solid #bbb;
233    border-right: 1px solid #bbb;
234}
235
236#fbStatusBarBox {
237    position: relative;
238    top: 5px;
239    line-height: 19px;
240    cursor: default;
241}
242
243.fbToolbarSeparator{
244    overflow: hidden;
245    border: 1px solid;
246    border-color: transparent #fff transparent #777;
247    _border-color: #eee #fff #eee #777;
248    height: 7px;
249    margin: 10px 6px 0 0;
250    float: left;
251}
252
253.fbStatusBar span {
254    color: #808080;
255    padding: 0 4px 0 0;
256}
257
258.fbStatusBar span a {
259    text-decoration: none;
260    color: black;
261}
262
263.fbStatusBar span a:hover {
264    color: blue;
265    cursor: pointer;
266}
267
268
269#fbWindowButtons {
270    position: absolute;
271    white-space: nowrap;
272    right: 0;
273    top: 0;
274    height: 17px;
275    _width: 50px;
276    padding: 5px 0 5px 5px;
277    z-index: 6;
278    background: url(sprite.png) #f1f2ee 0 0;
279}
280
281/* fbPanelBarBox
282*************************************************************************************************/
283
284#fbPanelBar1 {
285    width: 255px; /* fixed width to avoid tabs breaking line */
286    z-index: 8;
287    left: 0;
288    white-space: nowrap;
289    background: url(sprite.png) #dbd9c9 0 -27px;
290    position: absolute;
291    left: 4px;
292}
293
294#fbPanelBar2Box {
295    background: url(sprite.png) #dbd9c9 0 -27px;
296    position: absolute;
297    height: 22px;
298    width: 300px; /* fixed width to avoid tabs breaking line */
299    z-index: 9;
300    right: 0;
301}
302
303#fbPanelBar2 {
304    position: absolute;
305    width: 290px; /* fixed width to avoid tabs breaking line */
306    height: 22px;
307    padding-left: 10px;
308}
309
310/* body
311*************************************************************************************************/
312.fbPanel {
313    display: none;
314}
315
316#fbPanelBox1, #fbPanelBox2 {
317    max-height: inherit;
318    height: 100%;
319    font-size: 11px;
320}
321
322#fbPanelBox2 {
323    background: #fff;
324}
325
326#fbPanelBox2 {
327    width: 300px;
328    background: #fff;
329}
330
331#fbPanel2 {
332    padding-left: 6px;
333    background: #fff;
334}
335
336.hide {
337    overflow: hidden !important;
338    position: fixed !important;
339    display: none !important;
340    visibility: hidden !important;
341}
342
343/* fbBottom
344*************************************************************************************************/
345
346#fbCommand {
347    height: 18px;
348}
349
350#fbCommandBox {
351    position: absolute;
352    width: 100%;
353    height: 18px;
354    bottom: 0;
355    overflow: hidden;
356    z-index: 9;
357    background: #fff;
358    border: 0;
359    border-top: 1px solid #ccc;
360}
361
362#fbCommandIcon {
363    position: absolute;
364    color: #00f;
365    top: 2px;
366    left: 7px;
367    display: inline;
368    font: 11px Monaco, monospace;
369    z-index: 10;
370}
371
372#fbCommandLine {
373    position: absolute;
374    width: 100%;
375    top: 0;
376    left: 0;
377    border: 0;
378    margin: 0;
379    padding: 2px 0 2px 32px;
380    font: 11px Monaco, monospace;
381    z-index: 9;
382}
383
384div.fbFitHeight {
385    overflow: auto;
386    _position: absolute;
387}
388
389
390/************************************************************************************************
391 Layout Controls
392*************************************************************************************************/
393
394/* fbToolbar buttons
395*************************************************************************************************/
396#fbWindowButtons a {
397    font-size: 1px;
398    width: 16px;
399    height: 16px;
400    display: block;
401    float: right;
402    margin-right: 4px;
403    text-decoration: none;
404    cursor: default;
405}
406
407#fbWindow_btClose {
408    background: url(sprite.png) 0 -119px;
409}
410
411#fbWindow_btClose:hover {
412    background: url(sprite.png) -16px -119px;
413}
414
415#fbWindow_btDetach {
416    background: url(sprite.png) -32px -119px;
417}
418
419#fbWindow_btDetach:hover {
420    background: url(sprite.png) -48px -119px;
421}
422
423/* fbPanelBarBox tabs
424*************************************************************************************************/
425.fbTab {
426    text-decoration: none;
427    display: none;
428    float: left;
429    width: auto;
430    float: left;
431    cursor: default;
432    font-family: Lucida Grande, Tahoma, sans-serif;
433    font-size: 11px;
434    font-weight: bold;
435    height: 22px;
436    color: #565656;
437}
438
439.fbPanelBar span {
440    display: block;
441    float: left;
442}
443
444.fbPanelBar .fbTabL,.fbPanelBar .fbTabR {
445    height: 22px;
446    width: 8px;
447}
448
449.fbPanelBar .fbTabText {
450    padding: 4px 1px 0;
451}
452
453a.fbTab:hover {
454    background: url(sprite.png) 0 -73px;
455}
456
457a.fbTab:hover .fbTabL {
458    background: url(sprite.png) -16px -96px;
459}
460
461a.fbTab:hover .fbTabR {
462    background: url(sprite.png) -24px -96px;
463}
464
465.fbSelectedTab {
466    background: url(sprite.png) #f1f2ee 0 -50px !important;
467    color: #000;
468}
469
470.fbSelectedTab .fbTabL {
471    background: url(sprite.png) 0 -96px !important;
472}
473
474.fbSelectedTab .fbTabR {
475    background: url(sprite.png) -8px -96px !important;
476}
477
478/* splitters
479*************************************************************************************************/
480#fbHSplitter {
481    position: absolute;
482    left: 0;
483    top: 0;
484    width: 100%;
485    height: 5px;
486    overflow: hidden;
487    cursor: n-resize !important;
488    background: url(pixel_transparent.gif);
489    z-index: 9;
490}
491
492#fbHSplitter.fbOnMovingHSplitter {
493    height: 100%;
494    z-index: 100;
495}
496
497.fbVSplitter {
498    background: #ece9d8;
499    color: #000;
500    border: 1px solid #716f64;
501    border-width: 0 1px;
502    border-left-color: #aca899;
503    width: 4px;
504    cursor: e-resize;
505    overflow: hidden;
506    right: 294px;
507    text-decoration: none;
508    z-index: 9;
509    position: absolute;
510    height: 100%;
511    top: 27px;
512    _width: 6px;
513}
514
515/************************************************************************************************/
516div.lineNo {
517    font: 11px Monaco, monospace;
518    float: left;
519    display: inline;
520    position: relative;
521    margin: 0;
522    padding: 0 5px 0 20px;
523    background: #eee;
524    color: #888;
525    border-right: 1px solid #ccc;
526    text-align: right;
527}
528
529pre.nodeCode {
530    font: 11px Monaco, monospace;
531    margin: 0;
532    padding-left: 10px;
533    overflow: hidden;
534    /*
535    _width: 100%;
536    /**/
537}
538
539/************************************************************************************************/
540.nodeControl {
541    margin-top: 3px;
542    margin-left: -14px;
543    float: left;
544    width: 9px;
545    height: 9px;
546    overflow: hidden;
547    cursor: default;
548    background: url(tree_open.gif);
549    _float: none;
550    _display: inline;
551    _position: absolute;
552}
553
554div.nodeMaximized {
555    background: url(tree_close.gif);
556}
557
558div.objectBox-element {
559    padding: 1px 3px;
560}
561.objectBox-selector{
562    cursor: default;
563}
564
565.selectedElement{
566    background: highlight;
567    /* background: url(roundCorner.svg); Opera */
568    color: #fff !important;
569}
570.selectedElement span{
571    color: #fff !important;
572}
573
574/* Webkit CSS Hack - bug in "highlight" named color */
575@media screen and (-webkit-min-device-pixel-ratio:0) {
576    .selectedElement{
577      background: #316AC5;
578      color: #fff !important;
579    }
580}
581
582/************************************************************************************************/
583/************************************************************************************************/
584.logRow * {
585    font-size: 11px;
586}
587
588.logRow {
589    position: relative;
590    border-bottom: 1px solid #D7D7D7;
591    padding: 2px 4px 1px 6px;
592    background-color: #FFFFFF;
593}
594
595.logRow-command {
596    font-family: Monaco, monospace;
597    color: blue;
598}
599
600.objectBox-string,
601.objectBox-text,
602.objectBox-number,
603.objectBox-function,
604.objectLink-element,
605.objectLink-textNode,
606.objectLink-function,
607.objectBox-stackTrace,
608.objectLink-profile {
609    font-family: Monaco, monospace;
610}
611
612.objectBox-null {
613    padding: 0 2px;
614    border: 1px solid #666666;
615    background-color: #888888;
616    color: #FFFFFF;
617}
618
619.objectBox-string {
620    color: red;
621    white-space: pre;
622}
623
624.objectBox-number {
625    color: #000088;
626}
627
628.objectBox-function {
629    color: DarkGreen;
630}
631
632.objectBox-object {
633    color: DarkGreen;
634    font-weight: bold;
635    font-family: Lucida Grande, sans-serif;
636}
637
638.objectBox-array {
639    color: #000;
640}
641
642/************************************************************************************************/
643.logRow-info,.logRow-error,.logRow-warning {
644    background: #fff no-repeat 2px 2px;
645    padding-left: 20px;
646    padding-bottom: 3px;
647}
648
649.logRow-info {
650    background-image: url(infoIcon.png);
651}
652
653.logRow-warning {
654    background-color: cyan;
655    background-image: url(warningIcon.png);
656}
657
658.logRow-error {
659    background-color: LightYellow;
660    background-image: url(errorIcon.png);
661    color: #f00;
662}
663
664.errorMessage {
665    vertical-align: top;
666    color: #f00;
667}
668
669.objectBox-sourceLink {
670    position: absolute;
671    right: 4px;
672    top: 2px;
673    padding-left: 8px;
674    font-family: Lucida Grande, sans-serif;
675    font-weight: bold;
676    color: #0000FF;
677}
678
679/************************************************************************************************/
680.logRow-group {
681    background: #EEEEEE;
682    border-bottom: none;
683}
684
685.logGroup {
686    background: #EEEEEE;
687}
688
689.logGroupBox {
690    margin-left: 24px;
691    border-top: 1px solid #D7D7D7;
692    border-left: 1px solid #D7D7D7;
693}
694
695/************************************************************************************************/
696.selectorTag,.selectorId,.selectorClass {
697    font-family: Monaco, monospace;
698    font-weight: normal;
699}
700
701.selectorTag {
702    color: #0000FF;
703}
704
705.selectorId {
706    color: DarkBlue;
707}
708
709.selectorClass {
710    color: red;
711}
712
713/************************************************************************************************/
714.objectBox-element {
715    font-family: Monaco, monospace;
716    color: #000088;
717}
718
719.nodeChildren {
720    padding-left: 26px;
721}
722
723.nodeTag {
724    color: blue;
725    cursor: pointer;
726}
727
728.nodeValue {
729    color: #FF0000;
730    font-weight: normal;
731}
732
733.nodeText,.nodeComment {
734    margin: 0 2px;
735    vertical-align: top;
736}
737
738.nodeText {
739    color: #333333;
740    font-family: Monaco, monospace;
741}
742
743.nodeComment {
744    color: DarkGreen;
745}
746
747/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
748
749.nodeHidden, .nodeHidden * {
750    color: #888888;
751}
752
753.nodeHidden .nodeTag {
754    color: #5F82D9;
755}
756
757.nodeHidden .nodeValue {
758    color: #D86060;
759}
760
761.selectedElement .nodeHidden, .selectedElement .nodeHidden * {
762    color: SkyBlue !important;
763}
764
765
766/************************************************************************************************/
767.log-object {
768    /*
769    _position: relative;
770    _height: 100%;
771    /**/
772}
773
774.property {
775    position: relative;
776    clear: both;
777    height: 15px;
778}
779
780.propertyNameCell {
781    vertical-align: top;
782    float: left;
783    width: 28%;
784    position: absolute;
785    left: 0;
786    z-index: 0;
787}
788
789.propertyValueCell {
790    float: right;
791    width: 68%;
792    background: #fff;
793    position: absolute;
794    padding-left: 5px;
795    display: table-cell;
796    right: 0;
797    z-index: 1;
798    /*
799    _position: relative;
800    /**/
801}
802
803.propertyName {
804    font-weight: bold;
805}
806
807.FirebugPopup {
808    height: 100% !important;
809}
810
811.FirebugPopup #fbWindowButtons {
812    display: none !important;
813}
814
815.FirebugPopup #fbHSplitter {
816    display: none !important;
817}
818