suite default theme changes on trunk from 1.9.1 branch point up to 2010-02-21
[themes.git] / LCARStrek / global / global.css
... / ...
CommitLineData
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
49checkbox {
50 -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing");
51}
52
53radio {
54 -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
55}
56
57menulist > 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
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");
78}
79
80toolbaritem > menubar {
81 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
82}
83
84/*
85progressmeter[mode="undetermined"] {
86 -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
87}
88*/
89
90/* ::::: root elements ::::: */
91
92window,
93page,
94dialog,
95wizard,
96prefwindow {
97 background-color: #000000;
98 color: #FF9F00;
99/* font: 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */
100 font: 11px helvetica,arial,tahoma,sans-serif;
101 padding: 3px;
102}
103
104/* deprecated */
105window.dialog {
106 background-color: #000000;
107 padding-top: 8px;
108 padding-bottom: 10px;
109 -moz-padding-start: 8px;
110 -moz-padding-end: 10px;
111}
112
113/* ::::: alert icons :::::*/
114
115.message-icon,
116.alert-icon,
117.error-icon,
118.question-icon,
119.authentication-icon {
120 width: 32px;
121 height: 32px;
122}
123
124.message-icon {
125 list-style-image: url("chrome://global/skin/icons/alert-message.gif");
126}
127
128.alert-icon {
129 list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
130}
131
132.error-icon {
133 list-style-image: url("chrome://global/skin/icons/alert-error.gif");
134}
135
136.question-icon,
137.authentication-icon {
138 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
139}
140
141/* ::::: iframe ::::: */
142
143iframe {
144 border: none;
145 width: 100px;
146 height: 100px;
147 min-width: 10px;
148 min-height: 10px;
149}
150
151/* ::::: statusbar ::::: */
152
153statusbar {
154 margin-top: 3px;
155 min-height: 16px;
156}
157
158.statusbar-center {
159 background-color: #8050B0;
160 -moz-padding-start: 2px;
161 color: #FFCF00;
162 -moz-box-align: stretch;
163}
164
165.statusbar-left {
166 -moz-border-radius: 9px 0px 0px 9px;
167 background-color: #6000CF;
168 width: 13px;
169 -moz-margin-end: 3px;
170}
171
172.statusbar-right {
173 -moz-border-radius: 0px 9px 9px 0px;
174 background-color: #6000CF;
175 width: 13px;
176 -moz-margin-start: 3px;
177}
178
179statusbarpanel {
180 -moz-box-align: center;
181 -moz-box-pack: center;
182 padding: 0px 2px;
183}
184
185.statusbar-resizerpanel {
186 -moz-box-align: end;
187 -moz-box-pack: end;
188 padding: 0px;
189}
190
191.statusbarpanel-iconic,
192.statusbarpanel-iconic-text,
193.statusbarpanel-menu-iconic {
194 padding: 0px 2px;
195}
196
197.statusbarpanel-progress {
198 -moz-box-orient: vertical;
199}
200
201window:not([active="true"]) menubar > menu {
202 color: #8050B0;
203}
204
205.toolbar-focustarget {
206 -moz-user-focus: ignore !important;
207}
208
209/* ::::: miscellaneous formatting ::::: */
210
211.inset {
212/* border: 1px inset #FF9F00;
213 margin: 0px 5px 5px; */
214}
215
216.outset {
217/* border: 1px outset #FF9F00; */
218}
219
220/* separators */
221separator:not([orient="vertical"]) {
222 height: 1.5em;
223}
224
225separator[orient="vertical"] {
226 width: 1.5em;
227}
228
229separator.thin:not([orient="vertical"]) {
230 height: 0.5em;
231}
232
233separator.thin[orient="vertical"] {
234 width: 0.5em;
235}
236
237separator.groove:not([orient="vertical"]) {
238 border-top: 2px groove #FF9F00;
239 height: 0px;
240 margin-top: 0.4em;
241 margin-bottom: 0.4em;
242}
243
244separator.groove[orient="vertical"] {
245 border-left: 2px groove #FF9F00;
246 -moz-margin-start: 0.4em;
247 -moz-margin-end: 0.4em;
248}
249
250/* groove separators (0 padding, for dividing effects) */
251separator.groove-thin {
252 border-top: 2px groove #FF9F00;
253 height: 0px;
254}
255
256separator[orient="vertical"].groove-thin {
257 border-left: 2px groove #FF9F00;
258}
259
260.small-margin {
261 margin: 0px 1px;
262}
263
264.plain {
265 margin: 0px !important;
266 border: none;
267 padding: 0px;
268}
269
270description, label {
271 cursor: default;
272 margin: 1px 3px;
273}
274
275label[disabled="true"] {
276 color: #8050B0;
277}
278
279description {
280/* margin-bottom: 4px; */
281}
282
283.tooltip-label {
284 margin: 0px;
285}
286
287.header {
288 font-weight: bold;
289}
290
291.monospace {
292 font-family: monospace;
293}
294
295.indent {
296/* -moz-margin-start: 23px; */
297 -moz-margin-start: 15px;
298}
299
300.box-padded {
301 padding: 5px;
302}
303
304.spaced {
305 margin: 1px 3px;
306}
307
308.wizard-box {
309 padding: 15px 35px 10px;
310}
311
312.text-link {
313 color: blue;
314 text-decoration: underline;
315 cursor: pointer;
316}
317
318.text-link:focus {
319 color: red;
320 /* Don't specify the outline-color, we should always use initial value. */
321 outline: 1px dotted;
322}
323
324.text-link:hover:active {
325 color: red;
326}
327
328.text-link[visited="true"] {
329 color: purple;
330}
331
332
333
334/* :::::: autoscroll popup ::::: */
335
336#autoscroller {
337 height: 28px;
338 width: 28px;
339 border: 0px;
340 margin: -14px;
341 padding: 0px;
342 background-image: url("chrome://global/skin/icons/autoscroll.png");
343 background-color: transparent;
344 -moz-appearance: none;
345}
346
347#autoscroller[scrolldir="NS"] {
348 background-position: left center;
349}
350
351#autoscroller[scrolldir="EW"] {
352 background-position: left bottom;
353}
354
355#autoscroller[transparent="true"] {
356 background-position: center top;
357}
358
359#autoscroller[transparent="true"][scrolldir="NS"] {
360 background-position: center center;
361}
362
363#autoscroller[transparent="true"][scrolldir="EW"] {
364 background-position: center bottom;
365}
366
367#autoscroller[translucent="true"] {
368 background-position: right top;
369}
370
371#autoscroller[translucent="true"][scrolldir="NS"] {
372 background-position: right center;
373}
374
375#autoscroller[translucent="true"][scrolldir="EW"] {
376 background-position: right bottom;
377}