1d798428 |
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 : #000000; |
55 | /* font : 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */ |
56 | font : 3mm helvetica,arial,tahoma,sans-serif; |
57 | color : #FF9F00; |
58 | padding : 3px; |
59 | } |
60 | |
61 | window[wait-cursor] |
62 | { |
63 | cursor : wait !important; |
64 | } |
65 | |
66 | window.dialog |
67 | { |
68 | background-color : #000000; |
69 | padding : 7px 5px 5px 5px; |
70 | } |
71 | |
72 | /** |
73 | * XUL <box> debugging |
74 | **/ |
75 | :-moz-horizontal-box-debug |
76 | { |
77 | border : 2px solid blue; |
78 | border-top-width : 10px; |
79 | padding : 2px; |
80 | margin : 2px; |
81 | color : white; |
82 | } |
83 | |
84 | :-moz-vertical-box-debug |
85 | { |
86 | border : 2px solid red; |
87 | border-left-width : 10px; |
88 | padding : 2px; |
89 | margin : 2px; |
90 | color : white; |
91 | } |
92 | |
93 | /** |
94 | * Utility icons (used for alert dialogs, etc) |
95 | **/ |
96 | .message-icon |
97 | { |
98 | list-style-image : url("chrome://global/skin/message-icon.gif"); |
99 | } |
100 | |
101 | .alert-icon |
102 | { |
103 | list-style-image : url("chrome://global/skin/alert-icon.gif"); |
104 | } |
105 | |
106 | .error-icon |
107 | { |
108 | list-style-image : url("chrome://global/skin/error-icon.gif"); |
109 | } |
110 | |
111 | .question-icon |
112 | { |
113 | list-style-image : url("chrome://global/skin/question-icon.gif"); |
114 | } |
115 | |
116 | statusbarpanel |
117 | { |
118 | padding : 0px 1px 0px 1px; |
119 | vertical-align : middle; |
120 | } |
121 | |
122 | .statusbar-panel-icon |
123 | { |
124 | margin : 0px 2px 0px 0px; |
125 | } |
126 | |
127 | /** |
128 | * status-bar |
129 | */ |
130 | #status-bar |
131 | { |
132 | border-top : 1px solid #9999CC; |
133 | background-color : #000000; |
134 | -moz-user-focus : ignore; |
135 | overflow : hidden |
136 | } |
137 | |
138 | .statusbar-left |
139 | { |
140 | width : 8px; |
141 | list-style-image : url("chrome://global/skin/gray-bottomleft.gif"); |
142 | background-position : bottom left; |
143 | } |
144 | |
145 | .statusbar-right |
146 | { |
147 | width : 8px; |
148 | list-style-image : url("chrome://global/skin/gray-bottomright.gif"); |
149 | background-position : bottom right; |
150 | } |
151 | |
152 | /** |
153 | * html|iframe default sizing |
154 | **/ |
155 | html|iframe |
156 | { |
157 | min-width : 10px; |
158 | min-height : 10px; |
159 | width : 100px; |
160 | height : 100px; |
161 | border : none; |
162 | } |
163 | |
164 | /** |
165 | * XUL <progressmeter> |
166 | **/ |
167 | progressmeter[mode="undetermined"] > .progressmeter-internal-box |
168 | { |
169 | background-image : url(chrome://global/skin/progressmeter-busy.gif); |
170 | } |
171 | |
172 | progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar { |
173 | visibility: collapse; |
174 | } |
175 | |
176 | .progress-text |
177 | { |
178 | font-weight : normal !important; |
179 | } |
180 | |
181 | progressmeter |
182 | { |
183 | min-width : 100px; |
184 | margin : 0px 4px 0px 4px; |
185 | border : 1px solid #FF9F00; |
186 | } |
187 | |
188 | progressmeter > .progressmeter-internal-box |
189 | { |
190 | border : none; |
191 | padding : 1px; |
192 | /* border : 1px solid #000000; */ |
193 | } |
194 | |
195 | /* progress indicators */ |
196 | .progress-bar |
197 | { |
198 | background-color : #FFCF00; |
199 | } |
200 | |
201 | .progress-remainder |
202 | { |
203 | background-color : #000000; |
204 | } |
205 | |
206 | .progressmeter-statusbar |
207 | { |
208 | border : 1px solid #FF9F00; |
209 | margin : 1px 4px 1px 4px; |
210 | } |
211 | |
212 | .progressmeter-statusbar > .progressmeter-internal-box |
213 | { |
214 | border : none; |
215 | padding : 1px; |
216 | } |
217 | |
218 | .progressmeter-progressbar[statusbar="true"] > .progress-bar |
219 | { |
220 | background-color : #FFCF00; |
221 | border-right : none; |
222 | } |
223 | |
224 | .progressmeter-progressbar[statusbar="true"] > .progress-remainder |
225 | { |
226 | background-color : #000000; |
227 | } |
228 | |
229 | /** XUL <scrollbar> element **/ |
230 | scrollbar |
231 | { |
232 | -moz-user-focus : ignore; |
233 | } |
234 | |
235 | |
236 | /* XUL <colorpicker> pieces */ |
237 | .colorpickertile |
238 | { |
239 | width : 20px; |
240 | height : 20px; |
241 | margin : 1px; |
242 | border : 1px solid #FFCF00; |
243 | } |
244 | |
245 | .colorpickertile:hover |
246 | { |
247 | border : 1px solid #FF9F00; |
248 | } |
249 | |
250 | .colorpickertile[selected="true"] |
251 | { |
252 | border : 1px solid #FFCF00; |
253 | } |
254 | |
255 | |