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);
257 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
260 #sync-button[status=active] {
261 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
268 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
272 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
276 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
280 #viewPickerPopup > menuitem > .menu-iconic-left,
281 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
282 display: -moz-box !important;
285 /* ::::: small primary toolbar buttons ::::: */
287 toolbar[iconsize="small"] > #button-getmsg,
288 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
289 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
290 -moz-image-region: rect(48px 16px 64px 0);
293 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
294 -moz-image-region: rect(48px 32px 64px 16px);
297 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover,
298 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover:active,
299 toolbar[iconsize="small"] > #button-getmsg[open="true"] {
300 -moz-image-region: rect(48px 48px 64px 32px);
303 toolbar[iconsize="small"] > #button-newmsg,
304 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
305 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
306 -moz-image-region: rect(80px 16px 96px 0);
309 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
310 -moz-image-region: rect(80px 32px 96px 16px);
313 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover,
314 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover:active {
315 -moz-image-region: rect(80px 48px 96px 32px);
318 toolbar[iconsize="small"] > #button-reply,
319 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
320 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
321 -moz-image-region: rect(112px 16px 128px 0);
324 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
325 -moz-image-region: rect(112px 32px 128px 16px);
328 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover,
329 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover:active,
330 toolbar[iconsize="small"] > #button-reply[open="true"] {
331 -moz-image-region: rect(112px 48px 128px 32px);
334 toolbar[iconsize="small"] > #button-replyall,
335 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
336 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
337 -moz-image-region: rect(128px 16px 144px 0);
340 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
341 -moz-image-region: rect(128px 32px 144px 16px);
344 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover,
345 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover:active,
346 toolbar[iconsize="small"] > #button-replyall[open="true"] {
347 -moz-image-region: rect(128px 48px 144px 32px);
350 toolbar[iconsize="small"] > #button-forward,
351 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
352 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
353 -moz-image-region: rect(32px 16px 48px 0);
356 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
357 -moz-image-region: rect(32px 32px 48px 16px);
360 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover,
361 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover:active,
362 toolbar[iconsize="small"] > #button-forward[open="true"] {
363 -moz-image-region: rect(32px 48px 48px 32px);
366 toolbar[iconsize="small"] > #button-file,
367 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
368 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
369 -moz-image-region: rect(16px 16px 32px 0);
372 toolbar[iconsize="small"] > #button-file[disabled="true"] {
373 -moz-image-region: rect(16px 32px 32px 16px);
376 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover,
377 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover:active,
378 toolbar[iconsize="small"] > #button-file[open="true"] {
379 -moz-image-region: rect(16px 48px 32px 32px);
382 toolbar[iconsize="small"] > #button-goback,
383 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
384 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
385 -moz-image-region: rect(32px 16px 48px 0);
388 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
389 -moz-image-region: rect(32px 32px 48px 16px);
392 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover,
393 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover:active,
394 toolbar[iconsize="small"] > #button-goback[open="true"] {
395 -moz-image-region: rect(32px 48px 48px 32px);
398 toolbar[iconsize="small"] > #button-goforward,
399 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
400 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
401 -moz-image-region: rect(48px 16px 64px 0);
404 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
405 -moz-image-region: rect(48px 32px 64px 16px);
408 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover,
409 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover:active,
410 toolbar[iconsize="small"] > #button-goforward[open="true"] {
411 -moz-image-region: rect(48px 48px 64px 32px);
414 toolbar[iconsize="small"] > #button-next,
415 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
416 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
417 -moz-image-region: rect(96px 16px 112px 0);
420 toolbar[iconsize="small"] > #button-next[disabled="true"] {
421 -moz-image-region: rect(96px 32px 112px 16px);
424 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover,
425 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover:active,
426 toolbar[iconsize="small"] > #button-next[open="true"] {
427 -moz-image-region: rect(96px 48px 112px 32px);
430 toolbar[iconsize="small"] > #button-delete,
431 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
432 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
433 -moz-image-region: rect(0 16px 16px 0);
436 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
437 -moz-image-region: rect(0 32px 16px 16px);
440 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover,
441 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover:active {
442 -moz-image-region: rect(0 48px 16px 32px);
445 toolbar[iconsize="small"] > #button-mark,
446 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
447 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
448 -moz-image-region: rect(64px 16px 80px 0);
451 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
452 -moz-image-region: rect(64px 32px 80px 16px);
455 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover,
456 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover:active,
457 toolbar[iconsize="small"] > #button-mark[open="true"] {
458 -moz-image-region: rect(64px 48px 80px 32px);
461 toolbar[iconsize="small"] > #button-junk,
462 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
463 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
464 -moz-image-region: rect(192px 16px 208px 0);
467 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
468 -moz-image-region: rect(192px 32px 208px 16px);
471 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover
472 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover:active {
473 -moz-image-region: rect(192px 48px 208px 32px);
476 toolbar[iconsize="small"] > #button-print,
477 toolbar[iconsize="small"] > toolbarpaletteitem > #button-print {
478 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
479 -moz-image-region: rect(0 16px 16px 0);
482 toolbar[iconsize="small"] > #button-print[disabled="true"] {
483 -moz-image-region: rect(0 32px 16px 16px);
486 toolbar[iconsize="small"] > #button-print:not([disabled="true"]):hover,
487 toolbar[iconsize="small"] > #button-print:not([disabled="true"]):hover:active {
488 -moz-image-region: rect(0 48px 16px 32px);
491 toolbar[iconsize="small"] > #button-stop,
492 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
493 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
494 -moz-image-region: rect(16px 16px 32px 0);
497 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
498 -moz-image-region: rect(16px 32px 32px 16px);
501 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover,
502 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active {
503 -moz-image-region: rect(16px 48px 32px 32px);
506 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
507 toolbar[iconsize="small"] > #sync-button {
508 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
511 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
512 toolbar[iconsize="small"] > #sync-button[status=active] {
513 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
516 /* ::::: message notification bar style rules ::::: */
518 .msgNotificationBar {
522 background-color: #FF9F00;
526 .msgNotificationBar:-moz-lwtheme {
530 .msgNotificationBarText {
535 list-style-image: url("chrome://messenger/skin/toolbar/junk-hover.gif");
539 -moz-margin-start: 0.5ex;
540 list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
543 #remoteContentImage {
544 list-style-image: url("chrome://messenger/skin/toolbar/remote-blocked.png");
549 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
553 #allowRemoteContentForAuthorDesc {
554 -moz-padding-start: 10px;