add new EarlyBlue icon PNG for addressbook toolbar customization
[themes.git] / EarlyBlue / messenger / primaryToolbar.css
... / ...
CommitLineData
1/* ***** BEGIN LICENSE BLOCK *****
2 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
3 *
4 * The contents of this file are subject to the Netscape Public License
5 * Version 1.1 (the "License"); you may not use this file except in
6 * compliance with the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/NPL/
8 *
9 * Software distributed under the License is distributed on an "AS IS" basis,
10 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11 * for the specific language governing rights and limitations under the
12 * License.
13 *
14 * The Original Code is mozilla.org code.
15 *
16 * The Initial Developer of the Original Code is
17 * Netscape Communications Corporation.
18 * Portions created by the Initial Developer are Copyright (C) 1998
19 * the Initial Developer. All Rights Reserved.
20 *
21 * Contributor(s):
22 * Robert Kaiser <KaiRo@KaiRo.at>
23 *
24 * Alternatively, the contents of this file may be used under the terms of
25 * either the GNU General Public License Version 2 or later (the "GPL"), or
26 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27 * in which case the provisions of the GPL or the LGPL are applicable instead
28 * of those above. If you wish to allow use of your version of this file only
29 * under the terms of either the GPL or the LGPL, and not to allow others to
30 * use your version of this file under the terms of the NPL, indicate your
31 * decision by deleting the provisions above and replace them with the notice
32 * and other provisions required by the GPL or the LGPL. If you do not delete
33 * the provisions above, a recipient may use your version of this file under
34 * the terms of any one of the NPL, the GPL or the LGPL.
35 *
36 * ***** END LICENSE BLOCK ***** */
37
38@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
39
40/* ===== primaryToolbar.css =============================================
41 == Images for the Mail primary toolbar.
42 ======================================================================= */
43
44/* ::::: primary toolbar buttons ::::: */
45
46#button-getmsg {
47 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
48 -moz-image-region: rect(63px 25px 84px 0px);
49}
50
51#button-getmsg[disabled="true"] {
52 -moz-image-region: rect(63px 50px 84px 25px);
53}
54
55#button-newmsg {
56 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
57 -moz-image-region: rect(105px 25px 126px 0px);
58}
59
60#button-newmsg[disabled="true"] {
61 -moz-image-region: rect(105px 50px 126px 25px);
62}
63
64#button-reply {
65 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
66 -moz-image-region: rect(147px 25px 168px 0px);
67}
68
69#button-reply[disabled="true"] {
70 -moz-image-region: rect(147px 50px 168px 25px);
71}
72
73#button-replyall {
74 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
75 -moz-image-region: rect(168px 25px 189px 0px);
76}
77
78#button-replyall[disabled="true"] {
79 -moz-image-region: rect(168px 50px 189px 25px);
80}
81
82#button-forward {
83 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
84 -moz-image-region: rect(42px 25px 63px 0px);
85}
86
87#button-forward[disabled="true"] {
88 -moz-image-region: rect(42px 50px 63px 25px);
89}
90
91#button-file {
92 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
93 -moz-image-region: rect(21px 25px 42px 0px);
94}
95
96#button-file[disabled="true"] {
97 -moz-image-region: rect(21px 50px 42px 25px);
98}
99
100#button-goback {
101 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
102 -moz-image-region: rect(42px 25px 63px 0px);
103}
104
105#button-goback[disabled="true"] {
106 -moz-image-region: rect(42px 50px 63px 25px);
107}
108
109#button-goforward {
110 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
111 -moz-image-region: rect(63px 25px 84px 0px);
112}
113
114#button-goforward[disabled="true"] {
115 -moz-image-region: rect(63px 50px 84px 25px);
116}
117
118#button-next {
119 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
120 -moz-image-region: rect(126px 25px 147px 0px);
121}
122
123#button-next[disabled="true"] {
124 -moz-image-region: rect(126px 50px 147px 25px);
125}
126
127#button-delete {
128 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
129 -moz-image-region: rect(0px 25px 21px 0px);
130}
131
132#button-delete[disabled="true"] {
133 -moz-image-region: rect(0px 50px 21px 25px);
134}
135
136toolbarpaletteitem > #button-delete {
137 display: -moz-box;
138}
139
140#button-mark {
141 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
142 -moz-image-region: rect(84px 25px 105px 0px);
143}
144
145#button-mark[disabled="true"] {
146 -moz-image-region: rect(84px 50px 105px 25px);
147}
148
149#button-print {
150 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
151 -moz-image-region: rect(0px 25px 21px 0px);
152}
153
154#button-print[disabled="true"] {
155 -moz-image-region: rect(0px 50px 21px 25px);
156}
157
158#button-stop {
159 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
160 -moz-image-region: rect(21px 25px 42px 0px);
161}
162
163#button-stop[disabled="true"] {
164 -moz-image-region: rect(21px 50px 42px 25px);
165}
166
167#button-junk {
168 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
169 -moz-image-region: rect(252px 25px 273px 0px);
170}
171
172#button-junk[disabled="true"] {
173 -moz-image-region: rect(252px 50px 273px 25px);
174}
175
176#locationFolders {
177 width: 22em;
178}
179
180toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
181 max-width: 11em;
182}
183
184toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
185 max-width: 11em;
186}
187
188toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
189 max-width: 11em;
190}
191
192#viewPickerPopup > menuitem > .menu-iconic-left,
193#viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
194 display: -moz-box !important;
195}
196
197/* ::::: small primary toolbar buttons ::::: */
198
199toolbar[iconsize="small"] > #button-getmsg,
200toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
201 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
202 -moz-image-region: rect(48px 16px 64px 0);
203}
204
205toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
206 -moz-image-region: rect(48px 32px 64px 16px);
207}
208
209toolbar[iconsize="small"] > #button-newmsg,
210toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
211 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
212 -moz-image-region: rect(80px 16px 96px 0);
213}
214
215toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
216 -moz-image-region: rect(80px 32px 96px 16px);
217}
218
219toolbar[iconsize="small"] > #button-reply,
220toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
221 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
222 -moz-image-region: rect(112px 16px 128px 0);
223}
224
225toolbar[iconsize="small"] > #button-reply[disabled="true"] {
226 -moz-image-region: rect(112px 32px 128px 16px);
227}
228
229toolbar[iconsize="small"] > #button-replyall,
230toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
231 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
232 -moz-image-region: rect(128px 16px 144px 0);
233}
234
235toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
236 -moz-image-region: rect(128px 32px 144px 16px);
237}
238
239toolbar[iconsize="small"] > #button-forward,
240toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
241 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
242 -moz-image-region: rect(32px 16px 48px 0);
243}
244
245toolbar[iconsize="small"] > #button-forward[disabled="true"] {
246 -moz-image-region: rect(32px 32px 48px 16px);
247}
248
249toolbar[iconsize="small"] > #button-file,
250toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
251 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
252 -moz-image-region: rect(16px 16px 32px 0);
253}
254
255toolbar[iconsize="small"] > #button-file[disabled="true"] {
256 -moz-image-region: rect(16px 32px 32px 16px);
257}
258
259toolbar[iconsize="small"] > #button-goback,
260toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
261 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
262 -moz-image-region: rect(32px 16px 48px 0);
263}
264
265toolbar[iconsize="small"] > #button-goback[disabled="true"] {
266 -moz-image-region: rect(32px 32px 48px 16px);
267}
268
269toolbar[iconsize="small"] > #button-goforward,
270toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
271 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
272 -moz-image-region: rect(48px 16px 64px 0);
273}
274
275toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
276 -moz-image-region: rect(48px 32px 64px 16px);
277}
278
279toolbar[iconsize="small"] > #button-next,
280toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
281 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
282 -moz-image-region: rect(96px 16px 112px 0);
283}
284
285toolbar[iconsize="small"] > #button-next[disabled="true"] {
286 -moz-image-region: rect(96px 32px 112px 16px);
287}
288
289toolbar[iconsize="small"] > #button-delete,
290toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
291 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
292 -moz-image-region: rect(0 16px 16px 0);
293}
294
295toolbar[iconsize="small"] > #button-delete[disabled="true"] {
296 -moz-image-region: rect(0 32px 16px 16px);
297}
298
299toolbar[iconsize="small"] > #button-mark,
300toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
301 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
302 -moz-image-region: rect(64px 16px 80px 0);
303}
304
305toolbar[iconsize="small"] > #button-mark[disabled="true"] {
306 -moz-image-region: rect(64px 32px 80px 16px);
307}
308
309toolbar[iconsize="small"] > #button-junk,
310toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
311 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
312 -moz-image-region: rect(192px 16px 208px 0);
313}
314
315toolbar[iconsize="small"] > #button-junk[disabled="true"] {
316 -moz-image-region: rect(192px 32px 208px 16px);
317}
318
319toolbar[iconsize="small"] > #button-print,
320toolbar[iconsize="small"] > toolbarpaletteitem > #button-print {
321 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
322 -moz-image-region: rect(0 16px 16px 0);
323}
324
325toolbar[iconsize="small"] > #button-print[disabled="true"] {
326 -moz-image-region: rect(0 32px 16px 16px);
327}
328
329toolbar[iconsize="small"] > #button-stop,
330toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
331 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
332 -moz-image-region: rect(16px 16px 32px 0);
333}
334
335toolbar[iconsize="small"] > #button-stop[disabled="true"] {
336 -moz-image-region: rect(16px 32px 32px 16px);
337}
338
339/* ::::: message notification bar style rules ::::: */
340
341.msgNotificationBar {
342 /* border-bottom: 1px solid #669999; */
343 background-color: #9999CC;
344 color: black;
345}
346
347.msgNotificationBarText {
348 font-weight: bold;
349}
350
351#junkBarImage {
352 list-style-image: url("chrome://messenger/skin/toolbar/junk.gif");
353}
354
355#junkIcon {
356 -moz-margin-start: 0.5ex;
357 list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
358}
359
360#remoteContentImage {
361 list-style-image: url("chrome://messenger/skin/toolbar/remote-blocked.png");
362 padding: 3px;
363}
364
365#mdnBarImage {
366 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
367 padding: 3px;
368}
369
370#allowRemoteContentForAuthorDesc {
371 -moz-padding-start: 10px;
372}