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