also add width for close-icon and override all those definitions for tab close buttons
[themes.git] / LCARStrek / messenger / primaryToolbar.css
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/. */
4
5 /* ===== primaryToolbar.css =============================================
6   == Images for the Mail primary toolbar.
7   ======================================================================= */
8
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11 /* ::::: primary toolbar buttons ::::: */
12
13 #button-getmsg {
14   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
15   -moz-image-region: rect(63px 25px 84px 0px);
16 }
17
18 #button-getmsg[disabled="true"] {
19   -moz-image-region: rect(63px 50px 84px 25px);
20 }
21
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);
26 }
27
28 #button-newmsg {
29   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
30   -moz-image-region: rect(105px 25px 126px 0px);
31 }
32
33 #button-newmsg[disabled="true"] {
34   -moz-image-region: rect(105px 50px 126px 25px);
35 }
36
37 #button-newmsg:not([disabled="true"]):hover,
38 #button-newmsg:not([disabled="true"]):hover:active {
39   -moz-image-region: rect(105px 75px 126px 50px);
40 }
41
42 #button-reply {
43   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
44   -moz-image-region: rect(147px 25px 168px 0px);
45 }
46
47 #button-reply[disabled="true"] {
48   -moz-image-region: rect(147px 50px 168px 25px);
49 }
50
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);
55 }
56
57 #button-replyall {
58   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
59   -moz-image-region: rect(168px 25px 189px 0px);
60 }
61
62 #button-replyall[disabled="true"] {
63   -moz-image-region: rect(168px 50px 189px 25px);
64 }
65
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);
70 }
71
72 #button-forward {
73   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
74   -moz-image-region: rect(42px 25px 63px 0px);
75 }
76
77 #button-forward[disabled="true"] {
78   -moz-image-region: rect(42px 50px 63px 25px);
79 }
80
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);
85 }
86
87 #button-file {
88   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
89   -moz-image-region: rect(21px 25px 42px 0px);
90 }
91
92 #button-file[disabled="true"] {
93   -moz-image-region: rect(21px 50px 42px 25px);
94 }
95
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);
100 }
101
102 #button-goback {
103   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
104   -moz-image-region: rect(42px 25px 63px 0px);
105 }
106
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);
111 }
112
113 #button-goback[disabled="true"] {
114   -moz-image-region: rect(42px 50px 63px 25px);
115 }
116
117 #button-goforward {
118   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
119   -moz-image-region: rect(63px 25px 84px 0px);
120 }
121
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);
126 }
127
128 #button-goforward[disabled="true"] {
129   -moz-image-region: rect(63px 50px 84px 25px);
130 }
131
132 #button-next {
133   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
134   -moz-image-region: rect(126px 25px 147px 0px);
135 }
136
137 #button-next[disabled="true"] {
138   -moz-image-region: rect(126px 50px 147px 25px);
139 }
140
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);
145 }
146
147 #button-delete {
148   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
149   -moz-image-region: rect(0px 25px 21px 0px);
150 }
151
152 #button-delete[disabled="true"] {
153   -moz-image-region: rect(0px 50px 21px 25px);
154 }
155
156 #button-delete:not([disabled="true"]):hover,
157 #button-delete:not([disabled="true"]):hover:active {
158   -moz-image-region: rect(0px 75px 21px 50px);
159 }
160
161 toolbarpaletteitem > #button-delete {
162   display: -moz-box;
163 }
164
165 #button-mark {
166   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
167   -moz-image-region: rect(84px 25px 105px 0px);
168 }
169
170 #button-mark[disabled="true"] {
171   -moz-image-region: rect(84px 50px 105px 25px);
172 }
173
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);
178 }
179
180 #button-stop {
181   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
182   -moz-image-region: rect(21px 25px 42px 0px);
183 }
184
185 #button-stop:not([disabled="true"]):hover,
186 #button-stop:not([disabled="true"]):hover:active {
187   -moz-image-region: rect(21px 75px 42px 50px);
188 }
189
190 #button-stop[disabled="true"] {
191   -moz-image-region: rect(21px 50px 42px 25px);
192 }
193
194 #button-junk {
195   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
196   -moz-image-region: rect(252px 25px 273px 0px);
197 }
198
199 #button-junk[disabled="true"] {
200   -moz-image-region: rect(252px 50px 273px 25px);
201 }
202
203 #button-junk:not([disabled="true"]):hover,
204 #button-junk:not([disabled="true"]):hover:active {
205   -moz-image-region: rect(252px 75px 273px 50px);
206 }
207
208 #sync-button {
209   list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
210 }
211
212 #sync-button[status=active] {
213   list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
214 }
215
216 #locationFolders {
217   width: 22em;
218 }
219
220 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
221   max-width: 11em;
222 }
223
224 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
225   max-width: 11em;
226 }
227
228 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
229   max-width: 11em;
230 }
231
232 #viewPickerPopup > menuitem > .menu-iconic-left,
233 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
234   display: -moz-box !important;
235 }
236
237 /* ::::: small primary toolbar buttons ::::: */
238
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);
243 }
244
245 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
246   -moz-image-region: rect(48px 32px 64px 16px);
247 }
248
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);
253 }
254
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);
259 }
260
261 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
262   -moz-image-region: rect(80px 32px 96px 16px);
263 }
264
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);
268 }
269
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);
274 }
275
276 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
277   -moz-image-region: rect(112px 32px 128px 16px);
278 }
279
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);
284 }
285
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);
290 }
291
292 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
293   -moz-image-region: rect(128px 32px 144px 16px);
294 }
295
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);
300 }
301
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);
306 }
307
308 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
309   -moz-image-region: rect(32px 32px 48px 16px);
310 }
311
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);
316 }
317
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);
322 }
323
324 toolbar[iconsize="small"] > #button-file[disabled="true"] {
325   -moz-image-region: rect(16px 32px 32px 16px);
326 }
327
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);
332 }
333
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);
338 }
339
340 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
341   -moz-image-region: rect(32px 32px 48px 16px);
342 }
343
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);
348 }
349
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);
354 }
355
356 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
357   -moz-image-region: rect(48px 32px 64px 16px);
358 }
359
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);
364 }
365
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);
370 }
371
372 toolbar[iconsize="small"] > #button-next[disabled="true"] {
373   -moz-image-region: rect(96px 32px 112px 16px);
374 }
375
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);
380 }
381
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);
386 }
387
388 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
389   -moz-image-region: rect(0 32px 16px 16px);
390 }
391
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);
395 }
396
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);
401 }
402
403 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
404   -moz-image-region: rect(64px 32px 80px 16px);
405 }
406
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);
411 }
412
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);
417 }
418
419 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
420   -moz-image-region: rect(192px 32px 208px 16px);
421 }
422
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);
426 }
427
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);
432 }
433
434 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
435   -moz-image-region: rect(16px 32px 32px 16px);
436 }
437
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);
441 }
442
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");
446 }
447
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");
451 }
452
453 /* ::::: Lightning icon sizes ::::: */
454
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 {
461   width: 29px;
462   height: 29px;
463 }
464
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 {
469   width: 19px;
470   height: 19px;
471 }
472
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 {
477   opacity: 0.3;
478 }
479
480 /* ::::: message notification bar style rules ::::: */
481
482 #msgNotificationBar:not([collapsed="true"]) > .msgNotificationBar {
483   margin-bottom: 3px;
484 }
485
486 .msgNotificationBar {
487   border-radius: 7px;
488   padding: 3px;
489   background-color: #FF9F00;
490   color: #000000;
491 }
492
493 .msgNotificationBar:-moz-lwtheme {
494   text-shadow: none;
495 }
496
497 .messageImage[value="remoteContent"] {
498   list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png");
499 }
500
501 .messageImage[value="junkContent"] {
502   list-style-image: url("chrome://messenger/skin/icons/junk.png");
503 }
504
505 .messageImage[value="phishingContent"] {
506   list-style-image: url("chrome://messenger/skin/icons/phishing.png");
507 }
508
509 .messageImage[value="mdnContent"] {
510   list-style-image: url("chrome://messenger/skin/icons/info.png");
511 }