toolkit/themes/windows/global/global.css@b8a032363ba2
toolkit/themes/windows/global/global.css
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* ===== global.css =====================================================
6 == Styles that apply everywhere.
7 ======================================================================= */
9 /* all localizable skin settings shall live here */
10 @import url("chrome://global/locale/intl.css");
12 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
14 /* ::::: XBL bindings ::::: */
16 radio {
17 -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
18 }
20 menulist > menupopup,
21 .menulist-menupopup {
22 -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
23 }
25 .menulist-compact {
26 -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
27 }
29 /* ::::: root elements ::::: */
31 window,
32 page,
33 dialog,
34 wizard,
35 prefwindow {
36 -moz-appearance: window;
37 background-color: -moz-Dialog;
38 color: -moz-DialogText;
39 font: message-box;
40 }
42 /* deprecated */
43 window.dialog {
44 padding-top: 8px;
45 padding-bottom: 10px;
46 -moz-padding-start: 8px;
47 -moz-padding-end: 10px;
48 }
50 /* ::::: alert icons :::::*/
52 .message-icon,
53 .alert-icon,
54 .error-icon,
55 .question-icon {
56 width: 32px;
57 height: 32px;
58 }
60 .message-icon {
61 list-style-image: url("chrome://global/skin/icons/information-32.png");
62 }
64 .alert-icon {
65 list-style-image: url("chrome://global/skin/icons/Warning.png");
66 }
68 .error-icon {
69 list-style-image: url("chrome://global/skin/icons/Error.png");
70 }
72 .question-icon {
73 list-style-image: url("chrome://global/skin/icons/Question.png");
74 }
76 /* ::::: iframe ::::: */
78 iframe {
79 border: none;
80 width: 100px;
81 height: 100px;
82 min-width: 10px;
83 min-height: 10px;
84 }
86 /* ::::: statusbar ::::: */
88 statusbar {
89 -moz-appearance: statusbar;
90 border-top: 1px solid ThreeDLightShadow;
91 border-left: 1px solid ThreeDShadow;
92 border-right: 1px solid ThreeDHighlight;
93 border-bottom: 1px solid ThreeDHighlight;
94 background-color: -moz-Dialog;
95 min-height: 22px;
96 }
98 statusbarpanel {
99 -moz-appearance: statusbarpanel;
100 -moz-box-align: center;
101 -moz-box-pack: center;
102 border-left: 1px solid ThreeDHighlight;
103 border-top: 1px solid ThreeDHighlight;
104 border-right: 1px solid ThreeDShadow;
105 border-bottom: 1px solid ThreeDShadow;
106 padding: 0 4px;
107 }
109 statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
110 -moz-appearance: none;
111 border-top-style: none;
112 border-bottom-style: none;
113 -moz-border-start-style: none;
114 }
116 .statusbar-resizerpanel {
117 -moz-box-align: end;
118 -moz-box-pack: end;
119 -moz-appearance: resizerpanel;
120 padding: 0;
121 border: none;
122 }
124 .statusbarpanel-iconic,
125 .statusbarpanel-iconic-text,
126 .statusbarpanel-menu-iconic {
127 padding: 0 1px;
128 }
130 /* XXXBlake yeah, shoot me -- these don't belong here. I'll move them later. */
132 sidebarheader {
133 height: 25px;
134 background-color: -moz-Dialog;
135 -moz-appearance: toolbox;
136 border-bottom: 1px solid ThreeDShadow;
137 border-top: 1px solid ThreeDHighlight;
138 }
140 sidebarheader > label {
141 -moz-padding-start: 4px;
142 }
144 .toolbar-focustarget {
145 -moz-user-focus: ignore !important;
146 }
148 toolbar[mode="text"] .toolbarbutton-text {
149 padding: 0 !important;
150 margin: 3px 5px !important;
151 }
153 /* ::::: miscellaneous formatting ::::: */
155 :root:-moz-lwtheme,
156 [lwthemefooter="true"] {
157 -moz-appearance: none;
158 }
160 :root:-moz-lwtheme-darktext {
161 text-shadow: 0 -0.5px 1.5px white;
162 }
164 :root:-moz-lwtheme-brighttext {
165 text-shadow: 1px 1px 1.5px black;
166 }
168 statusbar:-moz-lwtheme,
169 sidebarheader:-moz-lwtheme {
170 -moz-appearance: none;
171 background: none;
172 border-style: none;
173 }
175 .inset {
176 border: 1px solid ThreeDShadow;
177 border-right-color: ThreeDHighlight;
178 border-bottom-color: ThreeDHighlight;
179 margin: 0 5px 5px;
180 }
182 .outset {
183 border: 1px solid ThreeDShadow;
184 border-left-color: ThreeDHighlight;
185 border-top-color: ThreeDHighlight;
186 }
188 /* separators */
189 separator:not([orient="vertical"]) {
190 height: 1.5em;
191 }
192 separator[orient="vertical"] {
193 width: 1.5em;
194 }
196 separator.thin:not([orient="vertical"]) {
197 height: 0.5em;
198 }
199 separator.thin[orient="vertical"] {
200 width: 0.5em;
201 }
203 separator.groove:not([orient="vertical"]) {
204 border-top: 1px solid ThreeDShadow;
205 border-bottom: 1px solid ThreeDHighlight;
206 height: 0;
207 margin-top: 0.4em;
208 margin-bottom: 0.4em;
209 }
210 separator.groove[orient="vertical"] {
211 border-left: 1px solid ThreeDShadow;
212 border-right: 1px solid ThreeDHighlight;
213 width: 0;
214 margin-left: 0.4em;
215 margin-right: 0.4em;
216 }
218 .small-margin {
219 margin: 1px 2px;
220 }
222 .plain {
223 -moz-appearance: none;
224 margin: 0 !important;
225 border: none;
226 padding: 0;
227 }
229 description,
230 label {
231 cursor: default;
232 margin-top: 1px;
233 margin-bottom: 2px;
234 -moz-margin-start: 6px;
235 -moz-margin-end: 5px;
236 }
238 description {
239 margin-bottom: 4px;
240 }
242 label[disabled="true"] {
243 color: GrayText;
244 }
246 label[disabled="true"]:-moz-system-metric(windows-classic) {
247 color: ThreeDShadow;
248 text-shadow: 1px 1px ThreeDHighlight;
249 }
251 .tooltip-label {
252 margin: 0;
253 }
255 .header {
256 font-weight: bold;
257 }
259 .monospace {
260 font-family: monospace;
261 }
263 .indent {
264 -moz-margin-start: 23px;
265 }
267 .box-padded {
268 padding: 5px;
269 }
271 .spaced {
272 margin: 3px 5px 4px;
273 }
275 .wizard-box {
276 padding: 20px 44px 10px;
277 }
279 .text-link {
280 color: -moz-nativehyperlinktext;
281 border: 1px solid transparent;
282 cursor: pointer;
283 }
285 .text-link:hover {
286 text-decoration: underline;
287 }
289 .text-link:-moz-focusring {
290 border: 1px dotted -moz-DialogText;
291 }
293 /* :::::: autoscroll popup ::::: */
295 .autoscroller {
296 height: 28px;
297 width: 28px;
298 border: none;
299 margin: -14px;
300 padding: 0;
301 background-image: url("chrome://global/skin/icons/autoscroll.png");
302 background-color: transparent;
303 %ifdef XP_WIN
304 background-position: right top;
305 %endif
306 -moz-appearance: none;
307 }
309 .autoscroller[scrolldir="NS"] {
310 %ifdef XP_WIN
311 background-position: right center;
312 %else
313 background-position: left center;
314 %endif
315 }
317 .autoscroller[scrolldir="EW"] {
318 %ifdef XP_WIN
319 background-position: right bottom;
320 %else
321 background-position: left bottom;
322 %endif
323 }
325 /* :::::: Close button icons ::::: */
327 .close-icon {
328 list-style-image: url("chrome://global/skin/icons/close.png");
329 -moz-image-region: rect(0, 16px, 16px, 0);
330 }
332 .close-icon:hover {
333 -moz-image-region: rect(0, 32px, 16px, 16px);
334 }
336 .close-icon:hover:active {
337 -moz-image-region: rect(0, 48px, 16px, 32px);
338 }
340 %ifdef XP_WIN
341 @media (-moz-windows-theme: luna-blue) {
342 .close-icon {
343 list-style-image: url("chrome://global/skin/icons/close-lunaBlue.png");
344 }
345 }
347 @media (-moz-windows-theme: luna-olive) {
348 .close-icon {
349 list-style-image: url("chrome://global/skin/icons/close-lunaOlive.png");
350 }
351 }
353 @media (-moz-windows-theme: luna-silver) {
354 .close-icon {
355 list-style-image: url("chrome://global/skin/icons/close-lunaSilver.png");
356 }
357 }
358 %endif
