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 /* ===== primaryToolbar.css =============================================
6 == Images for the Mail primary toolbar.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: primary toolbar buttons ::::: */
14 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
15 -moz-image-region: rect(63px 25px 84px 0px);
18 #button-getmsg[disabled="true"] {
19 -moz-image-region: rect(63px 50px 84px 25px);
22 #button-getmsg:not([disabled="true"]):hover,
23 #button-getmsg:not([disabled="true"]):hover:active,
24 #button-getmsg[open="true"] {
25 -moz-image-region: rect(63px 75px 84px 50px);
29 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
30 -moz-image-region: rect(105px 25px 126px 0px);
33 #button-newmsg[disabled="true"] {
34 -moz-image-region: rect(105px 50px 126px 25px);
37 #button-newmsg:not([disabled="true"]):hover,
38 #button-newmsg:not([disabled="true"]):hover:active {
39 -moz-image-region: rect(105px 75px 126px 50px);
43 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
44 -moz-image-region: rect(147px 25px 168px 0px);
47 #button-reply[disabled="true"] {
48 -moz-image-region: rect(147px 50px 168px 25px);
51 #button-reply:not([disabled="true"]):hover,
52 #button-reply:not([disabled="true"]):hover:active,
53 #button-reply[open="true"] {
54 -moz-image-region: rect(147px 75px 168px 50px);
58 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
59 -moz-image-region: rect(168px 25px 189px 0px);
62 #button-replyall[disabled="true"] {
63 -moz-image-region: rect(168px 50px 189px 25px);
66 #button-replyall:not([disabled="true"]):hover,
67 #button-replyall:not([disabled="true"]):hover:active,
68 #button-replyall[open="true"] {
69 -moz-image-region: rect(168px 75px 189px 50px);
73 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
74 -moz-image-region: rect(42px 25px 63px 0px);
77 #button-forward[disabled="true"] {
78 -moz-image-region: rect(42px 50px 63px 25px);
81 #button-forward:not([disabled="true"]):hover,
82 #button-forward:not([disabled="true"]):hover:active,
83 #button-forward[open="true"] {
84 -moz-image-region: rect(42px 75px 63px 50px);
88 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
89 -moz-image-region: rect(21px 25px 42px 0px);
92 #button-file[disabled="true"] {
93 -moz-image-region: rect(21px 50px 42px 25px);
96 #button-file:not([disabled="true"]):hover,
97 #button-file:not([disabled="true"]):hover:active,
98 #button-file[open="true"] {
99 -moz-image-region: rect(21px 75px 42px 50px);
103 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
104 -moz-image-region: rect(42px 25px 63px 0px);
107 #button-goback:not([disabled="true"]):hover,
108 #button-goback:not([disabled="true"]):hover:active,
109 #button-goback[open="true"] {
110 -moz-image-region: rect(42px 75px 63px 50px);
113 #button-goback[disabled="true"] {
114 -moz-image-region: rect(42px 50px 63px 25px);
118 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
119 -moz-image-region: rect(63px 25px 84px 0px);
122 #button-goforward:not([disabled="true"]):hover,
123 #button-goforward:not([disabled="true"]):hover:active,
124 #button-goforward[open="true"] {
125 -moz-image-region: rect(63px 75px 84px 50px);
128 #button-goforward[disabled="true"] {
129 -moz-image-region: rect(63px 50px 84px 25px);
133 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
134 -moz-image-region: rect(126px 25px 147px 0px);
137 #button-next[disabled="true"] {
138 -moz-image-region: rect(126px 50px 147px 25px);
141 #button-next:not([disabled="true"]):hover,
142 #button-next:not([disabled="true"]):hover:active,
143 #button-next[open="true"] {
144 -moz-image-region: rect(126px 75px 147px 50px);
148 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
149 -moz-image-region: rect(0px 25px 21px 0px);
152 #button-delete[disabled="true"] {
153 -moz-image-region: rect(0px 50px 21px 25px);
156 #button-delete:not([disabled="true"]):hover,
157 #button-delete:not([disabled="true"]):hover:active {
158 -moz-image-region: rect(0px 75px 21px 50px);
161 toolbarpaletteitem > #button-delete {
166 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
167 -moz-image-region: rect(84px 25px 105px 0px);
170 #button-mark[disabled="true"] {
171 -moz-image-region: rect(84px 50px 105px 25px);
174 #button-mark:not([disabled="true"]):hover,
175 #button-mark:not([disabled="true"]):hover:active,
176 #button-mark[open="true"] {
177 -moz-image-region: rect(84px 75px 105px 50px);
181 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
182 -moz-image-region: rect(21px 25px 42px 0px);
185 #button-stop:not([disabled="true"]):hover,
186 #button-stop:not([disabled="true"]):hover:active {
187 -moz-image-region: rect(21px 75px 42px 50px);
190 #button-stop[disabled="true"] {
191 -moz-image-region: rect(21px 50px 42px 25px);
195 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
196 -moz-image-region: rect(252px 25px 273px 0px);
199 #button-junk[disabled="true"] {
200 -moz-image-region: rect(252px 50px 273px 25px);
203 #button-junk:not([disabled="true"]):hover,
204 #button-junk:not([disabled="true"]):hover:active {
205 -moz-image-region: rect(252px 75px 273px 50px);
209 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
212 #sync-button[status=active] {
213 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
220 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
224 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
228 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
232 #viewPickerPopup > menuitem > .menu-iconic-left,
233 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
234 display: -moz-box !important;
237 /* ::::: small primary toolbar buttons ::::: */
239 toolbar[iconsize="small"] > #button-getmsg,
240 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
241 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
242 -moz-image-region: rect(48px 16px 64px 0);
245 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
246 -moz-image-region: rect(48px 32px 64px 16px);
249 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover,
250 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover:active,
251 toolbar[iconsize="small"] > #button-getmsg[open="true"] {
252 -moz-image-region: rect(48px 48px 64px 32px);
255 toolbar[iconsize="small"] > #button-newmsg,
256 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
257 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
258 -moz-image-region: rect(80px 16px 96px 0);
261 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
262 -moz-image-region: rect(80px 32px 96px 16px);
265 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover,
266 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover:active {
267 -moz-image-region: rect(80px 48px 96px 32px);
270 toolbar[iconsize="small"] > #button-reply,
271 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
272 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
273 -moz-image-region: rect(112px 16px 128px 0);
276 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
277 -moz-image-region: rect(112px 32px 128px 16px);
280 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover,
281 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover:active,
282 toolbar[iconsize="small"] > #button-reply[open="true"] {
283 -moz-image-region: rect(112px 48px 128px 32px);
286 toolbar[iconsize="small"] > #button-replyall,
287 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
288 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
289 -moz-image-region: rect(128px 16px 144px 0);
292 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
293 -moz-image-region: rect(128px 32px 144px 16px);
296 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover,
297 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover:active,
298 toolbar[iconsize="small"] > #button-replyall[open="true"] {
299 -moz-image-region: rect(128px 48px 144px 32px);
302 toolbar[iconsize="small"] > #button-forward,
303 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
304 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
305 -moz-image-region: rect(32px 16px 48px 0);
308 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
309 -moz-image-region: rect(32px 32px 48px 16px);
312 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover,
313 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover:active,
314 toolbar[iconsize="small"] > #button-forward[open="true"] {
315 -moz-image-region: rect(32px 48px 48px 32px);
318 toolbar[iconsize="small"] > #button-file,
319 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
320 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
321 -moz-image-region: rect(16px 16px 32px 0);
324 toolbar[iconsize="small"] > #button-file[disabled="true"] {
325 -moz-image-region: rect(16px 32px 32px 16px);
328 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover,
329 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover:active,
330 toolbar[iconsize="small"] > #button-file[open="true"] {
331 -moz-image-region: rect(16px 48px 32px 32px);
334 toolbar[iconsize="small"] > #button-goback,
335 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
336 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
337 -moz-image-region: rect(32px 16px 48px 0);
340 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
341 -moz-image-region: rect(32px 32px 48px 16px);
344 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover,
345 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover:active,
346 toolbar[iconsize="small"] > #button-goback[open="true"] {
347 -moz-image-region: rect(32px 48px 48px 32px);
350 toolbar[iconsize="small"] > #button-goforward,
351 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
352 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
353 -moz-image-region: rect(48px 16px 64px 0);
356 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
357 -moz-image-region: rect(48px 32px 64px 16px);
360 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover,
361 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover:active,
362 toolbar[iconsize="small"] > #button-goforward[open="true"] {
363 -moz-image-region: rect(48px 48px 64px 32px);
366 toolbar[iconsize="small"] > #button-next,
367 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
368 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
369 -moz-image-region: rect(96px 16px 112px 0);
372 toolbar[iconsize="small"] > #button-next[disabled="true"] {
373 -moz-image-region: rect(96px 32px 112px 16px);
376 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover,
377 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover:active,
378 toolbar[iconsize="small"] > #button-next[open="true"] {
379 -moz-image-region: rect(96px 48px 112px 32px);
382 toolbar[iconsize="small"] > #button-delete,
383 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
384 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
385 -moz-image-region: rect(0 16px 16px 0);
388 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
389 -moz-image-region: rect(0 32px 16px 16px);
392 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover,
393 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover:active {
394 -moz-image-region: rect(0 48px 16px 32px);
397 toolbar[iconsize="small"] > #button-mark,
398 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
399 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
400 -moz-image-region: rect(64px 16px 80px 0);
403 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
404 -moz-image-region: rect(64px 32px 80px 16px);
407 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover,
408 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover:active,
409 toolbar[iconsize="small"] > #button-mark[open="true"] {
410 -moz-image-region: rect(64px 48px 80px 32px);
413 toolbar[iconsize="small"] > #button-junk,
414 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
415 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
416 -moz-image-region: rect(192px 16px 208px 0);
419 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
420 -moz-image-region: rect(192px 32px 208px 16px);
423 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover
424 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover:active {
425 -moz-image-region: rect(192px 48px 208px 32px);
428 toolbar[iconsize="small"] > #button-stop,
429 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
430 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
431 -moz-image-region: rect(16px 16px 32px 0);
434 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
435 -moz-image-region: rect(16px 32px 32px 16px);
438 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover,
439 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active {
440 -moz-image-region: rect(16px 48px 32px 32px);
443 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
444 toolbar[iconsize="small"] > #sync-button {
445 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
448 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
449 toolbar[iconsize="small"] > #sync-button[status=active] {
450 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
453 /* ::::: Lightning icon sizes ::::: */
455 #lightning-button-calendar > .toolbarbutton-icon,
456 #lightning-button-tasks > .toolbarbutton-icon,
457 #extractEventButton > .toolbarbutton-icon,
458 #extractTaskButton > .toolbarbutton-icon,
459 #extractEventButton > .box-inherit > .toolbarbutton-icon,
460 #extractTaskButton > .box-inherit > .toolbarbutton-icon {
465 toolbar[iconsize="small"] > #lightning-button-calendar > .toolbarbutton-icon,
466 toolbar[iconsize="small"] > #lightning-button-tasks > .toolbarbutton-icon,
467 toolbar[iconsize="small"] > #extractEventButton > .box-inherit > .toolbarbutton-icon,
468 toolbar[iconsize="small"] > #extractTaskButton > .box-inherit > .toolbarbutton-icon {
473 #lightning-button-calendar[disabled="true"] > .toolbarbutton-icon,
474 #lightning-button-tasks[disabled="true"] > .toolbarbutton-icon,
475 #extractEventButton[disabled="true"] > .box-inherit > .toolbarbutton-icon,
476 #extractTaskButton[disabled="true"] > .box-inherit > .toolbarbutton-icon {
480 /* ::::: message notification bar style rules ::::: */
482 #msgNotificationBar:not([collapsed="true"]) > .msgNotificationBar {
486 .msgNotificationBar {
489 background-color: #FF9F00;
493 .msgNotificationBar:-moz-lwtheme {
497 .messageImage[value="remoteContent"] {
498 list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png");
501 .messageImage[value="junkContent"] {
502 list-style-image: url("chrome://messenger/skin/icons/junk.png");
505 .messageImage[value="phishingContent"] {
506 list-style-image: url("chrome://messenger/skin/icons/phishing.png");
509 .messageImage[value="mdnContent"] {
510 list-style-image: url("chrome://messenger/skin/icons/info.png");