bugs 28, 30, and partly fix for 29 -- all EarlyBlue only
[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  * Make sure the min height is small so we can 
314  * resize the pane vertically -EDV
315  */
316 box#messagepanebox
317 {
318    min-height: 10px;
319    height: 0px;
320 }
321
322
323 /**
324  * this belongs in the mail filter window
325  */
326
327 .enabledcol {
328   list-style-image: url("chrome://messenger/skin/readmail.gif");
329 }
330
331 .enabledcol[value="true"] {
332   list-style-image: url("chrome://messenger/skin/unreadmail.gif");
333 }
334
335 searchattribute {
336   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
337 }
338
339 searchoperator {
340   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
341 }
342
343 searchvalue {
344  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
345 }
346
347 searchterm {
348  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
349 }
350
351