resolving bugs 28, 29, 30, 31, 34, 35, 36 (both skins)
[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-mark menuitem {
151         list-style-image:url("chrome://messenger/skin/mark.gif");
152 }
153
154 #button-delete {
155         list-style-image:url("chrome://messenger/skin/trash.gif");
156 }
157
158 #button-delete[disabled="true"] {
159         list-style-image:url("chrome://messenger/skin/trash_dis.gif");
160 }
161
162 #button-print 
163   {
164           list-style-image      : url("chrome://global/skin/print.gif");
165   }
166
167 #button-print[disabled="true"]
168   {
169           list-style-image      : url("chrome://global/skin/print_dis.gif");
170   }
171
172 #button-stop {
173         list-style-image:url("chrome://global/skin/stop.gif");
174 }
175
176 #button-stop[disabled="true"] {
177         list-style-image:url("chrome://global/skin/stop_dis.gif");
178 }
179
180 .folderMenuItem 
181   {
182     list-style-image      : url("chrome://messenger/skin/folder-closed.gif");
183   }
184
185 .folderMenuItem[open="true"] 
186   {
187     list-style-image      : url("chrome://messenger/skin/folder-open.gif");
188   }
189
190 /* special folder */
191 .folderMenuItem[SpecialFolder="Inbox"] {
192  list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
193 }
194
195 .folderMenuItem[SpecialFolder="Inbox"][open="true"]
196 {
197     list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
198 }
199
200 .folderMenuItem[SpecialFolder="Trash"] {
201  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
202 }
203
204 .folderMenuItem[SpecialFolder="Trash"][open="true"] {
205  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
206 }
207
208 .folderMenuItem[IsServer="true"]
209 {
210  list-style-image: url("chrome://messenger/skin/server-mail.gif");
211 }
212
213 .folderMenuItem[IsServer="true"][open="true"]
214 {
215  list-style-image: url("chrome://messenger/skin/server-mail.gif");
216 }
217
218 /* IMAP folders */
219
220 .folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] {
221     list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
222 }
223
224 /* Local Servers */
225 .folderMenuItem[IsServer="true"][ServerType="none"]
226 {
227  list-style-image: url("chrome://messenger/skin/server-local.gif");
228 }
229
230 /* News folders */
231 .folderMenuItem[ServerType="nntp"] {
232     list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
233 }
234
235 .folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] {
236     list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
237 }
238
239 .folderMenuItem[IsServer="true"][ServerType="nntp"] {
240     list-style-image: url("chrome://messenger/skin/server-news.gif");
241 }
242
243
244 menu.push {
245   border: 1px outset white;
246   padding: 2px;
247   margin: 2px;
248   text-align: center;
249   background-color:inherit;
250   background-image: inherit;
251 }
252
253 menu.push:hover {
254         border: 1px outset white;
255         color:#003366;
256         text-decoration:underline;
257         padding: 2px;
258 }
259
260 menu.push:hover:-moz-outline {
261    border : 1px solid black;
262    color:#003366;
263    padding: 2px;
264 }
265
266 menu.push:active {
267   text-decoration:none;
268   border: 1px inset;
269   padding-left: 3px;
270   padding-right: 1px;
271   padding-top: 3px;
272   padding-bottom: 1px;
273 }
274
275 menu.push[toggled="1"] {
276   border: 1px white inset;
277   padding-left: 3px;
278   padding-right: 1px;
279   padding-top: 3px;
280   padding-bottom: 1px;
281 }
282
283 menu.push[toggled="2"] {
284    background-color: lightgray;
285    border: 1px solid gray;
286 }
287
288 menu.push:active:-moz-outline {
289    border : 1px solid black;
290 }
291
292 menu.push[disabled="true"] {
293         background-color:inherit;
294         background-image: inherit;
295         border : 1px solid #999999;
296         color: #999999;
297         text-decoration: none;
298 }
299
300 menu.push[disabled="true"]:hover {
301         background-color:inherit;
302         background-image: inherit;
303         border : 1px solid #999999;
304         color: #999999;
305         text-decoration: none;
306 }
307
308 menu.push[disabled="true"]:active {
309         background-color:inherit;
310         background-image: inherit;
311         border : 1px solid #999999;
312         color: #999999;
313         text-decoration: none;
314 }
315
316 /**
317  * Make sure the min height is small so we can 
318  * resize the pane vertically -EDV
319  */
320 box#messagepanebox
321 {
322    min-height: 10px;
323    height: 0px;
324 }
325
326
327 /**
328  * this belongs in the mail filter window
329  */
330
331 .enabledcol {
332   list-style-image: url("chrome://messenger/skin/readmail.gif");
333 }
334
335 .enabledcol[value="true"] {
336   list-style-image: url("chrome://messenger/skin/unreadmail.gif");
337 }
338
339 searchattribute {
340   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
341 }
342
343 searchoperator {
344   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
345 }
346
347 searchvalue {
348  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
349 }
350
351 searchterm {
352  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
353 }
354
355
356