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(21px 25px 42px 0px);
218 #button-stop:not([disabled="true"]):hover,
219 #button-stop:not([disabled="true"]):hover:active {
220 -moz-image-region: rect(21px 75px 42px 50px);
223 #button-stop[disabled="true"] {
224 -moz-image-region: rect(21px 50px 42px 25px);
228 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
229 -moz-image-region: rect(252px 25px 273px 0px);
232 #button-junk[disabled="true"] {
233 -moz-image-region: rect(252px 50px 273px 25px);
236 #button-junk:not([disabled="true"]):hover,
237 #button-junk:not([disabled="true"]):hover:active {
238 -moz-image-region: rect(252px 75px 273px 50px);
242 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
245 #sync-button[status=active] {
246 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
253 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
257 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
261 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
265 #viewPickerPopup > menuitem > .menu-iconic-left,
266 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
267 display: -moz-box !important;
270 /* ::::: small primary toolbar buttons ::::: */
272 toolbar[iconsize="small"] > #button-getmsg,
273 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
274 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
275 -moz-image-region: rect(48px 16px 64px 0);
278 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
279 -moz-image-region: rect(48px 32px 64px 16px);
282 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover,
283 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover:active,
284 toolbar[iconsize="small"] > #button-getmsg[open="true"] {
285 -moz-image-region: rect(48px 48px 64px 32px);
288 toolbar[iconsize="small"] > #button-newmsg,
289 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
290 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
291 -moz-image-region: rect(80px 16px 96px 0);
294 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
295 -moz-image-region: rect(80px 32px 96px 16px);
298 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover,
299 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover:active {
300 -moz-image-region: rect(80px 48px 96px 32px);
303 toolbar[iconsize="small"] > #button-reply,
304 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
305 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
306 -moz-image-region: rect(112px 16px 128px 0);
309 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
310 -moz-image-region: rect(112px 32px 128px 16px);
313 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover,
314 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover:active,
315 toolbar[iconsize="small"] > #button-reply[open="true"] {
316 -moz-image-region: rect(112px 48px 128px 32px);
319 toolbar[iconsize="small"] > #button-replyall,
320 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
321 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
322 -moz-image-region: rect(128px 16px 144px 0);
325 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
326 -moz-image-region: rect(128px 32px 144px 16px);
329 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover,
330 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover:active,
331 toolbar[iconsize="small"] > #button-replyall[open="true"] {
332 -moz-image-region: rect(128px 48px 144px 32px);
335 toolbar[iconsize="small"] > #button-forward,
336 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
337 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
338 -moz-image-region: rect(32px 16px 48px 0);
341 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
342 -moz-image-region: rect(32px 32px 48px 16px);
345 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover,
346 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover:active,
347 toolbar[iconsize="small"] > #button-forward[open="true"] {
348 -moz-image-region: rect(32px 48px 48px 32px);
351 toolbar[iconsize="small"] > #button-file,
352 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
353 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
354 -moz-image-region: rect(16px 16px 32px 0);
357 toolbar[iconsize="small"] > #button-file[disabled="true"] {
358 -moz-image-region: rect(16px 32px 32px 16px);
361 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover,
362 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover:active,
363 toolbar[iconsize="small"] > #button-file[open="true"] {
364 -moz-image-region: rect(16px 48px 32px 32px);
367 toolbar[iconsize="small"] > #button-goback,
368 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
369 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
370 -moz-image-region: rect(32px 16px 48px 0);
373 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
374 -moz-image-region: rect(32px 32px 48px 16px);
377 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover,
378 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover:active,
379 toolbar[iconsize="small"] > #button-goback[open="true"] {
380 -moz-image-region: rect(32px 48px 48px 32px);
383 toolbar[iconsize="small"] > #button-goforward,
384 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
385 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
386 -moz-image-region: rect(48px 16px 64px 0);
389 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
390 -moz-image-region: rect(48px 32px 64px 16px);
393 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover,
394 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover:active,
395 toolbar[iconsize="small"] > #button-goforward[open="true"] {
396 -moz-image-region: rect(48px 48px 64px 32px);
399 toolbar[iconsize="small"] > #button-next,
400 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
401 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
402 -moz-image-region: rect(96px 16px 112px 0);
405 toolbar[iconsize="small"] > #button-next[disabled="true"] {
406 -moz-image-region: rect(96px 32px 112px 16px);
409 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover,
410 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover:active,
411 toolbar[iconsize="small"] > #button-next[open="true"] {
412 -moz-image-region: rect(96px 48px 112px 32px);
415 toolbar[iconsize="small"] > #button-delete,
416 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
417 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
418 -moz-image-region: rect(0 16px 16px 0);
421 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
422 -moz-image-region: rect(0 32px 16px 16px);
425 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover,
426 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover:active {
427 -moz-image-region: rect(0 48px 16px 32px);
430 toolbar[iconsize="small"] > #button-mark,
431 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
432 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
433 -moz-image-region: rect(64px 16px 80px 0);
436 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
437 -moz-image-region: rect(64px 32px 80px 16px);
440 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover,
441 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover:active,
442 toolbar[iconsize="small"] > #button-mark[open="true"] {
443 -moz-image-region: rect(64px 48px 80px 32px);
446 toolbar[iconsize="small"] > #button-junk,
447 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
448 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
449 -moz-image-region: rect(192px 16px 208px 0);
452 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
453 -moz-image-region: rect(192px 32px 208px 16px);
456 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover
457 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover:active {
458 -moz-image-region: rect(192px 48px 208px 32px);
461 toolbar[iconsize="small"] > #button-stop,
462 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
463 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
464 -moz-image-region: rect(16px 16px 32px 0);
467 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
468 -moz-image-region: rect(16px 32px 32px 16px);
471 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover,
472 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active {
473 -moz-image-region: rect(16px 48px 32px 32px);
476 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
477 toolbar[iconsize="small"] > #sync-button {
478 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
481 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
482 toolbar[iconsize="small"] > #sync-button[status=active] {
483 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
486 /* ::::: message notification bar style rules ::::: */
488 .msgNotificationBar {
492 background-color: #FF9F00;
496 .msgNotificationBar:-moz-lwtheme {
500 .msgNotificationBarText {
505 list-style-image: url("chrome://messenger/skin/toolbar/junk-hover.gif");
509 -moz-margin-start: 0.5ex;
510 list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
513 #remoteContentImage {
514 list-style-image: url("chrome://messenger/skin/toolbar/remote-blocked.png");
519 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
523 #allowRemoteContentForAuthorDesc {
524 -moz-padding-start: 10px;