?  search:
summary | log | graphiclog1 | graphiclog2 | refs | edit | fork

1858265
[gecko.git] / 
blob1858265205f0634b2ebff2d72df33dea49f61a79
1  /** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of
2     a particular application should be in that application's style sheet.
3         For example style definitions for navigator can be found in navigator.css
4
5 **/
6
7 window { 
8   background-color:#CCCCDD;
9   //background-image: url(bg.jpg);
10   display: block; 
11   overflow: hidden;
12   font: 3mm tahoma,arial,helvetica,sans-serif;
13   padding: 0px;
14   height: 100%;
15   width: 100%;
16 }
17
18 window.dialog { 
19   background-color:#CCCCDD;
20   display: block; 
21   overflow: hidden;
22   font: 3mm tahoma,arial,helvetica,sans-serif;
23   padding-left: 11px;
24   padding-right: 10px;
25   padding-top: 10px;
26   padding-bottom: 11px;
27 }
28
29 /* generic elements*/
30
31
32 box {
33         display: block;
34         font: inherit;
35 }
36
37 popup {
38         display: none;
39 }
40
41 div {
42         background-color:inherit;
43         background-image:inherit;
44 }
45
46 div.textline {
47         background-color:inherit;
48         background-image:inherit;
49 }
50
51
52 spring {
53    display: block;
54 }
55
56
57 /* toolbar stuff*/
58
59
60 toolbox { 
61       background-color:darkgray;
62                 display: block;
63 }
64
65 :toolbox-normal {
66         background-color: #666699;
67         background-image: url("resource:/res/toolbar/TB_Tab.gif");
68         background-repeat: no-repeat;
69         color: lightgray;
70         border: solid darkGray 1px;
71
72 }
73
74 :toolbox-rollover {
75         background-color: #ccccff;
76         background-image: url("resource:/res/toolbar/TB_Tab_mo.gif");
77         background-repeat: no-repeat;
78         color: green;
79         border: outset #ccccff 1px;
80 }
81
82 toolbar {
83     display:block;
84     background-color: #CCCCDD;
85     border-bottom: 1px solid #9999cc;
86     font: inherit;
87     min-height: 2em;
88     width: 100%;
89 }
90
91 toolbar[collapsed="true"] {
92         display:none;
93 }
94 toolbar[hidden="true"] {
95         display:none;
96 }
97
98
99
100 /* misc input elements */
101
102 fieldset {
103         margin-bottom: 6px;
104         margin-top: 5px;
105         margin-left: 6px;
106         margin-right: 5px;
107         padding: 5px; 
108         border: 2px groove white;
109 }
110
111
112 legend {
113         border: none;
114         margin-bottom: 5px;
115         margin-top: 0px;
116         margin-left: 4px;
117         margin-right: 3px;
118 }
119
120 label {
121   display: inline;
122         padding-bottom: 4px;
123         //background-color: inherit;
124         background-color:#CCCCDD;
125         background-image: inherit;
126 }
127
128 textarea {
129   border: 1px inset #DDDDDD;
130   padding-top: 1px;
131   padding-bottom: 2px;
132   padding-left: 4px;
133   padding-right: 3px;
134   margin-top: 1px;
135   margin-bottom: 2px;
136   margin-left: 4px;
137   margin-right: 3px;
138   background-color: white;
139   color: black;
140 }
141
142 input[type=text] {
143   border: 1px inset yellow;
144   padding-top: 3px;
145   padding-bottom: 2px;
146   padding-left: 4px;
147   padding-right: 3px;
148   margin-top: 0px;
149   margin-bottom: 2px;
150   margin-left: 4px;
151   margin-right: 3px;
152   background-color: white;
153   color: black;
154   min-height: 1.75em;
155 }
156
157 input[type=password] {
158   border: 1px inset rgb(192, 192, 192);
159   padding-top: 3px;
160   padding-bottom: 2px;
161   padding-left: 4px;
162   padding-right: 3px;
163   margin-top: 1px;
164   margin-bottom: 2px;
165   margin-left: 4px;
166   margin-right: 3px;
167   background-color: white;
168   color: black;
169   min-height: 1.75em;
170 }
171
172 input {
173   vertical-align: bottom;
174   border: 2px inset rgb(192, 192, 192);
175   background-color: transparent;
176   color: black;
177 }
178
179 input[type=radio] {
180   margin-left:   3px;   
181   margin-right:  5px;  
182   margin-top:    3px; 
183   margin-bottom: 3px; 
184   //border: 2px inset rgb(192, 192, 192);
185   background-color: inherit;
186   background-image: inherit;
187   color:black;
188   width:12px;
189   height:12px;
190 }
191
192 input[type=checkbox] {
193   margin-left:   3px;   
194   margin-right:  5px;  
195   margin-top:    3px; 
196   margin-bottom: 4px;
197   border: 1px inset rgb(192, 192, 192);
198   color:black;
199 }
200
201 checkbox {
202   margin-left:   3px;   
203   margin-right:  5px;  
204   margin-top:    3px; 
205   margin-bottom: 4px;
206   border: 1px inset white;
207   background-color: white;
208   color:black;
209   min-width: .7em;
210   min-height: .7em;
211 }
212
213 checkbox[depress] {
214    background-color: gray;
215    border: 1px inset white;
216 }
217
218 progressmeter {
219         display:inline;
220         border: 1px grey;
221         color : #9999CC; 
222         height: 1em;        
223 }
224
225 div.pmBackground {
226         border: 1px inset white; 
227         padding: 1px;
228         margin: 1em;
229         margin-bottom: 3px;
230         background-color: #CCCCCC;
231 }
232
233 :progressmeter-stripe {
234         color: #BBBBCC;
235 }
236
237 broadcaster {
238         display: none;
239 }
240
241 observes {
242         display: none;
243 }
244
245 menubar {
246         display: none;
247 }
248
249 menu {
250         display: none;
251 }
252
253 menuitem {
254         display: none;
255 }
256
257 progressmeter {
258         display:inline;
259         border: 1px #666699;
260         color : #9999CC;         
261 }
262
263 :progressmeter-stripe {
264         color: #BBBBCC;
265 }
266
267
268 /* titledbuttons are the preferred means of generating UI buttons in XUL (see below) */
269
270 button {
271   display: inline;
272   color:black; 
273    // -moz-border-radius: 2px;
274   border: 1px outset white;
275   padding: 2px;
276   margin: 2px;
277         text-align: center;
278   font: inherit;
279         background-color: inherit;
280         background-image: inherit;
281         min-height: 1.25em;
282         max-height: 1.25em;
283         min-width: 7em;
284 }
285
286 button[default] {
287   font-weight: bold;
288 }
289
290 button:hover {
291   border: 1px outset white;
292         color:#333366;
293         text-decoration:underline;
294   padding: 2px;
295 }
296  
297 button:hover:-moz-outline {
298    border : 1px solid black;
299    color:#666699;
300    padding: 2px;
301 }
302  
303 button:active {
304
305   text-decoration:none;
306   border: 1px inset;
307
308   padding-left: 3px;
309   padding-right: 1px;
310   padding-top: 3px;
311   padding-bottom: 1px;
312 }
313
314 button:active:-moz-outline {
315    border : 1px solid black;
316
317 }
318  
319 button[disabled] {
320         background-color: inherit;
321         background-image: inherit;
322         border : 1px solid #999999;
323         color: #999999;
324         text-decoration: none;
325 }
326
327 /* titledbuttons recommended for use with most XUL UI */
328
329 titledbutton {
330   display: inline;
331   color:black; 
332    // -moz-border-radius: 2px;
333   border: 1px outset white;
334   padding: 2px;
335   margin: 2px;
336   text-align: center;
337   font: inherit;
338   background-color:inherit;
339   background-image: inherit;
340 }
341
342 window.dialog titledbutton{
343         min-width: 5em;
344 }
345
346 titledbutton[class~=popup] {
347         list-style-image:url(resource:/res/toolbar/TB_popup.gif);
348 }
349
350 titledbutton:hover {
351   border: 1px outset white;
352         color:#333366;
353         text-decoration:underline;
354   padding: 2px;
355 }
356  
357 titledbutton:hover:-moz-outline {
358    border : 1px solid black;
359    color:#666699;
360    padding: 2px;
361 }
362  
363 titledbutton:active {
364
365   text-decoration:none;
366   border: 1px inset;
367
368   padding-left: 3px;
369   padding-right: 1px;
370   padding-top: 3px;
371   padding-bottom: 1px;
372 }
373
374 titledbutton[toggled="1"] {
375   border: 1px inset;
376
377   padding-left: 3px;
378   padding-right: 1px;
379   padding-top: 3px;
380   padding-bottom: 1px;
381 }
382
383 titledbutton[toggled="2"] {
384    background-color: lightgray;
385    border: 1px solid gray;
386 }
387
388 titledbutton[default] {
389         //border-color: black;
390         font-weight: bold;
391         list-style-image: url("return.gif");
392 }
393
394 titledbutton:active:-moz-outline {
395    border : 1px solid black;
396
397 }
398  
399 titledbutton[disabled="true"] {
400         background-color:inherit;
401         background-image: inherit;
402         border : 1px solid #999999;
403         color: #999999;
404         text-decoration: none;
405 }
406
407 titledbutton[disabled="true"]:hover {
408         background-color:inherit;
409         background-image: inherit;
410         border : 1px solid #999999;
411         color: #999999;
412         text-decoration: none;
413 }
414
415 titledbutton[disabled="true"]:active {
416         background-color:inherit;
417         background-image: inherit;
418         border : 1px solid #999999;
419         color: #999999;
420         text-decoration: none;
421 }
422
423 /* special class for plain titledbuttons */
424
425 titledbutton[class~=plain] {
426   border: 1px solid transparent;
427   padding: 2px;
428   font: inherit;
429 }
430
431 titledbutton[class~=plain]:hover {
432   border: 1px solid transparent;
433   padding: 2px;
434   text-decoration: none;
435   color: inherit;
436 }
437  
438 titledbutton[class~=plain]:active {
439   border: 1px solid transparent;
440   padding: 2px;
441    text-decoration: none;
442   color: inherit;
443 }
444
445 titledbutton[class~=plain][disabled] {
446         border: 1px solid transparent;
447         padding: 2px;
448 }
449
450 titledbutton[class~=plain][disabled]:hover {
451         border: 1px solid transparent;
452         padding: 2px;
453 }
454
455 titledbutton[class~=plain][disabled]:active {
456         border: 1px solid transparent;
457         padding: 2px;
458 }
459
460
461 /* special class for borderless buttons */
462 /* titled button on toolbars are automatically set to be borderless (see below) */
463
464 titledbutton[class~=borderless] {
465   border: 1px solid transparent;
466 }
467
468 titledbutton[class~=borderless]:hover {
469   border: 1px outset white;
470   color:#333366;
471   text-decoration: underline;
472 }
473  
474 titledbutton[class~=borderless]:hover:-moz-outline {
475    border : 1px solid black;
476 }
477  
478 titledbutton[class~=borderless]:active {
479   text-decoration:none;
480   border: 1px inset;
481 }
482
483 titledbutton[class~=borderless]:active:-moz-outline {
484    border : 1px solid black;
485 }
486  
487 titledbutton[class~=borderless][disabled] {
488         border: 1px solid transparent;
489 }
490
491 titledbutton[class~=borderless][disabled]:hover {
492         border: 1px solid transparent;
493 }
494
495 titledbutton[class~=borderless][disabled]:active {
496         border: 1px solid transparent;
497         padding: 2px;
498 }
499
500 /* as a convenience predefined for toolbar as being same as class borderless */
501
502 toolbar titledbutton {
503   border: 1px solid transparent;
504 }
505
506 toolbar.main-bar titledbutton[align="bottom"]{
507         min-width: 3.5em;
508 }
509
510 toolbar titledbutton:hover {
511   border: 1px outset white;
512   color:#333366;
513   text-decoration: underline;
514 }
515  
516 toolbar titledbutton:hover:-moz-outline {
517    border : 1px solid black;
518 }
519  
520 toolbar titledbutton:active {
521   text-decoration:none;
522   border: 1px inset;
523 }
524
525 toolbar titledbutton:active:-moz-outline {
526    border : 1px solid black;
527 }
528  
529 toolbar titledbutton[disabled="true"] {
530         border: 1px solid transparent;
531 }
532
533 toolbar titledbutton[disabled="true"]:hover {
534         border: 1px solid transparent;
535 }
536
537 toolbar titledbutton[disabled="true"]:active {
538         border: 1px solid transparent;
539         padding: 2px;
540 }
541
542 toolbar titledbutton[toggled="1"] {
543   border: 1px inset white;
544
545   padding-left: 3px;
546   padding-right: 1px;
547   padding-top: 3px;
548   padding-bottom: 1px;
549 }
550
551 /* tree related stuff */
552
553 tree {
554  display: table;
555  background-color: white;
556  border: none;
557  border-spacing: 0px;
558  width: 100%;
559  table-layout: fixed;
560  font: inherit;
561 }
562
563 treeitem { 
564  display: table-row-group; 
565  font: inherit;
566 } 
567
568 treerow {
569  display: table-row;
570  font: inherit;
571 }
572
573 treehead { 
574  display: table-header-group; 
575  font: inherit;
576 } 
577
578 treechildren { 
579  display: table-row-group;
580  font: inherit; 
581 } 
582
583 treerow[selectedrow="true"] { 
584  color: white;
585  background-color: #666699;
586  font: inherit; 
587 }
588
589 treecell { 
590  display: table-cell; 
591  white-space: nowrap;
592  font: inherit;
593 } 
594
595 treehead treerow treecell { 
596  font-size: 10pt;
597  background-color: #a0a0a0; 
598  border: 1px white transparent;
599  color: black;
600 } 
601
602 treeitem > treechildren {
603   visibility: collapse;
604 }
605
606 treeitem[open="true"] > treechildren {
607   visibility: visible;
608 }
609
610 treecol {
611  display: table-column;
612 }
613
614 /* tabs related stuff */
615
616 tab { 
617   display: inline;
618   cursor: default;
619
620   border: 1px outset white;
621   //-moz-border-radius: 90;
622
623   color:black; 
624 }
625
626 tab:active { 
627   display: inline;
628   cursor: default;
629
630   border: 1px outset white;
631   //-moz-border-radius: 90;
632
633   color:red; 
634 }
635
636 tabbox { 
637   
638
639   //border-bottom: 1px outset white;
640 }
641
642 tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"]  tab { 
643         //bottom tabs
644   border-left: 1px outset white;
645   border-right: 1px outset white;
646   border-top: none;
647   border-bottom: 1px outset white;
648   
649   padding-right: 3px;
650   padding-left: 3px;
651   padding-top: 1px;
652   padding-bottom: 3px;
653
654   margin-right: 2px;
655   margin-left: 2px;
656   margin-top: 1px;
657   margin-bottom: 1px;
658   
659 }
660
661 tabcontrol[align="vertical"] tabbox[align="horizontal"] tab { 
662   //top tabs
663   border-left: 1px outset white;
664   border-right: 1px outset white;
665   border-top: 1px outset white;
666   border-bottom: none;
667
668   padding-right: 3px;
669   padding-left: 3px;
670   padding-top: 3px;
671   padding-bottom: 1px;
672
673   margin-right: 2px;
674   margin-left: 2px;
675   margin-top: 1px;
676   margin-bottom: 1px;
677
678 }
679
680 tabcontrol[align="horizontal"] tabbox[align="vertical"] tab { 
681         //left tabs
682   border-left: 1px outset white;
683   border-right: none;
684   border-top: 1px outset white;
685   border-bottom: 1px outset white;
686   
687   padding-right: 1px;
688   padding-left: 3px;
689   padding-top: 3px;
690   padding-bottom: 3px;
691
692   margin-right: 1px;
693   margin-left: 1px;
694   margin-top: 2px;
695   margin-bottom: 2px;
696   
697 }
698
699 tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"]  tab { 
700         //right tabs
701   border-left: none;
702   border-right: 1px outset white;
703   border-top: 1px outset white;
704   border-bottom: 1px outset white;
705   
706   padding-right: 3px;
707   padding-left: 1px;
708   padding-top: 3px;
709   padding-bottom: 3px;
710
711   margin-right: 1px;
712   margin-left: 1px;
713   margin-top: 2px;
714   margin-bottom: 2px;
715   
716 }
717
718
719 tab:hover { 
720  color: #000033;
721  text-decoration:underline;
722 }
723
724 tabcontrol { 
725   display: block;
726   cursor: default;
727
728   border: none; 
729 }
730
731 :-moz-deck-hidden {
732    visibility: hidden;
733 }
734
735 /* all the debug stuff
736 is here */
737
738 box[debug] box {
739   border: 1px solid blue;
740 }
741
742 box[debug][align="vertical"] {
743    border: 1px solid red;
744 }
745
746 box[debug][align="horizontal"] {
747    border: 1px solid blue;
748 }
749
750 box[debug] box[align="vertical"] {
751    border: 1px solid red;
752 }
753
754 box[debug] spring {
755    background-color: green;
756 }
757
758 box[debug] div{
759         background-color:inherit;
760         background-image:inherit;
761         border: 1px dashed yellow;
762 }
763
764 box[debug] div.textline {
765         background-color:inherit;
766         background-image:none;
767         border: 1px solid yellow;
768 }
769
770 box[debug] span{
771         background-color:inherit;
772         background-image:inherit;
773         border: 1px dotted yellow;
774 }
775
776 box[debug] button{
777         border: 1px outset yellow;
778 }
779
780 box[debug] button:active{
781         border: 1px inset yellow;
782 }
783
784 box[debug] titledbutton{
785         border: 1px outset yellow;
786 }
787
788 box[debug] titledbutton:active{
789         border: 1px inset yellow;
790 }
791
792 box[debug] legend {
793         border: 1px solid white;
794 }
795
796 box[debug] label {
797         border: 1px solid yellow;
798 }
799
800 box[debug] textarea {
801         border: 1px inset yellow;
802 }
803
804 box[debug] input[type=text]{
805         border: 2px inset yellow;
806 }
807
808 box[debug] input[type=password]{
809         border: 2px inset yellow;
810 }
811
812 box[debug] input{
813         border: 2px inset yellow;
814 }
815
816 box[debug] input[type=radio]{
817         border: 2px inset yellow;
818 }
819
820 box[debug] input[type=checkbox]{
821         border: 1px inset yellow;
822 }
823
824 box[debug] checkbox{
825         background-color: white;
826         border: 1px inset yellow;
827 }
828
829 box[debug] checkbox[depress]{
830         border: 1px inset yellow;
831 }
832
833 box[debug] div.pmBackground {
834         border: 1px inset yellow; 
835         padding: 1px;
836         background-color: #CCCCCC;
837 }
838
839 box[debug] progressmeter {
840         display:inline;
841         border: 1px yellow;
842         color : #9999CC;         
843 }
844
845
846 thumb {
847    background-color: rgb(206, 207, 206);
848    border: 2px outset rgb(156, 154, 156);
849    list-style-image: url(scrollThumb.gif)
850 }
851
852 thumb:hover {
853    list-style-image: url(scrollThumb_mo.gif);
854 }
855
856 thumb[disabled="true"] {
857    list-style-image: url(scrollThumb_dis.gif);
858 }
859
860 thumb:active {
861    background-color: rgb(220, 210, 210);
862 }
863
864 slider {
865    border: 1px solid black;
866    background-color: rgb(240,240,240);
867 }
868
869 scrollbarbutton {
870   display: inline;
871   vertical-align: bottom;
872   cursor: default;
873
874   border: 2px outset rgb(156, 154, 156);
875   background-color: rgb(206, 207, 206);
876   color:black; 
877
878   padding: 1px;
879 }
880
881 scrollbarbutton:active {
882   border-style: inset;
883
884   padding-left: 2px;
885   padding-right: 0px;
886   padding-top: 2px;
887   padding-bottom: 0px;
888 }
889
890 scrollbarbutton.decrement {
891    list-style-image: url(scrollUp.gif)
892 }
893
894 scrollbarbutton.decrement:hover {
895    list-style-image: url(scrollUp_mo.gif)
896 }
897
898 scrollbarbutton.decrement[disabled="true"] {
899    list-style-image: url(scrollUp_dis.gif) 
900 }
901
902 scrollbarbutton.increment {
903    list-style-image: url(scrollDown.gif)
904 }
905
906 scrollbarbutton.increment:hover {
907    list-style-image: url(scrollDown_mo.gif)
908 }
909
910 scrollbarbutton.increment[disabled="true"] {
911    list-style-image: url(scrollDown_dis.gif) 
912 }
913
914 treepusher.increment {
915    list-style-image: url(moreCols_mo.gif)
916 }
917
918 treepusher.increment:hover {
919    list-style-image: url(moreCols_mo.gif)
920 }
921
922 treepusher.increment[disabled="true"] {
923    list-style-image: url(moreCols_dis.gif)
924 }
925
926 treepusher.decrement {
927    list-style-image: url(lessCols_mo.gif)
928 }
929
930 treepusher.decrement:hover {
931    list-style-image: url(lessCols_mo.gif)
932 }
933
934 treepusher.decrement[disabled="true"] {
935    list-style-image: url(lessCols_dis.gif)
936 }
937
938 splitter {
939    display: block;
940 }
941
942 grippy {
943    border: 1px outset white;
944    list-style-image: url(resource:/res/toolbar/grippy-horizontal-before.gif);
945    background-color: rgb(198,198,198);
946    display: block;
947    margin: 1px;
948 }
949
950 box[align="vertical"] splitter[collapse="after"] grippy {
951    list-style-image: url(resource:/res/toolbar/grippy-vertical-after.gif);
952 }
953
954 box splitter[collapse="after"] grippy {
955    list-style-image: url(resource:/res/toolbar/grippy-horizontal-after.gif);
956 }
957