fixes for new styles, esp. hbox/vbox
[themes.git] / EarlyBlue / messenger / skin / messenger.css
1 /* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
2  * The contents of this file are subject to the Netscape Public
3  * License Version 1.1 (the "License"); you may not use this file
4  * except in compliance with the License. You may obtain a copy of
5  * the License at http://www.mozilla.org/NPL/
6  * 
7  * Software distributed under the License is distributed on an "AS
8  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
9  * implied. See the License for the specific language governing
10  * rights and limitations under the License.
11  * 
12  * The Original Code is Mozilla Communicator client code, released
13  * March 31, 1998.
14  * 
15  * The Initial Developer of the Original Code is Netscape
16  * Communications Corporation. Portions created by Netscape are
17  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
18  * Rights Reserved.
19  */
20
21 @import url(chrome://communicator/skin/);
22 @import url(chrome://communicator/skin/sidebar/sidebar.css);
23
24 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
25 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
26
27 [hide] {
28 ┬ádisplay: none;
29
30
31 spring.spacer {
32     width: 5px;
33     height: 5px;
34 }
35
36 box.cleanborder {
37     margin: 10px;
38     padding: 10px;
39     border: 2px groove white;
40     width: 100%;
41 }
42
43 box.padded {
44     margin: 10px;
45     width: 100%;
46 }
47
48 iframe {
49  min-width: 10px;
50  min-height: 10px;
51  width: 100px;
52  height: 100px;
53 }
54
55 /**
56  * boxes
57  */
58 #results_box {
59         border-left: 8px solid #CCCCCC;
60         min-width: 10px;
61 }
62
63
64  
65 /**
66  * toolbar button images
67  */
68
69 #button-getmsg {
70         list-style-image:url("chrome://messenger/skin/getmsg.gif");
71 }
72
73 #button-getmsg[disabled="true"] {
74         list-style-image:url("chrome://messenger/skin/getmsg_dis.gif");
75 }
76
77 #button-newmsg {
78         list-style-image:url("chrome://messenger/skin/newmsg.gif");
79 }
80
81 #button-newmsg[disabled="true"] {
82         list-style-image:url("chrome://messenger/skin/newmsg_dis.gif");
83 }
84
85 #button-reply {
86         list-style-image:url("chrome://messenger/skin/reply.gif");
87 }
88
89 #button-reply[disabled="true"] {
90         list-style-image:url("chrome://messenger/skin/reply_dis.gif");
91 }
92
93 #button-replyall {
94         list-style-image:url("chrome://messenger/skin/replyall.gif");
95 }
96
97 #button-replyall[disabled="true"] {
98         list-style-image:url("chrome://messenger/skin/replyall_dis.gif");
99 }
100
101 #button-forward {
102         list-style-image:url("chrome://messenger/skin/forward.gif");
103 }
104
105 #button-forward[disabled="true"] {
106         list-style-image:url("chrome://messenger/skin/forward_dis.gif");
107 }
108
109 #button-file {
110         list-style-image:url("chrome://messenger/skin/file.gif");
111 }
112
113 #button-file[disabled="true"] {
114         list-style-image:url("chrome://messenger/skin/file_dis.gif");
115 }
116
117 #button-file[open="true"] > .button-internal-box {
118         border: 1px inset #CCCCDD;
119         padding               : 2px 0px 0px 2px;
120 }
121
122 #button-file > .button-internal-box 
123 {
124         vertical-align: middle;
125         text-align: center;
126 }
127
128 #button-file > .button-internal-box > .menubutton-single-text 
129 {
130         padding-top         : 3px;
131         text-align          : center;
132 }
133
134 #button-next {
135         list-style-image:url("chrome://messenger/skin/next.gif");
136 }
137
138 #button-next[disabled="true"] {
139         list-style-image:url("chrome://messenger/skin/next_dis.gif");
140 }
141
142 #button-mark {
143         list-style-image:url("chrome://messenger/skin/mark.gif");
144 }
145
146 #button-mark[disabled="true"] {
147         list-style-image:url("chrome://messenger/skin/mark_dis.gif");
148 }
149
150 #button-delete {
151         list-style-image:url("chrome://messenger/skin/trash.gif");
152 }
153
154 #button-delete[disabled="true"] {
155         list-style-image:url("chrome://messenger/skin/trash_dis.gif");
156 }
157
158 #button-print 
159   {
160           list-style-image      : url("chrome://global/skin/print.gif");
161   }
162
163 #button-print[disabled="true"]
164   {
165           list-style-image      : url("chrome://global/skin/print_dis.gif");
166   }
167
168 #button-stop {
169         list-style-image:url("chrome://global/skin/stop.gif");
170 }
171
172 #button-stop[disabled="true"] {
173         list-style-image:url("chrome://global/skin/stop_dis.gif");
174 }
175
176 .folderMenuItem 
177   {
178     list-style-image      : url("chrome://messenger/skin/folder-closed.gif");
179   }
180
181 .folderMenuItem[open="true"] 
182   {
183     list-style-image      : url("chrome://messenger/skin/folder-open.gif");
184   }
185
186 /* special folder */
187 .folderMenuItem[SpecialFolder="Inbox"] {
188  list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
189 }
190
191 .folderMenuItem[SpecialFolder="Inbox"][open="true"]
192 {
193     list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
194 }
195
196 .folderMenuItem[SpecialFolder="Trash"] {
197  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
198 }
199
200 .folderMenuItem[SpecialFolder="Trash"][open="true"] {
201  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
202 }
203
204 .folderMenuItem[IsServer="true"]
205 {
206  list-style-image: url("chrome://messenger/skin/server-mail.gif");
207 }
208
209 .folderMenuItem[IsServer="true"][open="true"]
210 {
211  list-style-image: url("chrome://messenger/skin/server-mail.gif");
212 }
213
214 /* IMAP folders */
215
216 .folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] {
217     list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
218 }
219
220 /* Local Servers */
221 .folderMenuItem[IsServer="true"][ServerType="none"]
222 {
223  list-style-image: url("chrome://messenger/skin/server-local.gif");
224 }
225
226 /* News folders */
227 .folderMenuItem[ServerType="nntp"] {
228     list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
229 }
230
231 .folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] {
232     list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
233 }
234
235 .folderMenuItem[IsServer="true"][ServerType="nntp"] {
236     list-style-image: url("chrome://messenger/skin/server-news.gif");
237 }
238
239
240 menu.push {
241   border: 1px outset white;
242   padding: 2px;
243   margin: 2px;
244   text-align: center;
245   background-color:inherit;
246   background-image: inherit;
247 }
248
249 menu.push:hover {
250         border: 1px outset white;
251         color:#003366;
252         text-decoration:underline;
253         padding: 2px;
254 }
255
256 menu.push:hover:-moz-outline {
257    border : 1px solid black;
258    color:#003366;
259    padding: 2px;
260 }
261
262 menu.push:active {
263   text-decoration:none;
264   border: 1px inset;
265   padding-left: 3px;
266   padding-right: 1px;
267   padding-top: 3px;
268   padding-bottom: 1px;
269 }
270
271 menu.push[toggled="1"] {
272   border: 1px white inset;
273   padding-left: 3px;
274   padding-right: 1px;
275   padding-top: 3px;
276   padding-bottom: 1px;
277 }
278
279 menu.push[toggled="2"] {
280    background-color: lightgray;
281    border: 1px solid gray;
282 }
283
284 menu.push:active:-moz-outline {
285    border : 1px solid black;
286 }
287
288 menu.push[disabled="true"] {
289         background-color:inherit;
290         background-image: inherit;
291         border : 1px solid #999999;
292         color: #999999;
293         text-decoration: none;
294 }
295
296 menu.push[disabled="true"]:hover {
297         background-color:inherit;
298         background-image: inherit;
299         border : 1px solid #999999;
300         color: #999999;
301         text-decoration: none;
302 }
303
304 menu.push[disabled="true"]:active {
305         background-color:inherit;
306         background-image: inherit;
307         border : 1px solid #999999;
308         color: #999999;
309         text-decoration: none;
310 }
311
312 /**
313  * this belongs in the mail filter window
314  */
315
316 .enabledcol 
317   {
318     list-style-image      : url("chrome://messenger/skin/readmail.gif");
319   }
320
321 .enabledcol[value="true"] 
322   {
323     list-style-image      : url("chrome://messenger/skin/unreadmail.gif");
324   }
325
326 .usesMailWidgets 
327   {
328     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#dummy);
329   }
330
331 searchattribute 
332   {
333     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#searchattribute);
334   }
335
336 searchoperator 
337   {
338     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#searchoperator);
339   }
340
341 searchvalue 
342   {
343     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#searchvalue);
344   }
345
346 searchterm 
347   {
348     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#searchterm);
349   }
350
351 /* addressing widget trees */
352 .treecell-mailcardicon
353   {
354     border-bottom       : 1px solid #CACAFF !important;
355     padding             : 0px;
356   }
357   
358 .textfield-mailcardicon
359   {
360     list-style-image    : url("chrome://messenger/skin/abcard.gif");
361   }
362
363 /* for the main standard mail window ONLY */    
364 .mailwindow-statusbar
365   {
366     border-left         : none;
367   }
368   
369 /** 
370  *Focus rings on 3 pane view
371  */
372
373 /*
374 #threadpane-splitter
375 {
376   border-left         : none;
377   border-top          : none;
378 }
379 */
380
381 #threadTree  
382 {
383   border-top            : none;
384 }
385
386 #folderTree> treechildren,
387 #threadTree > treechildren
388 {
389   border                : none;
390 }
391
392 #folderTree:focus > treechildren,
393 #threadTree[focusring="true"] > treechildren
394 {
395   border                : none;
396 }
397
398 #messagepane 
399 {
400   border                : none;
401 }
402
403 #messagepanebox[focusring="true"] 
404 {
405   border                : none;
406 }
407
408 #messagepanebox
409   {
410     border              : none;
411   }
412
413 #msgHeaderView 
414 {
415   border-top           : none;
416 }
417
418 #msgHeaderView > toolbar > toolbargrippy
419 {
420   border-left          : none;
421 }
422
423 .awIdentityLabel
424 {
425   width: 8em; 
426   margin-left: 5px;
427 }
428 /*
429 #accountCentralBox
430 {
431   background-color:#FFFFFF;
432 }
433 */
434 #status-bar 
435 {
436   border-left          : none;
437 }