1 /* ***** BEGIN LICENSE BLOCK *****
2 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
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/
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
14 * The Original Code is mozilla.org code.
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.
22 * Robert Kaiser <KaiRo@KaiRo.at>
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.
36 * ***** END LICENSE BLOCK ***** */
38 /* ===== primaryToolbar.css =============================================
39 == Images for the Mail primary toolbar.
40 ======================================================================= */
42 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
44 /* ::::: primary toolbar buttons ::::: */
47 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
48 -moz-image-region: rect(63px 25px 84px 0px);
51 #button-getmsg[disabled="true"] {
52 -moz-image-region: rect(63px 50px 84px 25px);
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);
62 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
63 -moz-image-region: rect(105px 25px 126px 0px);
66 #button-newmsg[disabled="true"] {
67 -moz-image-region: rect(105px 50px 126px 25px);
70 #button-newmsg:not([disabled="true"]):hover,
71 #button-newmsg:not([disabled="true"]):hover:active {
72 -moz-image-region: rect(105px 75px 126px 50px);
76 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
77 -moz-image-region: rect(147px 25px 168px 0px);
80 #button-reply[disabled="true"] {
81 -moz-image-region: rect(147px 50px 168px 25px);
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);
91 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
92 -moz-image-region: rect(168px 25px 189px 0px);
95 #button-replyall[disabled="true"] {
96 -moz-image-region: rect(168px 50px 189px 25px);
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);
106 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
107 -moz-image-region: rect(42px 25px 63px 0px);
110 #button-forward[disabled="true"] {
111 -moz-image-region: rect(42px 50px 63px 25px);
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);
121 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
122 -moz-image-region: rect(21px 25px 42px 0px);
125 #button-file[disabled="true"] {
126 -moz-image-region: rect(21px 50px 42px 25px);
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);
136 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
137 -moz-image-region: rect(42px 25px 63px 0px);
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);
146 #button-goback[disabled="true"] {
147 -moz-image-region: rect(42px 50px 63px 25px);
151 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
152 -moz-image-region: rect(63px 25px 84px 0px);
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);
161 #button-goforward[disabled="true"] {
162 -moz-image-region: rect(63px 50px 84px 25px);
166 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
167 -moz-image-region: rect(126px 25px 147px 0px);
170 #button-next[disabled="true"] {
171 -moz-image-region: rect(126px 50px 147px 25px);
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);
181 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
182 -moz-image-region: rect(0px 25px 21px 0px);
185 #button-delete[disabled="true"] {
186 -moz-image-region: rect(0px 50px 21px 25px);
189 #button-delete:not([disabled="true"]):hover,
190 #button-delete:not([disabled="true"]):hover:active {
191 -moz-image-region: rect(0px 75px 21px 50px);
194 toolbarpaletteitem > #button-delete {
199 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
200 -moz-image-region: rect(84px 25px 105px 0px);
203 #button-mark[disabled="true"] {
204 -moz-image-region: rect(84px 50px 105px 25px);
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);
214 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
215 -moz-image-region: rect(0px 25px 21px 0px);
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);
224 #button-print[disabled="true"] {
225 -moz-image-region: rect(0px 50px 21px 25px);
229 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
230 -moz-image-region: rect(21px 25px 42px 0px);
233 #button-stop:not([disabled="true"]):hover,
234 #button-stop:not([disabled="true"]):hover:active {
235 -moz-image-region: rect(21px 75px 42px 50px);
238 #button-stop[disabled="true"] {
239 -moz-image-region: rect(21px 50px 42px 25px);
243 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
244 -moz-image-region: rect(252px 25px 273px 0px);
247 #button-junk[disabled="true"] {
248 -moz-image-region: rect(252px 50px 273px 25px);
251 #button-junk:not([disabled="true"]):hover,
252 #button-junk:not([disabled="true"]):hover:active {
253 -moz-image-region: rect(252px 75px 273px 50px);
256 /* ::::: small primary toolbar buttons ::::: */
258 toolbar[iconsize="small"] > #button-getmsg,
259 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
260 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
261 -moz-image-region: rect(48px 16px 64px 0);
264 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
265 -moz-image-region: rect(48px 32px 64px 16px);
268 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover,
269 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover:active,
270 toolbar[iconsize="small"] > #button-getmsg[open="true"] {
271 -moz-image-region: rect(48px 48px 64px 32px);
274 toolbar[iconsize="small"] > #button-newmsg,
275 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
276 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
277 -moz-image-region: rect(80px 16px 96px 0);
280 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
281 -moz-image-region: rect(80px 32px 96px 16px);
284 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover,
285 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover:active {
286 -moz-image-region: rect(80px 48px 96px 32px);
289 toolbar[iconsize="small"] > #button-reply,
290 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
291 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
292 -moz-image-region: rect(112px 16px 128px 0);
295 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
296 -moz-image-region: rect(112px 32px 128px 16px);
299 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover,
300 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover:active,
301 toolbar[iconsize="small"] > #button-reply[open="true"] {
302 -moz-image-region: rect(112px 48px 128px 32px);
305 toolbar[iconsize="small"] > #button-replyall,
306 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
307 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
308 -moz-image-region: rect(128px 16px 144px 0);
311 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
312 -moz-image-region: rect(128px 32px 144px 16px);
315 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover,
316 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover:active,
317 toolbar[iconsize="small"] > #button-replyall[open="true"] {
318 -moz-image-region: rect(128px 48px 144px 32px);
321 toolbar[iconsize="small"] > #button-forward,
322 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
323 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
324 -moz-image-region: rect(32px 16px 48px 0);
327 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
328 -moz-image-region: rect(32px 32px 48px 16px);
331 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover,
332 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover:active,
333 toolbar[iconsize="small"] > #button-forward[open="true"] {
334 -moz-image-region: rect(32px 48px 48px 32px);
337 toolbar[iconsize="small"] > #button-file,
338 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
339 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
340 -moz-image-region: rect(16px 16px 32px 0);
343 toolbar[iconsize="small"] > #button-file[disabled="true"] {
344 -moz-image-region: rect(16px 32px 32px 16px);
347 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover,
348 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover:active,
349 toolbar[iconsize="small"] > #button-file[open="true"] {
350 -moz-image-region: rect(16px 48px 32px 32px);
353 toolbar[iconsize="small"] > #button-goback,
354 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
355 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
356 -moz-image-region: rect(32px 16px 48px 0);
359 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
360 -moz-image-region: rect(32px 32px 48px 16px);
363 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover,
364 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover:active,
365 toolbar[iconsize="small"] > #button-goback[open="true"] {
366 -moz-image-region: rect(32px 48px 48px 32px);
369 toolbar[iconsize="small"] > #button-goforward,
370 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
371 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
372 -moz-image-region: rect(48px 16px 64px 0);
375 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
376 -moz-image-region: rect(48px 32px 64px 16px);
379 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover,
380 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover:active,
381 toolbar[iconsize="small"] > #button-goforward[open="true"] {
382 -moz-image-region: rect(48px 48px 64px 32px);
385 toolbar[iconsize="small"] > #button-next,
386 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
387 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
388 -moz-image-region: rect(96px 16px 112px 0);
391 toolbar[iconsize="small"] > #button-next[disabled="true"] {
392 -moz-image-region: rect(96px 32px 112px 16px);
395 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover,
396 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover:active,
397 toolbar[iconsize="small"] > #button-next[open="true"] {
398 -moz-image-region: rect(96px 48px 112px 32px);
401 toolbar[iconsize="small"] > #button-delete,
402 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
403 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
404 -moz-image-region: rect(0 16px 16px 0);
407 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
408 -moz-image-region: rect(0 32px 16px 16px);
411 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover,
412 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover:active {
413 -moz-image-region: rect(0 48px 16px 32px);
416 toolbar[iconsize="small"] > #button-mark,
417 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
418 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
419 -moz-image-region: rect(64px 16px 80px 0);
422 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
423 -moz-image-region: rect(64px 32px 80px 16px);
426 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover,
427 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover:active,
428 toolbar[iconsize="small"] > #button-mark[open="true"] {
429 -moz-image-region: rect(64px 48px 80px 32px);
432 toolbar[iconsize="small"] > #button-junk,
433 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
434 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
435 -moz-image-region: rect(192px 16px 208px 0);
438 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
439 -moz-image-region: rect(192px 32px 208px 16px);
442 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover
443 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover:active {
444 -moz-image-region: rect(192px 48px 208px 32px);
447 toolbar[iconsize="small"] > #button-print,
448 toolbar[iconsize="small"] > toolbarpaletteitem > #button-print {
449 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
450 -moz-image-region: rect(0 16px 16px 0);
453 toolbar[iconsize="small"] > #button-print[disabled="true"] {
454 -moz-image-region: rect(0 32px 16px 16px);
457 toolbar[iconsize="small"] > #button-print:not([disabled="true"]):hover,
458 toolbar[iconsize="small"] > #button-print:not([disabled="true"]):hover:active {
459 -moz-image-region: rect(0 48px 16px 32px);
462 toolbar[iconsize="small"] > #button-stop,
463 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
464 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
465 -moz-image-region: rect(16px 16px 32px 0);
468 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
469 -moz-image-region: rect(16px 32px 32px 16px);
472 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover,
473 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active {
474 -moz-image-region: rect(16px 48px 32px 32px);
477 /* ::::: message notification bar style rules ::::: */
479 .msgNotificationBar {
480 -moz-border-radius: 7px;
483 background-color: #FF9F00;
487 .msgNotificationBarText {
492 list-style-image: url("chrome://messenger/skin/toolbar/junk-hover.gif");
496 -moz-margin-start: 0.5ex;
497 list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
500 #remoteContentImage {
501 list-style-image: url("chrome://messenger/skin/toolbar/remote-blocked.png");
505 #allowRemoteContentForAuthorDesc {
506 -moz-padding-start: 10px;