sync both themes with DOM Inspector changes between SeaMonkey 2.7 and current trunk
[themes.git] / LCARStrek / global / global.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Netscape Public License
5  * Version 1.1 (the "License"); you may not use this file except in
6  * compliance with the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/NPL/
8  *
9  * Software distributed under the License is distributed on an "AS IS" basis,
10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11  * for the specific language governing rights and limitations under the
12  * License.
13  *
14  * The Original Code is mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is
17  * Netscape Communications Corporation.
18  * Portions created by the Initial Developer are Copyright (C) 1998
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Robert Kaiser <KaiRo@KaiRo.at>
23  *
24  * Alternatively, the contents of this file may be used under the terms of
25  * either the GNU General Public License Version 2 or later (the "GPL"), or
26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27  * in which case the provisions of the GPL or the LGPL are applicable instead
28  * of those above. If you wish to allow use of your version of this file only
29  * under the terms of either the GPL or the LGPL, and not to allow others to
30  * use your version of this file under the terms of the NPL, indicate your
31  * decision by deleting the provisions above and replace them with the notice
32  * and other provisions required by the GPL or the LGPL. If you do not delete
33  * the provisions above, a recipient may use your version of this file under
34  * the terms of any one of the NPL, the GPL or the LGPL.
35  *
36  * ***** END LICENSE BLOCK ***** */
37
38 /* ===== global.css =====================================================
39   == Styles that apply everywhere.
40   ======================================================================= */
41
42 /* all localizable skin settings shall live here */
43 @import url("chrome://global/locale/intl.css");
44
45 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
46
47 /* ::::: XBL bindings ::::: */
48
49 checkbox {
50   -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing");
51 }
52
53 radio {
54   -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
55 }
56
57 menulist > menupopup,
58 .menulist-menupopup {
59   -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
60 }
61
62 .menulist-compact {
63   -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
64 }
65
66 /* LCARStrek special bindings */
67
68 statusbar {
69   -moz-binding: url("chrome://global/skin/globalBindings.xml#statusbar");
70 }
71
72 toolbar {
73   -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
74 }
75
76 menubar {
77   -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
78 }
79
80 toolbaritem > menubar {
81   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#menubar");
82 }
83 /*
84 progressmeter[mode="undetermined"] {
85   -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
86 }
87 */
88
89 /* ::::: root elements ::::: */
90
91 window,
92 page,
93 dialog,
94 wizard,
95 prefwindow {
96   background-color: #000000;
97   color: #FF9F00;
98 /*  font: 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */
99   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
100   padding: 3px;
101 }
102
103 /* deprecated */
104 window.dialog {
105   background-color: #000000;
106   padding-top: 8px;
107   padding-bottom: 10px;
108   -moz-padding-start: 8px;
109   -moz-padding-end: 10px;
110 }
111
112 /* ::::: alert icons :::::*/
113
114 .message-icon,
115 .alert-icon,
116 .error-icon,
117 .question-icon,
118 .authentication-icon {
119   width: 32px;
120   height: 32px;
121 }
122
123 .message-icon {
124   list-style-image: url("chrome://global/skin/icons/alert-message.gif");
125 }
126
127 .alert-icon {
128   list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
129 }
130
131 .error-icon {
132   list-style-image: url("chrome://global/skin/icons/alert-error.gif");
133 }
134
135 .question-icon,
136 .authentication-icon {
137   list-style-image: url("chrome://global/skin/icons/alert-question.gif");
138 }
139
140 /* ::::: iframe ::::: */
141
142 iframe {
143   border: none;
144   width: 100px;
145   height: 100px;
146   min-width: 10px;
147   min-height: 10px;
148 }
149
150 /* ::::: statusbar ::::: */
151
152 statusbar {
153   margin-top: 3px;
154   min-height: 16px;
155 }
156
157 .statusbar-center {
158   background-color: #8050B0;
159   -moz-padding-start: 2px;
160   color: #FFCF00;
161   -moz-box-align: stretch;
162 }
163
164 .statusbar-left {
165   border-radius: 9px 0px 0px 9px;
166   background-color: #6000CF;
167   width: 13px;
168   -moz-margin-end: 3px;
169 }
170
171 .statusbar-right {
172   border-radius: 0px 9px 9px 0px;
173   background-color: #6000CF;
174   width: 13px;
175   -moz-margin-start: 3px;
176 }
177
178 statusbarpanel {
179   -moz-box-align: center;
180   -moz-box-pack: center;
181   border-left: 3px solid black;
182   padding: 0px 2px;
183 }
184
185 statusbarpanel:first-child {
186   border-left: none;
187 }
188
189 statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
190   -moz-appearance: none;
191   border-top-style: none;
192   border-bottom-style: none;
193   -moz-border-start-style: none;
194 }
195
196 .statusbar-resizerpanel {
197   -moz-box-align: end;
198   -moz-box-pack: end;
199   padding: 0px;
200 }
201
202 .statusbarpanel-iconic,
203 .statusbarpanel-iconic-text,
204 .statusbarpanel-menu-iconic {
205 }
206
207 .statusbarpanel-progress {
208   -moz-box-orient: vertical;
209   padding: 0px;
210 }
211
212 .toolbar-focustarget {
213   -moz-user-focus: ignore !important;
214 }
215
216 toolbar[mode="text"] .toolbarbutton-text {
217   /* padding: 0 !important;
218   margin: 3px 5px !important; */
219 }
220
221 /* ::::: miscellaneous formatting ::::: */
222
223 :root:-moz-lwtheme,
224 [lwthemefooter="true"] {
225   -moz-appearance: none;
226 }
227
228 :root:-moz-lwtheme-darktext {
229   text-shadow: 1px 1px 2px #FFCF00;
230 }
231
232 :root:-moz-lwtheme-brighttext {
233   text-shadow: 1px 1px 2px #000000;
234 }
235
236 statusbar:-moz-lwtheme,
237 sidebarheader:-moz-lwtheme {
238   -moz-appearance: none;
239   background: none;
240   border-style: none;
241 }
242
243 .inset {
244 /*  border: 1px inset #FF9F00;
245   margin: 0px 5px 5px; */
246 }
247
248 .outset {
249 /*  border: 1px outset #FF9F00; */
250 }
251
252 /* separators */
253 separator:not([orient="vertical"]) {
254   height: 1.5em;
255 }
256
257 separator[orient="vertical"] {
258   width: 1.5em;
259 }
260
261 separator.thin:not([orient="vertical"]) {
262   height: 0.5em;
263 }
264
265 separator.thin[orient="vertical"] {
266   width: 0.5em;
267 }
268
269 separator.groove:not([orient="vertical"]) {
270   border-top: 2px groove #FF9F00;
271   height: 0px;
272   margin-top: 0.4em;
273   margin-bottom: 0.4em;
274 }
275
276 separator.groove[orient="vertical"] {
277   border-left: 2px groove #FF9F00;
278   -moz-margin-start: 0.4em;
279   -moz-margin-end: 0.4em;
280 }
281
282 /* groove separators (0 padding, for dividing effects) */
283 separator.groove-thin {
284   border-top: 2px groove #FF9F00;
285   height: 0px;
286 }
287
288 separator[orient="vertical"].groove-thin {
289   border-left: 2px groove #FF9F00;
290 }
291
292 .small-margin {
293   margin: 0px 1px;
294 }
295
296 .plain {
297   -moz-appearance: none;
298   margin: 0px !important;
299   border: none;
300   padding: 0px;
301 }
302
303 description, label  {
304   cursor: default;
305   margin: 1px 2px;
306 }
307
308 label[disabled="true"] {
309   color: #8050B0;
310 }
311
312 description {
313 /*  margin-bottom: 4px; */
314 }
315
316 .tooltip-label {
317   margin: 0px;
318 }
319
320 .header {
321   font-weight: bold;
322 }
323
324 .monospace {
325   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
326 }
327
328 .indent {
329 /*  -moz-margin-start: 23px; */
330   -moz-margin-start: 15px;
331 }
332
333 .box-padded {
334   padding: 5px;
335 }
336
337 .spaced {
338   margin: 1px 3px;
339 }
340
341 .wizard-box {
342   padding: 15px 35px 10px;
343 }
344
345 .text-link {
346   color: blue;
347   text-decoration: underline;
348   cursor: pointer;
349 }
350
351 .text-link:-moz-focusring {
352   /* Don't specify the outline-color, we should always use initial value. */
353   outline: 1px dotted;
354 }
355
356 /* :::::: autoscroll popup ::::: */
357
358 .autoscroller {
359   height: 28px;
360   width: 28px;
361   border: 0px;
362   margin: -14px;
363   padding: 0px;
364   background-image: url("chrome://global/skin/icons/autoscroll.png");
365   background-color: transparent;
366   -moz-appearance: none;
367 }
368
369 .autoscroller[scrolldir="NS"] {
370   background-position: left center;
371 }
372
373 .autoscroller[scrolldir="EW"] {
374   background-position: left bottom;
375 }
376
377 .autoscroller[transparent="true"] {
378   background-position: center top;
379 }
380
381 .autoscroller[transparent="true"][scrolldir="NS"] {
382   background-position: center center;
383 }
384
385 .autoscroller[transparent="true"][scrolldir="EW"] {
386   background-position: center bottom;
387 }
388
389 .autoscroller[translucent="true"] {
390   background-position: right top;
391 }
392
393 .autoscroller[translucent="true"][scrolldir="NS"] {
394   background-position: right center;
395 }
396
397 .autoscroller[translucent="true"][scrolldir="EW"] {
398   background-position: right bottom;
399 }