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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
7 /* ===== primaryToolbar.css =============================================
8 == Images for the Mail primary toolbar.
9 ======================================================================= */
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);
23 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
24 -moz-image-region: rect(105px 25px 126px 0px);
27 #button-newmsg[disabled="true"] {
28 -moz-image-region: rect(105px 50px 126px 25px);
32 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
33 -moz-image-region: rect(147px 25px 168px 0px);
36 #button-reply[disabled="true"] {
37 -moz-image-region: rect(147px 50px 168px 25px);
41 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
42 -moz-image-region: rect(168px 25px 189px 0px);
45 #button-replyall[disabled="true"] {
46 -moz-image-region: rect(168px 50px 189px 25px);
50 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
51 -moz-image-region: rect(42px 25px 63px 0px);
54 #button-forward[disabled="true"] {
55 -moz-image-region: rect(42px 50px 63px 25px);
59 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
60 -moz-image-region: rect(21px 25px 42px 0px);
63 #button-file[disabled="true"] {
64 -moz-image-region: rect(21px 50px 42px 25px);
68 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
69 -moz-image-region: rect(42px 25px 63px 0px);
72 #button-goback[disabled="true"] {
73 -moz-image-region: rect(42px 50px 63px 25px);
77 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
78 -moz-image-region: rect(63px 25px 84px 0px);
81 #button-goforward[disabled="true"] {
82 -moz-image-region: rect(63px 50px 84px 25px);
86 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
87 -moz-image-region: rect(126px 25px 147px 0px);
90 #button-next[disabled="true"] {
91 -moz-image-region: rect(126px 50px 147px 25px);
95 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
96 -moz-image-region: rect(0px 25px 21px 0px);
99 #button-delete[disabled="true"] {
100 -moz-image-region: rect(0px 50px 21px 25px);
103 toolbarpaletteitem > #button-delete {
108 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
109 -moz-image-region: rect(84px 25px 105px 0px);
112 #button-mark[disabled="true"] {
113 -moz-image-region: rect(84px 50px 105px 25px);
117 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
118 -moz-image-region: rect(21px 25px 42px 0px);
121 #button-stop[disabled="true"] {
122 -moz-image-region: rect(21px 50px 42px 25px);
126 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
127 -moz-image-region: rect(252px 25px 273px 0px);
130 #button-junk[disabled="true"] {
131 -moz-image-region: rect(252px 50px 273px 25px);
135 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
138 #sync-button[status=active] {
139 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
146 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
150 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
154 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
158 #viewPickerPopup > menuitem > .menu-iconic-left,
159 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
160 display: -moz-box !important;
163 /* ::::: small primary toolbar buttons ::::: */
165 toolbar[iconsize="small"] > #button-getmsg,
166 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
167 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
168 -moz-image-region: rect(48px 16px 64px 0);
171 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
172 -moz-image-region: rect(48px 32px 64px 16px);
175 toolbar[iconsize="small"] > #button-newmsg,
176 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
177 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
178 -moz-image-region: rect(80px 16px 96px 0);
181 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
182 -moz-image-region: rect(80px 32px 96px 16px);
185 toolbar[iconsize="small"] > #button-reply,
186 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
187 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
188 -moz-image-region: rect(112px 16px 128px 0);
191 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
192 -moz-image-region: rect(112px 32px 128px 16px);
195 toolbar[iconsize="small"] > #button-replyall,
196 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
197 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
198 -moz-image-region: rect(128px 16px 144px 0);
201 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
202 -moz-image-region: rect(128px 32px 144px 16px);
205 toolbar[iconsize="small"] > #button-forward,
206 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
207 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
208 -moz-image-region: rect(32px 16px 48px 0);
211 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
212 -moz-image-region: rect(32px 32px 48px 16px);
215 toolbar[iconsize="small"] > #button-file,
216 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
217 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
218 -moz-image-region: rect(16px 16px 32px 0);
221 toolbar[iconsize="small"] > #button-file[disabled="true"] {
222 -moz-image-region: rect(16px 32px 32px 16px);
225 toolbar[iconsize="small"] > #button-goback,
226 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
227 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
228 -moz-image-region: rect(32px 16px 48px 0);
231 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
232 -moz-image-region: rect(32px 32px 48px 16px);
235 toolbar[iconsize="small"] > #button-goforward,
236 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
237 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
238 -moz-image-region: rect(48px 16px 64px 0);
241 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
242 -moz-image-region: rect(48px 32px 64px 16px);
245 toolbar[iconsize="small"] > #button-next,
246 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
247 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
248 -moz-image-region: rect(96px 16px 112px 0);
251 toolbar[iconsize="small"] > #button-next[disabled="true"] {
252 -moz-image-region: rect(96px 32px 112px 16px);
255 toolbar[iconsize="small"] > #button-delete,
256 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
257 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
258 -moz-image-region: rect(0 16px 16px 0);
261 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
262 -moz-image-region: rect(0 32px 16px 16px);
265 toolbar[iconsize="small"] > #button-mark,
266 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
267 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
268 -moz-image-region: rect(64px 16px 80px 0);
271 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
272 -moz-image-region: rect(64px 32px 80px 16px);
275 toolbar[iconsize="small"] > #button-junk,
276 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
277 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
278 -moz-image-region: rect(192px 16px 208px 0);
281 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
282 -moz-image-region: rect(192px 32px 208px 16px);
285 toolbar[iconsize="small"] > #button-stop,
286 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
287 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
288 -moz-image-region: rect(16px 16px 32px 0);
291 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
292 -moz-image-region: rect(16px 32px 32px 16px);
295 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
296 toolbar[iconsize="small"] > #sync-button {
297 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
300 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
301 toolbar[iconsize="small"] > #sync-button[status=active] {
302 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
305 /* ::::: message notification bar style rules ::::: */
307 .msgNotificationBar {
308 /* border-bottom: 1px solid #669999; */
309 background-color: #9999CC;
313 .msgNotificationBar:-moz-lwtheme {
317 .messageImage[value="remoteContent"] {
318 list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png");
321 .messageImage[value="junkContent"] {
322 list-style-image: url("chrome://messenger/skin/icons/junk.png");
325 .messageImage[value="phishingContent"] {
326 list-style-image: url("chrome://messenger/skin/icons/phishing.png");
329 .messageImage[value="mdnContent"] {
330 list-style-image: url("chrome://messenger/skin/icons/info.png");