bugs 28, 30, and partly fix for 29 -- all EarlyBlue only
[themes.git] / EarlyBlue / global / skin / global.css
1 /** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of\r
2     a particular application should be in that application's style sheet.\r
3         For example style definitions for navigator can be found in navigator.css\r
4 \r
5    THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR\r
6    CHANGES REVIEWED BY hyatt@netscape.com.\r
7 **/\r
8 \r
9 /* import the widget style sheets */\r
10 \r
11 /* all localizable skin settings shall live here */\r
12 @import url(chrome://global/locale/intl.css);\r
13 \r
14 @import url(chrome://global/skin/box.css);\r
15 @import url(chrome://global/skin/button.css);\r
16 @import url(chrome://global/skin/checkbox.css);\r
17 @import url(chrome://global/skin/radio.css);\r
18 @import url(chrome://global/skin/tree.css);\r
19 @import url(chrome://global/skin/splitter.css);\r
20 @import url(chrome://global/skin/radio.css);\r
21 @import url(chrome://global/skin/menubutton.css);\r
22 @import url(chrome://global/skin/menulist.css);\r
23 @import url(chrome://global/skin/menu.css);\r
24 @import url(chrome://global/skin/formatting.css);\r
25 @import url(chrome://global/skin/textfield.css);\r
26 @import url(chrome://global/skin/tabcontrol.css);\r
27 \r
28 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); \r
29 @namespace html url("http://www.w3.org/1999/xhtml"); \r
30 \r
31 /**\r
32  * XXX-DEBUG: HTML namespace/titledbutton striping. \r
33  **/ \r
34   html|* \r
35     {\r
36       border              : 1px solid green !important;\r
37     }\r
38   \r
39   html|form \r
40     {\r
41       border              : none !important;\r
42     }\r
43   \r
44   titledbutton \r
45     {\r
46       border              : 1px solid purple !important;\r
47     }\r
48 \r
49 /**  \r
50  * XUL <window> element\r
51  **/\r
52   window \r
53     { \r
54       background-color    : #CCD0DD;\r
55       font                : 3mm tahoma,arial,helvetica,sans-serif;\r
56       padding             : 0px;\r
57     }\r
58   \r
59   window[wait-cursor] \r
60     { \r
61       cursor              : wait !important; \r
62     }\r
63   \r
64   window.dialog \r
65     { \r
66       background-color    : #CCD0DD;\r
67       padding             : 7px 5px 5px 5px;\r
68     }\r
69 \r
70 /**\r
71  * XUL <box> debugging\r
72  **/\r
73   :-moz-horizontal-box-debug \r
74     {\r
75       border              : 2px solid blue;\r
76       border-top-width    : 10px;\r
77       padding             : 2px;\r
78       margin              : 2px;\r
79       color               : white;\r
80     }\r
81   \r
82   :-moz-vertical-box-debug \r
83     {\r
84       border              : 2px solid red;\r
85       border-left-width   : 10px;\r
86       padding             : 2px;\r
87       margin              : 2px;\r
88       color               : white;\r
89     }\r
90 \r
91 /**\r
92  * Utility icons (used for alert dialogs, etc)\r
93  **/\r
94   .message-icon \r
95     {\r
96       list-style-image    : url("chrome://global/skin/message-icon.gif");\r
97     }\r
98 \r
99   .alert-icon \r
100     {\r
101       list-style-image    : url("chrome://global/skin/alert-icon.gif");\r
102     }\r
103   \r
104   .error-icon \r
105     {\r
106       list-style-image    : url("chrome://global/skin/error-icon.gif");\r
107     }\r
108   \r
109   .question-icon \r
110     {\r
111       list-style-image    : url("chrome://global/skin/question-icon.gif");\r
112     }\r
113 \r
114   statusbarpanel\r
115     {\r
116       padding             : 0px 1px 0px 1px;\r
117     }\r
118 \r
119   .statusbar-panel-icon\r
120     {\r
121       margin              : 0px 2px 0px 0px;\r
122     }\r
123 \r
124 /**\r
125  * status-bar\r
126  */\r
127   #status-bar \r
128     {\r
129       border-top          : 1px solid #9999CC;\r
130       background-color    : #CCD0DD;\r
131       user-focus          : ignore;\r
132       overflow            : hidden\r
133     }\r
134 \r
135   .statusbar-left\r
136     {\r
137       width               : 8px;\r
138       list-style-image    : url("chrome://global/skin/gray-bottomleft.gif");\r
139       background-position : bottom left;\r
140     }\r
141 \r
142   .statusbar-right\r
143     {\r
144       width               : 8px;\r
145       list-style-image    : url("chrome://global/skin/gray-bottomright.gif");\r
146       background-position : bottom right;\r
147     }\r
148 \r
149 /**\r
150  * html|iframe default sizing \r
151  **/\r
152   html|iframe \r
153     {\r
154       min-width           : 10px;\r
155       min-height          : 10px;\r
156       width               : 100px;\r
157       height              : 100px;\r
158       border              : none;\r
159     }\r
160 \r
161 /** \r
162  * XUL <progressmeter> \r
163  **/\r
164   progressmeter[mode="undetermined"] > .progressmeter-internal-box\r
165     {\r
166       background-image    : url(chrome://global/skin/progressmeter-busy.gif);\r
167     }\r
168  \r
169   progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar {\r
170       visibility: collapse;\r
171   }\r
172 \r
173   .progress-text \r
174     {\r
175       font-weight         : normal !important;\r
176     }\r
177   \r
178   progressmeter \r
179     {\r
180       min-width           : 100px;\r
181       margin              : 0px 4px 0px 4px;\r
182       border              : 1px inset #CCD0DD;\r
183     }\r
184 \r
185   progressmeter > .progressmeter-internal-box \r
186     {\r
187       border              : 1px solid #000000;\r
188     }\r
189 \r
190 /* progress indicators */\r
191   .progress-bar \r
192     {\r
193             background-color    : #6699cc;\r
194       border-right        : 1px outset #6699cc;\r
195     }\r
196   \r
197   .progress-remainder \r
198     {\r
199             background-color    : #999999;\r
200     }\r
201 \r
202   .progressmeter-statusbar \r
203     {\r
204       border              : 1px solid #9999CC;\r
205       margin              : 1px 4px 1px 4px;\r
206     }\r
207 \r
208   .progressmeter-statusbar > .progressmeter-internal-box\r
209     {\r
210       border              : none;\r
211       padding             : 1px;\r
212     }\r
213     \r
214   .progressmeter-progressbar[statusbar="true"] > .progress-bar\r
215     {\r
216       background-color    : #9999CC;\r
217       border-right        : none;\r
218     }\r
219    \r
220   .progressmeter-progressbar[statusbar="true"] > .progress-remainder\r
221     {\r
222       background-color    : #CCD0DD;\r
223     }\r
224     \r
225 /** XUL <scrollbar> element **/\r
226   scrollbar \r
227     { \r
228       user-focus          : ignore; \r
229     } \r
230 \r
231 \r
232 /* XUL <colorpicker> pieces */\r
233 .colorpickertile \r
234   {\r
235     width                 : 20px;\r
236     height                : 20px;\r
237     margin                : 1px;\r
238     border                : 1px inset #CCD0DD;\r
239   }\r
240 \r
241 .colorpickertile:hover \r
242   {\r
243     border                : 1px solid #FFFFFF;\r
244   }\r
245 \r
246 .colorpickertile[selected="true"] \r
247   {\r
248     border                : 1px solid #000000;\r
249   }\r