incorporate toolkit winstripe changes until 2011-02-13
[themes.git] / LCARStrek / messenger / primaryToolbar.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/* ===== primaryToolbar.css =============================================
39 == Images for the Mail primary toolbar.
40 ======================================================================= */
41
42@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
43
44/* ::::: primary toolbar buttons ::::: */
45
46#button-getmsg {
47 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
48 -moz-image-region: rect(63px 25px 84px 0px);
49}
50
51#button-getmsg[disabled="true"] {
52 -moz-image-region: rect(63px 50px 84px 25px);
53}
54
55#button-getmsg:not([disabled="true"]):hover,
56#button-getmsg:not([disabled="true"]):hover:active,
57#button-getmsg[open="true"] {
58 -moz-image-region: rect(63px 75px 84px 50px);
59}
60
61#button-newmsg {
62 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
63 -moz-image-region: rect(105px 25px 126px 0px);
64}
65
66#button-newmsg[disabled="true"] {
67 -moz-image-region: rect(105px 50px 126px 25px);
68}
69
70#button-newmsg:not([disabled="true"]):hover,
71#button-newmsg:not([disabled="true"]):hover:active {
72 -moz-image-region: rect(105px 75px 126px 50px);
73}
74
75#button-reply {
76 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
77 -moz-image-region: rect(147px 25px 168px 0px);
78}
79
80#button-reply[disabled="true"] {
81 -moz-image-region: rect(147px 50px 168px 25px);
82}
83
84#button-reply:not([disabled="true"]):hover,
85#button-reply:not([disabled="true"]):hover:active,
86#button-reply[open="true"] {
87 -moz-image-region: rect(147px 75px 168px 50px);
88}
89
90#button-replyall {
91 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
92 -moz-image-region: rect(168px 25px 189px 0px);
93}
94
95#button-replyall[disabled="true"] {
96 -moz-image-region: rect(168px 50px 189px 25px);
97}
98
99#button-replyall:not([disabled="true"]):hover,
100#button-replyall:not([disabled="true"]):hover:active,
101#button-replyall[open="true"] {
102 -moz-image-region: rect(168px 75px 189px 50px);
103}
104
105#button-forward {
106 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
107 -moz-image-region: rect(42px 25px 63px 0px);
108}
109
110#button-forward[disabled="true"] {
111 -moz-image-region: rect(42px 50px 63px 25px);
112}
113
114#button-forward:not([disabled="true"]):hover,
115#button-forward:not([disabled="true"]):hover:active,
116#button-forward[open="true"] {
117 -moz-image-region: rect(42px 75px 63px 50px);
118}
119
120#button-file {
121 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
122 -moz-image-region: rect(21px 25px 42px 0px);
123}
124
125#button-file[disabled="true"] {
126 -moz-image-region: rect(21px 50px 42px 25px);
127}
128
129#button-file:not([disabled="true"]):hover,
130#button-file:not([disabled="true"]):hover:active,
131#button-file[open="true"] {
132 -moz-image-region: rect(21px 75px 42px 50px);
133}
134
135#button-goback {
136 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
137 -moz-image-region: rect(42px 25px 63px 0px);
138}
139
140#button-goback:not([disabled="true"]):hover,
141#button-goback:not([disabled="true"]):hover:active,
142#button-goback[open="true"] {
143 -moz-image-region: rect(42px 75px 63px 50px);
144}
145
146#button-goback[disabled="true"] {
147 -moz-image-region: rect(42px 50px 63px 25px);
148}
149
150#button-goforward {
151 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
152 -moz-image-region: rect(63px 25px 84px 0px);
153}
154
155#button-goforward:not([disabled="true"]):hover,
156#button-goforward:not([disabled="true"]):hover:active,
157#button-goforward[open="true"] {
158 -moz-image-region: rect(63px 75px 84px 50px);
159}
160
161#button-goforward[disabled="true"] {
162 -moz-image-region: rect(63px 50px 84px 25px);
163}
164
165#button-next {
166 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
167 -moz-image-region: rect(126px 25px 147px 0px);
168}
169
170#button-next[disabled="true"] {
171 -moz-image-region: rect(126px 50px 147px 25px);
172}
173
174#button-next:not([disabled="true"]):hover,
175#button-next:not([disabled="true"]):hover:active,
176#button-next[open="true"] {
177 -moz-image-region: rect(126px 75px 147px 50px);
178}
179
180#button-delete {
181 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
182 -moz-image-region: rect(0px 25px 21px 0px);
183}
184
185#button-delete[disabled="true"] {
186 -moz-image-region: rect(0px 50px 21px 25px);
187}
188
189#button-delete:not([disabled="true"]):hover,
190#button-delete:not([disabled="true"]):hover:active {
191 -moz-image-region: rect(0px 75px 21px 50px);
192}
193
194toolbarpaletteitem > #button-delete {
195 display: -moz-box;
196}
197
198#button-mark {
199 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
200 -moz-image-region: rect(84px 25px 105px 0px);
201}
202
203#button-mark[disabled="true"] {
204 -moz-image-region: rect(84px 50px 105px 25px);
205}
206
207#button-mark:not([disabled="true"]):hover,
208#button-mark:not([disabled="true"]):hover:active,
209#button-mark[open="true"] {
210 -moz-image-region: rect(84px 75px 105px 50px);
211}
212
213#button-print {
214 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
215 -moz-image-region: rect(0px 25px 21px 0px);
216}
217
218#button-print:not([disabled="true"]):hover,
219#button-print:not([disabled="true"]):hover:active,
220#button-print[open="true"] {
221 -moz-image-region: rect(0px 75px 21px 50px);
222}
223
224#button-print[disabled="true"] {
225 -moz-image-region: rect(0px 50px 21px 25px);
226}
227
228#button-stop {
229 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
230 -moz-image-region: rect(21px 25px 42px 0px);
231}
232
233#button-stop:not([disabled="true"]):hover,
234#button-stop:not([disabled="true"]):hover:active {
235 -moz-image-region: rect(21px 75px 42px 50px);
236}
237
238#button-stop[disabled="true"] {
239 -moz-image-region: rect(21px 50px 42px 25px);
240}
241
242#button-junk {
243 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
244 -moz-image-region: rect(252px 25px 273px 0px);
245}
246
247#button-junk[disabled="true"] {
248 -moz-image-region: rect(252px 50px 273px 25px);
249}
250
251#button-junk:not([disabled="true"]):hover,
252#button-junk:not([disabled="true"]):hover:active {
253 -moz-image-region: rect(252px 75px 273px 50px);
254}
255
256#locationFolders {
257 width: 22em;
258}
259
260toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
261 max-width: 11em;
262}
263
264toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
265 max-width: 11em;
266}
267
268toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
269 max-width: 11em;
270}
271
272#viewPickerPopup > menuitem > .menu-iconic-left,
273#viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
274 display: -moz-box !important;
275}
276
277/* ::::: small primary toolbar buttons ::::: */
278
279toolbar[iconsize="small"] > #button-getmsg,
280toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
281 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
282 -moz-image-region: rect(48px 16px 64px 0);
283}
284
285toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
286 -moz-image-region: rect(48px 32px 64px 16px);
287}
288
289toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover,
290toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover:active,
291toolbar[iconsize="small"] > #button-getmsg[open="true"] {
292 -moz-image-region: rect(48px 48px 64px 32px);
293}
294
295toolbar[iconsize="small"] > #button-newmsg,
296toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
297 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
298 -moz-image-region: rect(80px 16px 96px 0);
299}
300
301toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
302 -moz-image-region: rect(80px 32px 96px 16px);
303}
304
305toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover,
306toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover:active {
307 -moz-image-region: rect(80px 48px 96px 32px);
308}
309
310toolbar[iconsize="small"] > #button-reply,
311toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
312 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
313 -moz-image-region: rect(112px 16px 128px 0);
314}
315
316toolbar[iconsize="small"] > #button-reply[disabled="true"] {
317 -moz-image-region: rect(112px 32px 128px 16px);
318}
319
320toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover,
321toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover:active,
322toolbar[iconsize="small"] > #button-reply[open="true"] {
323 -moz-image-region: rect(112px 48px 128px 32px);
324}
325
326toolbar[iconsize="small"] > #button-replyall,
327toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
328 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
329 -moz-image-region: rect(128px 16px 144px 0);
330}
331
332toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
333 -moz-image-region: rect(128px 32px 144px 16px);
334}
335
336toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover,
337toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover:active,
338toolbar[iconsize="small"] > #button-replyall[open="true"] {
339 -moz-image-region: rect(128px 48px 144px 32px);
340}
341
342toolbar[iconsize="small"] > #button-forward,
343toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
344 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
345 -moz-image-region: rect(32px 16px 48px 0);
346}
347
348toolbar[iconsize="small"] > #button-forward[disabled="true"] {
349 -moz-image-region: rect(32px 32px 48px 16px);
350}
351
352toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover,
353toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover:active,
354toolbar[iconsize="small"] > #button-forward[open="true"] {
355 -moz-image-region: rect(32px 48px 48px 32px);
356}
357
358toolbar[iconsize="small"] > #button-file,
359toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
360 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
361 -moz-image-region: rect(16px 16px 32px 0);
362}
363
364toolbar[iconsize="small"] > #button-file[disabled="true"] {
365 -moz-image-region: rect(16px 32px 32px 16px);
366}
367
368toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover,
369toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover:active,
370toolbar[iconsize="small"] > #button-file[open="true"] {
371 -moz-image-region: rect(16px 48px 32px 32px);
372}
373
374toolbar[iconsize="small"] > #button-goback,
375toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
376 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
377 -moz-image-region: rect(32px 16px 48px 0);
378}
379
380toolbar[iconsize="small"] > #button-goback[disabled="true"] {
381 -moz-image-region: rect(32px 32px 48px 16px);
382}
383
384toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover,
385toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover:active,
386toolbar[iconsize="small"] > #button-goback[open="true"] {
387 -moz-image-region: rect(32px 48px 48px 32px);
388}
389
390toolbar[iconsize="small"] > #button-goforward,
391toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
392 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
393 -moz-image-region: rect(48px 16px 64px 0);
394}
395
396toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
397 -moz-image-region: rect(48px 32px 64px 16px);
398}
399
400toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover,
401toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover:active,
402toolbar[iconsize="small"] > #button-goforward[open="true"] {
403 -moz-image-region: rect(48px 48px 64px 32px);
404}
405
406toolbar[iconsize="small"] > #button-next,
407toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
408 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
409 -moz-image-region: rect(96px 16px 112px 0);
410}
411
412toolbar[iconsize="small"] > #button-next[disabled="true"] {
413 -moz-image-region: rect(96px 32px 112px 16px);
414}
415
416toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover,
417toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover:active,
418toolbar[iconsize="small"] > #button-next[open="true"] {
419 -moz-image-region: rect(96px 48px 112px 32px);
420}
421
422toolbar[iconsize="small"] > #button-delete,
423toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
424 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
425 -moz-image-region: rect(0 16px 16px 0);
426}
427
428toolbar[iconsize="small"] > #button-delete[disabled="true"] {
429 -moz-image-region: rect(0 32px 16px 16px);
430}
431
432toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover,
433toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover:active {
434 -moz-image-region: rect(0 48px 16px 32px);
435}
436
437toolbar[iconsize="small"] > #button-mark,
438toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
439 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
440 -moz-image-region: rect(64px 16px 80px 0);
441}
442
443toolbar[iconsize="small"] > #button-mark[disabled="true"] {
444 -moz-image-region: rect(64px 32px 80px 16px);
445}
446
447toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover,
448toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover:active,
449toolbar[iconsize="small"] > #button-mark[open="true"] {
450 -moz-image-region: rect(64px 48px 80px 32px);
451}
452
453toolbar[iconsize="small"] > #button-junk,
454toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
455 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
456 -moz-image-region: rect(192px 16px 208px 0);
457}
458
459toolbar[iconsize="small"] > #button-junk[disabled="true"] {
460 -moz-image-region: rect(192px 32px 208px 16px);
461}
462
463toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover
464toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover:active {
465 -moz-image-region: rect(192px 48px 208px 32px);
466}
467
468toolbar[iconsize="small"] > #button-print,
469toolbar[iconsize="small"] > toolbarpaletteitem > #button-print {
470 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
471 -moz-image-region: rect(0 16px 16px 0);
472}
473
474toolbar[iconsize="small"] > #button-print[disabled="true"] {
475 -moz-image-region: rect(0 32px 16px 16px);
476}
477
478toolbar[iconsize="small"] > #button-print:not([disabled="true"]):hover,
479toolbar[iconsize="small"] > #button-print:not([disabled="true"]):hover:active {
480 -moz-image-region: rect(0 48px 16px 32px);
481}
482
483toolbar[iconsize="small"] > #button-stop,
484toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
485 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
486 -moz-image-region: rect(16px 16px 32px 0);
487}
488
489toolbar[iconsize="small"] > #button-stop[disabled="true"] {
490 -moz-image-region: rect(16px 32px 32px 16px);
491}
492
493toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover,
494toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active {
495 -moz-image-region: rect(16px 48px 32px 32px);
496}
497
498/* ::::: message notification bar style rules ::::: */
499
500.msgNotificationBar {
501 border-radius: 7px;
502 padding: 3px;
503 margin-bottom: 3px;
504 background-color: #FF9F00;
505 color: #000000;
506}
507
508.msgNotificationBar:-moz-lwtheme {
509 text-shadow: none;
510}
511
512.msgNotificationBarText {
513 font-weight: bold;
514}
515
516#junkBarImage {
517 list-style-image: url("chrome://messenger/skin/toolbar/junk-hover.gif");
518}
519
520#junkIcon {
521 -moz-margin-start: 0.5ex;
522 list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
523}
524
525#remoteContentImage {
526 list-style-image: url("chrome://messenger/skin/toolbar/remote-blocked.png");
527 padding: 3px;
528}
529
530#mdnBarImage {
531 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
532 padding: 3px;
533}
534
535#allowRemoteContentForAuthorDesc {
536 -moz-padding-start: 10px;
537}