Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
128000f4 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
f6e0a33f | 6 | |
7 | /* ===== primaryToolbar.css ============================================= | |
8 | == Images for the Mail primary toolbar. | |
9 | ======================================================================= */ | |
10 | ||
f6e0a33f | 11 | /* ::::: primary toolbar buttons ::::: */ |
12 | ||
74d14f90 | 13 | #button-getmsg { |
d61a45b2 RK |
14 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
15 | -moz-image-region: rect(63px 25px 84px 0px); | |
74d14f90 | 16 | } |
17 | ||
18 | #button-getmsg[disabled="true"] { | |
d61a45b2 | 19 | -moz-image-region: rect(63px 50px 84px 25px); |
74d14f90 | 20 | } |
21 | ||
22 | #button-newmsg { | |
d61a45b2 RK |
23 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
24 | -moz-image-region: rect(105px 25px 126px 0px); | |
74d14f90 | 25 | } |
26 | ||
27 | #button-newmsg[disabled="true"] { | |
d61a45b2 | 28 | -moz-image-region: rect(105px 50px 126px 25px); |
74d14f90 | 29 | } |
30 | ||
31 | #button-reply { | |
d61a45b2 RK |
32 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
33 | -moz-image-region: rect(147px 25px 168px 0px); | |
74d14f90 | 34 | } |
35 | ||
36 | #button-reply[disabled="true"] { | |
d61a45b2 | 37 | -moz-image-region: rect(147px 50px 168px 25px); |
74d14f90 | 38 | } |
39 | ||
40 | #button-replyall { | |
d61a45b2 RK |
41 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
42 | -moz-image-region: rect(168px 25px 189px 0px); | |
74d14f90 | 43 | } |
44 | ||
45 | #button-replyall[disabled="true"] { | |
d61a45b2 | 46 | -moz-image-region: rect(168px 50px 189px 25px); |
74d14f90 | 47 | } |
48 | ||
49 | #button-forward { | |
d61a45b2 RK |
50 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
51 | -moz-image-region: rect(42px 25px 63px 0px); | |
74d14f90 | 52 | } |
53 | ||
54 | #button-forward[disabled="true"] { | |
d61a45b2 | 55 | -moz-image-region: rect(42px 50px 63px 25px); |
74d14f90 | 56 | } |
57 | ||
58 | #button-file { | |
d61a45b2 RK |
59 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
60 | -moz-image-region: rect(21px 25px 42px 0px); | |
74d14f90 | 61 | } |
62 | ||
63 | #button-file[disabled="true"] { | |
d61a45b2 | 64 | -moz-image-region: rect(21px 50px 42px 25px); |
74d14f90 | 65 | } |
66 | ||
ecb2fda9 RK |
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"] { | |
d61a45b2 | 73 | -moz-image-region: rect(42px 50px 63px 25px); |
ecb2fda9 RK |
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"] { | |
d61a45b2 | 82 | -moz-image-region: rect(63px 50px 84px 25px); |
ecb2fda9 RK |
83 | } |
84 | ||
74d14f90 | 85 | #button-next { |
d61a45b2 RK |
86 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
87 | -moz-image-region: rect(126px 25px 147px 0px); | |
74d14f90 | 88 | } |
89 | ||
90 | #button-next[disabled="true"] { | |
d61a45b2 | 91 | -moz-image-region: rect(126px 50px 147px 25px); |
74d14f90 | 92 | } |
93 | ||
94 | #button-delete { | |
d61a45b2 RK |
95 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
96 | -moz-image-region: rect(0px 25px 21px 0px); | |
74d14f90 | 97 | } |
98 | ||
99 | #button-delete[disabled="true"] { | |
d61a45b2 | 100 | -moz-image-region: rect(0px 50px 21px 25px); |
74d14f90 | 101 | } |
f6e0a33f | 102 | |
aeb317b8 RK |
103 | toolbarpaletteitem > #button-delete { |
104 | display: -moz-box; | |
105 | } | |
106 | ||
f6e0a33f | 107 | #button-mark { |
d61a45b2 RK |
108 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
109 | -moz-image-region: rect(84px 25px 105px 0px); | |
74d14f90 | 110 | } |
111 | ||
112 | #button-mark[disabled="true"] { | |
d61a45b2 | 113 | -moz-image-region: rect(84px 50px 105px 25px); |
74d14f90 | 114 | } |
115 | ||
74d14f90 | 116 | #button-stop { |
ecb2fda9 RK |
117 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); |
118 | -moz-image-region: rect(21px 25px 42px 0px); | |
74d14f90 | 119 | } |
120 | ||
121 | #button-stop[disabled="true"] { | |
d61a45b2 | 122 | -moz-image-region: rect(21px 50px 42px 25px); |
74d14f90 | 123 | } |
07b3f504 | 124 | |
d9954aaf | 125 | #button-junk { |
d61a45b2 RK |
126 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
127 | -moz-image-region: rect(252px 25px 273px 0px); | |
07b3f504 | 128 | } |
129 | ||
d9954aaf | 130 | #button-junk[disabled="true"] { |
d61a45b2 RK |
131 | -moz-image-region: rect(252px 50px 273px 25px); |
132 | } | |
133 | ||
c2e1f790 RK |
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 | ||
aa39c771 RK |
142 | #locationFolders { |
143 | width: 22em; | |
144 | } | |
145 | ||
146 | toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders { | |
147 | max-width: 11em; | |
148 | } | |
149 | ||
150 | toolbarpaletteitem[place="palette"] > #search-container > #searchInput { | |
151 | max-width: 11em; | |
152 | } | |
153 | ||
154 | toolbarpaletteitem[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 | ||
d61a45b2 RK |
163 | /* ::::: small primary toolbar buttons ::::: */ |
164 | ||
8b17a53f RK |
165 | toolbar[iconsize="small"] > #button-getmsg, |
166 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg { | |
d61a45b2 RK |
167 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
168 | -moz-image-region: rect(48px 16px 64px 0); | |
169 | } | |
170 | ||
171 | toolbar[iconsize="small"] > #button-getmsg[disabled="true"] { | |
172 | -moz-image-region: rect(48px 32px 64px 16px); | |
173 | } | |
174 | ||
8b17a53f RK |
175 | toolbar[iconsize="small"] > #button-newmsg, |
176 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg { | |
d61a45b2 RK |
177 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
178 | -moz-image-region: rect(80px 16px 96px 0); | |
179 | } | |
180 | ||
181 | toolbar[iconsize="small"] > #button-newmsg[disabled="true"] { | |
182 | -moz-image-region: rect(80px 32px 96px 16px); | |
183 | } | |
184 | ||
8b17a53f RK |
185 | toolbar[iconsize="small"] > #button-reply, |
186 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply { | |
d61a45b2 RK |
187 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
188 | -moz-image-region: rect(112px 16px 128px 0); | |
189 | } | |
190 | ||
191 | toolbar[iconsize="small"] > #button-reply[disabled="true"] { | |
192 | -moz-image-region: rect(112px 32px 128px 16px); | |
193 | } | |
194 | ||
8b17a53f RK |
195 | toolbar[iconsize="small"] > #button-replyall, |
196 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall { | |
d61a45b2 RK |
197 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
198 | -moz-image-region: rect(128px 16px 144px 0); | |
199 | } | |
200 | ||
201 | toolbar[iconsize="small"] > #button-replyall[disabled="true"] { | |
202 | -moz-image-region: rect(128px 32px 144px 16px); | |
203 | } | |
204 | ||
8b17a53f RK |
205 | toolbar[iconsize="small"] > #button-forward, |
206 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward { | |
d61a45b2 RK |
207 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
208 | -moz-image-region: rect(32px 16px 48px 0); | |
209 | } | |
210 | ||
211 | toolbar[iconsize="small"] > #button-forward[disabled="true"] { | |
212 | -moz-image-region: rect(32px 32px 48px 16px); | |
213 | } | |
214 | ||
8b17a53f RK |
215 | toolbar[iconsize="small"] > #button-file, |
216 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-file { | |
d61a45b2 RK |
217 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
218 | -moz-image-region: rect(16px 16px 32px 0); | |
219 | } | |
220 | ||
221 | toolbar[iconsize="small"] > #button-file[disabled="true"] { | |
222 | -moz-image-region: rect(16px 32px 32px 16px); | |
223 | } | |
224 | ||
8b17a53f RK |
225 | toolbar[iconsize="small"] > #button-goback, |
226 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback { | |
d61a45b2 RK |
227 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); |
228 | -moz-image-region: rect(32px 16px 48px 0); | |
229 | } | |
230 | ||
231 | toolbar[iconsize="small"] > #button-goback[disabled="true"] { | |
232 | -moz-image-region: rect(32px 32px 48px 16px); | |
233 | } | |
234 | ||
8b17a53f RK |
235 | toolbar[iconsize="small"] > #button-goforward, |
236 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward { | |
d61a45b2 RK |
237 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); |
238 | -moz-image-region: rect(48px 16px 64px 0); | |
239 | } | |
240 | ||
241 | toolbar[iconsize="small"] > #button-goforward[disabled="true"] { | |
242 | -moz-image-region: rect(48px 32px 64px 16px); | |
243 | } | |
244 | ||
8b17a53f RK |
245 | toolbar[iconsize="small"] > #button-next, |
246 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-next { | |
d61a45b2 RK |
247 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
248 | -moz-image-region: rect(96px 16px 112px 0); | |
249 | } | |
250 | ||
251 | toolbar[iconsize="small"] > #button-next[disabled="true"] { | |
252 | -moz-image-region: rect(96px 32px 112px 16px); | |
253 | } | |
254 | ||
8b17a53f RK |
255 | toolbar[iconsize="small"] > #button-delete, |
256 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete { | |
d61a45b2 RK |
257 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
258 | -moz-image-region: rect(0 16px 16px 0); | |
259 | } | |
260 | ||
261 | toolbar[iconsize="small"] > #button-delete[disabled="true"] { | |
262 | -moz-image-region: rect(0 32px 16px 16px); | |
263 | } | |
264 | ||
8b17a53f RK |
265 | toolbar[iconsize="small"] > #button-mark, |
266 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark { | |
d61a45b2 RK |
267 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
268 | -moz-image-region: rect(64px 16px 80px 0); | |
269 | } | |
270 | ||
271 | toolbar[iconsize="small"] > #button-mark[disabled="true"] { | |
272 | -moz-image-region: rect(64px 32px 80px 16px); | |
273 | } | |
274 | ||
8b17a53f RK |
275 | toolbar[iconsize="small"] > #button-junk, |
276 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk { | |
d61a45b2 RK |
277 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); |
278 | -moz-image-region: rect(192px 16px 208px 0); | |
279 | } | |
280 | ||
d9954aaf | 281 | toolbar[iconsize="small"] > #button-junk[disabled="true"] { |
d61a45b2 RK |
282 | -moz-image-region: rect(192px 32px 208px 16px); |
283 | } | |
284 | ||
8b17a53f RK |
285 | toolbar[iconsize="small"] > #button-stop, |
286 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop { | |
d61a45b2 RK |
287 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); |
288 | -moz-image-region: rect(16px 16px 32px 0); | |
289 | } | |
290 | ||
291 | toolbar[iconsize="small"] > #button-stop[disabled="true"] { | |
292 | -moz-image-region: rect(16px 32px 32px 16px); | |
b618d1fd | 293 | } |
294 | ||
c2e1f790 RK |
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"); | |
298 | } | |
299 | ||
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"); | |
303 | } | |
304 | ||
4bbe2504 RK |
305 | /* ::::: Lightning icon sizes ::::: */ |
306 | ||
307 | #lightning-button-calendar > .toolbarbutton-icon, | |
308 | #lightning-button-tasks > .toolbarbutton-icon, | |
309 | #extractEventButton > .toolbarbutton-icon, | |
310 | #extractTaskButton > .toolbarbutton-icon, | |
311 | #extractEventButton > .box-inherit > .toolbarbutton-icon, | |
312 | #extractTaskButton > .box-inherit > .toolbarbutton-icon { | |
313 | width: 29px; | |
314 | height: 29px; | |
315 | } | |
316 | ||
317 | toolbar[iconsize="small"] > #lightning-button-calendar > .toolbarbutton-icon, | |
318 | toolbar[iconsize="small"] > #lightning-button-tasks > .toolbarbutton-icon, | |
319 | toolbar[iconsize="small"] > #extractEventButton > .box-inherit > .toolbarbutton-icon, | |
320 | toolbar[iconsize="small"] > #extractTaskButton > .box-inherit > .toolbarbutton-icon { | |
321 | width: 19px; | |
322 | height: 19px; | |
323 | } | |
324 | ||
325 | #lightning-button-calendar[disabled="true"] > .toolbarbutton-icon, | |
326 | #lightning-button-tasks[disabled="true"] > .toolbarbutton-icon, | |
327 | #extractEventButton[disabled="true"] > .box-inherit > .toolbarbutton-icon, | |
328 | #extractTaskButton[disabled="true"] > .box-inherit > .toolbarbutton-icon { | |
329 | opacity: 0.3; | |
330 | } | |
331 | ||
4a575987 | 332 | /* ::::: message notification bar style rules ::::: */ |
333 | ||
334 | .msgNotificationBar { | |
335 | /* border-bottom: 1px solid #669999; */ | |
336 | background-color: #9999CC; | |
337 | color: black; | |
b618d1fd | 338 | } |
339 | ||
fb2b5761 RK |
340 | .msgNotificationBar:-moz-lwtheme { |
341 | text-shadow: none; | |
342 | } | |
343 | ||
8f5d5e21 RK |
344 | .messageImage[value="remoteContent"] { |
345 | list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png"); | |
b618d1fd | 346 | } |
347 | ||
8f5d5e21 RK |
348 | .messageImage[value="junkContent"] { |
349 | list-style-image: url("chrome://messenger/skin/icons/junk.png"); | |
b618d1fd | 350 | } |
351 | ||
8f5d5e21 RK |
352 | .messageImage[value="phishingContent"] { |
353 | list-style-image: url("chrome://messenger/skin/icons/phishing.png"); | |
b618d1fd | 354 | } |
4a575987 | 355 | |
8f5d5e21 RK |
356 | .messageImage[value="mdnContent"] { |
357 | list-style-image: url("chrome://messenger/skin/icons/info.png"); | |
1697de53 | 358 | } |