sync both themes with Mozilla 11 toolkit winstripe changes
[themes.git] / LCARStrek / global / global.css
CommitLineData
351107c9 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 *
3d6dd546 16 * The Initial Developer of the Original Code is
351107c9 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
3d6dd546 25 * either the GNU General Public License Version 2 or later (the "GPL"), or
351107c9 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
351107c9 45@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
46
b1eaa419 47/* ::::: XBL bindings ::::: */
351107c9 48
3d6dd546 49checkbox {
50 -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing");
51}
52
b1eaa419 53radio {
3d6dd546 54 -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
351107c9 55}
56
b1eaa419 57menulist > menupopup,
58.menulist-menupopup {
59 -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
351107c9 60}
61
b1eaa419 62.menulist-compact {
6046f027 63 -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
b1eaa419 64}
351107c9 65
66/* LCARStrek special bindings */
67
b1eaa419 68statusbar {
69 -moz-binding: url("chrome://global/skin/globalBindings.xml#statusbar");
70}
71
72toolbar {
73 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
74}
75
76menubar {
77 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
dd676468
RK
78}
79
80toolbaritem > menubar {
b36fc72e 81 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#menubar");
b1eaa419 82}
3a121502 83/*
84progressmeter[mode="undetermined"] {
85 -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
86}
87*/
88
b1eaa419 89/* ::::: root elements ::::: */
90
91window,
92page,
93dialog,
c79d2bbe
RK
94wizard,
95prefwindow {
b1eaa419 96 background-color: #000000;
97 color: #FF9F00;
98/* font: 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */
4ed82c79 99 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
b1eaa419 100 padding: 3px;
101}
102
103/* deprecated */
3d6dd546 104window.dialog {
b1eaa419 105 background-color: #000000;
02920d2b
RK
106 padding-top: 8px;
107 padding-bottom: 10px;
108 -moz-padding-start: 8px;
109 -moz-padding-end: 10px;
b1eaa419 110}
111
b1eaa419 112/* ::::: alert icons :::::*/
113
114.message-icon,
115.alert-icon,
116.error-icon,
c79d2bbe
RK
117.question-icon,
118.authentication-icon {
b1eaa419 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
c79d2bbe
RK
135.question-icon,
136.authentication-icon {
b1eaa419 137 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
138}
139
140/* ::::: iframe ::::: */
141
142iframe {
143 border: none;
144 width: 100px;
145 height: 100px;
146 min-width: 10px;
147 min-height: 10px;
148}
149
150/* ::::: statusbar ::::: */
151
152statusbar {
153 margin-top: 3px;
c79d2bbe 154 min-height: 16px;
b1eaa419 155}
156
157.statusbar-center {
158 background-color: #8050B0;
8caa872d 159 -moz-padding-start: 2px;
507ac708 160 color: #FFCF00;
d0646e4a 161 -moz-box-align: stretch;
b1eaa419 162}
163
164.statusbar-left {
569543b3 165 border-radius: 9px 0px 0px 9px;
b1eaa419 166 background-color: #6000CF;
167 width: 13px;
8caa872d 168 -moz-margin-end: 3px;
b1eaa419 169}
170
171.statusbar-right {
569543b3 172 border-radius: 0px 9px 9px 0px;
b1eaa419 173 background-color: #6000CF;
174 width: 13px;
8caa872d 175 -moz-margin-start: 3px;
b1eaa419 176}
177
178statusbarpanel {
179 -moz-box-align: center;
180 -moz-box-pack: center;
2184a049 181 border-left: 3px solid black;
507ac708 182 padding: 0px 2px;
b1eaa419 183}
3d6dd546 184
2184a049
RK
185statusbarpanel:first-child {
186 border-left: none;
187}
188
a064a540
RK
189statusbarpanel: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
b1eaa419 196.statusbar-resizerpanel {
197 -moz-box-align: end;
198 -moz-box-pack: end;
199 padding: 0px;
200}
201
cfae8c74
RK
202.statusbarpanel-iconic,
203.statusbarpanel-iconic-text,
204.statusbarpanel-menu-iconic {
507ac708
RK
205}
206
207.statusbarpanel-progress {
208 -moz-box-orient: vertical;
9e9946be 209 padding: 0px;
3d6dd546 210}
b1eaa419 211
b1eaa419 212.toolbar-focustarget {
213 -moz-user-focus: ignore !important;
214}
6046f027 215
18f5421a
RK
216toolbar[mode="text"] .toolbarbutton-text {
217 /* padding: 0 !important;
218 margin: 3px 5px !important; */
219}
220
cfae8c74
RK
221/* ::::: miscellaneous formatting ::::: */
222
3b1530c2
RK
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
236statusbar:-moz-lwtheme,
237sidebarheader:-moz-lwtheme {
238 -moz-appearance: none;
239 background: none;
240 border-style: none;
241}
242
cfae8c74
RK
243.inset {
244/* border: 1px inset #FF9F00;
02920d2b 245 margin: 0px 5px 5px; */
cfae8c74
RK
246}
247
248.outset {
249/* border: 1px outset #FF9F00; */
250}
251
252/* separators */
253separator:not([orient="vertical"]) {
254 height: 1.5em;
255}
256
257separator[orient="vertical"] {
258 width: 1.5em;
259}
260
261separator.thin:not([orient="vertical"]) {
262 height: 0.5em;
263}
264
265separator.thin[orient="vertical"] {
266 width: 0.5em;
267}
268
269separator.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
276separator.groove[orient="vertical"] {
277 border-left: 2px groove #FF9F00;
8caa872d
RK
278 -moz-margin-start: 0.4em;
279 -moz-margin-end: 0.4em;
cfae8c74
RK
280}
281
282/* groove separators (0 padding, for dividing effects) */
283separator.groove-thin {
284 border-top: 2px groove #FF9F00;
285 height: 0px;
286}
287
288separator[orient="vertical"].groove-thin {
289 border-left: 2px groove #FF9F00;
290}
291
292.small-margin {
293 margin: 0px 1px;
294}
295
296.plain {
18f5421a 297 -moz-appearance: none;
cfae8c74
RK
298 margin: 0px !important;
299 border: none;
300 padding: 0px;
301}
302
303description, label {
304 cursor: default;
d15efd04 305 margin: 1px 2px;
cfae8c74
RK
306}
307
308label[disabled="true"] {
309 color: #8050B0;
310}
311
312description {
313/* margin-bottom: 4px; */
314}
315
316.tooltip-label {
317 margin: 0px;
318}
319
320.header {
321 font-weight: bold;
322}
323
324.monospace {
8ad8bf83 325 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
cfae8c74
RK
326}
327
328.indent {
8caa872d
RK
329/* -moz-margin-start: 23px; */
330 -moz-margin-start: 15px;
cfae8c74
RK
331}
332
333.box-padded {
334 padding: 5px;
335}
336
337.spaced {
338 margin: 1px 3px;
339}
340
341.wizard-box {
02920d2b 342 padding: 15px 35px 10px;
cfae8c74
RK
343}
344
345.text-link {
346 color: blue;
347 text-decoration: underline;
348 cursor: pointer;
349}
350
024ec655 351.text-link:-moz-focusring {
cfae8c74
RK
352 /* Don't specify the outline-color, we should always use initial value. */
353 outline: 1px dotted;
354}
355
c79d2bbe
RK
356/* :::::: autoscroll popup ::::: */
357
18f5421a 358.autoscroller {
c79d2bbe
RK
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
18f5421a 369.autoscroller[scrolldir="NS"] {
c79d2bbe
RK
370 background-position: left center;
371}
372
18f5421a 373.autoscroller[scrolldir="EW"] {
c79d2bbe
RK
374 background-position: left bottom;
375}
376
18f5421a 377.autoscroller[transparent="true"] {
c79d2bbe
RK
378 background-position: center top;
379}
380
18f5421a 381.autoscroller[transparent="true"][scrolldir="NS"] {
c79d2bbe
RK
382 background-position: center center;
383}
384
18f5421a 385.autoscroller[transparent="true"][scrolldir="EW"] {
c79d2bbe
RK
386 background-position: center bottom;
387}
388
18f5421a 389.autoscroller[translucent="true"] {
c79d2bbe
RK
390 background-position: right top;
391}
392
18f5421a 393.autoscroller[translucent="true"][scrolldir="NS"] {
c79d2bbe
RK
394 background-position: right center;
395}
396
18f5421a 397.autoscroller[translucent="true"][scrolldir="EW"] {
c79d2bbe 398 background-position: right bottom;
6046f027 399}