re-add question-48.png as it's still used by SeaMonkey's aboutPrivateBrowsing.css
[themes.git] / EarlyBlue / messenger / primaryToolbar.css
... / ...
CommitLineData
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@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7/* ===== primaryToolbar.css =============================================
8 == Images for the Mail primary toolbar.
9 ======================================================================= */
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-newmsg {
23 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
24 -moz-image-region: rect(105px 25px 126px 0px);
25}
26
27#button-newmsg[disabled="true"] {
28 -moz-image-region: rect(105px 50px 126px 25px);
29}
30
31#button-reply {
32 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
33 -moz-image-region: rect(147px 25px 168px 0px);
34}
35
36#button-reply[disabled="true"] {
37 -moz-image-region: rect(147px 50px 168px 25px);
38}
39
40#button-replyall {
41 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
42 -moz-image-region: rect(168px 25px 189px 0px);
43}
44
45#button-replyall[disabled="true"] {
46 -moz-image-region: rect(168px 50px 189px 25px);
47}
48
49#button-forward {
50 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
51 -moz-image-region: rect(42px 25px 63px 0px);
52}
53
54#button-forward[disabled="true"] {
55 -moz-image-region: rect(42px 50px 63px 25px);
56}
57
58#button-file {
59 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
60 -moz-image-region: rect(21px 25px 42px 0px);
61}
62
63#button-file[disabled="true"] {
64 -moz-image-region: rect(21px 50px 42px 25px);
65}
66
67#button-goback {
68 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
69 -moz-image-region: rect(42px 25px 63px 0px);
70}
71
72#button-goback[disabled="true"] {
73 -moz-image-region: rect(42px 50px 63px 25px);
74}
75
76#button-goforward {
77 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
78 -moz-image-region: rect(63px 25px 84px 0px);
79}
80
81#button-goforward[disabled="true"] {
82 -moz-image-region: rect(63px 50px 84px 25px);
83}
84
85#button-next {
86 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
87 -moz-image-region: rect(126px 25px 147px 0px);
88}
89
90#button-next[disabled="true"] {
91 -moz-image-region: rect(126px 50px 147px 25px);
92}
93
94#button-delete {
95 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
96 -moz-image-region: rect(0px 25px 21px 0px);
97}
98
99#button-delete[disabled="true"] {
100 -moz-image-region: rect(0px 50px 21px 25px);
101}
102
103toolbarpaletteitem > #button-delete {
104 display: -moz-box;
105}
106
107#button-mark {
108 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
109 -moz-image-region: rect(84px 25px 105px 0px);
110}
111
112#button-mark[disabled="true"] {
113 -moz-image-region: rect(84px 50px 105px 25px);
114}
115
116#button-stop {
117 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
118 -moz-image-region: rect(21px 25px 42px 0px);
119}
120
121#button-stop[disabled="true"] {
122 -moz-image-region: rect(21px 50px 42px 25px);
123}
124
125#button-junk {
126 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
127 -moz-image-region: rect(252px 25px 273px 0px);
128}
129
130#button-junk[disabled="true"] {
131 -moz-image-region: rect(252px 50px 273px 25px);
132}
133
134#sync-button {
135 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
136}
137
138#sync-button[status=active] {
139 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
140}
141
142#locationFolders {
143 width: 22em;
144}
145
146toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
147 max-width: 11em;
148}
149
150toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
151 max-width: 11em;
152}
153
154toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
155 max-width: 11em;
156}
157
158#viewPickerPopup > menuitem > .menu-iconic-left,
159#viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
160 display: -moz-box !important;
161}
162
163/* ::::: small primary toolbar buttons ::::: */
164
165toolbar[iconsize="small"] > #button-getmsg,
166toolbar[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);
169}
170
171toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
172 -moz-image-region: rect(48px 32px 64px 16px);
173}
174
175toolbar[iconsize="small"] > #button-newmsg,
176toolbar[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);
179}
180
181toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
182 -moz-image-region: rect(80px 32px 96px 16px);
183}
184
185toolbar[iconsize="small"] > #button-reply,
186toolbar[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);
189}
190
191toolbar[iconsize="small"] > #button-reply[disabled="true"] {
192 -moz-image-region: rect(112px 32px 128px 16px);
193}
194
195toolbar[iconsize="small"] > #button-replyall,
196toolbar[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);
199}
200
201toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
202 -moz-image-region: rect(128px 32px 144px 16px);
203}
204
205toolbar[iconsize="small"] > #button-forward,
206toolbar[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);
209}
210
211toolbar[iconsize="small"] > #button-forward[disabled="true"] {
212 -moz-image-region: rect(32px 32px 48px 16px);
213}
214
215toolbar[iconsize="small"] > #button-file,
216toolbar[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);
219}
220
221toolbar[iconsize="small"] > #button-file[disabled="true"] {
222 -moz-image-region: rect(16px 32px 32px 16px);
223}
224
225toolbar[iconsize="small"] > #button-goback,
226toolbar[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);
229}
230
231toolbar[iconsize="small"] > #button-goback[disabled="true"] {
232 -moz-image-region: rect(32px 32px 48px 16px);
233}
234
235toolbar[iconsize="small"] > #button-goforward,
236toolbar[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);
239}
240
241toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
242 -moz-image-region: rect(48px 32px 64px 16px);
243}
244
245toolbar[iconsize="small"] > #button-next,
246toolbar[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);
249}
250
251toolbar[iconsize="small"] > #button-next[disabled="true"] {
252 -moz-image-region: rect(96px 32px 112px 16px);
253}
254
255toolbar[iconsize="small"] > #button-delete,
256toolbar[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);
259}
260
261toolbar[iconsize="small"] > #button-delete[disabled="true"] {
262 -moz-image-region: rect(0 32px 16px 16px);
263}
264
265toolbar[iconsize="small"] > #button-mark,
266toolbar[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);
269}
270
271toolbar[iconsize="small"] > #button-mark[disabled="true"] {
272 -moz-image-region: rect(64px 32px 80px 16px);
273}
274
275toolbar[iconsize="small"] > #button-junk,
276toolbar[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);
279}
280
281toolbar[iconsize="small"] > #button-junk[disabled="true"] {
282 -moz-image-region: rect(192px 32px 208px 16px);
283}
284
285toolbar[iconsize="small"] > #button-stop,
286toolbar[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);
289}
290
291toolbar[iconsize="small"] > #button-stop[disabled="true"] {
292 -moz-image-region: rect(16px 32px 32px 16px);
293}
294
295toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
296toolbar[iconsize="small"] > #sync-button {
297 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
298}
299
300toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
301toolbar[iconsize="small"] > #sync-button[status=active] {
302 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
303}
304
305/* ::::: message notification bar style rules ::::: */
306
307.msgNotificationBar {
308 /* border-bottom: 1px solid #669999; */
309 background-color: #9999CC;
310 color: black;
311}
312
313.msgNotificationBar:-moz-lwtheme {
314 text-shadow: none;
315}
316
317.messageImage[value="remoteContent"] {
318 list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png");
319}
320
321.messageImage[value="junkContent"] {
322 list-style-image: url("chrome://messenger/skin/icons/junk.png");
323}
324
325.messageImage[value="phishingContent"] {
326 list-style-image: url("chrome://messenger/skin/icons/phishing.png");
327}
328
329.messageImage[value="mdnContent"] {
330 list-style-image: url("chrome://messenger/skin/icons/info.png");
331}