bugs 28, 30, and partly fix for 29 -- all EarlyBlue only
[themes.git] / EarlyBlue / global / skin / global.css
... / ...
CommitLineData
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