add close icon CSS so dev toolbar works
[themes.git] / EarlyBlue / messenger / threadPane.css
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/. */
4
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7 /* ===== threadPane.css ==============================================
8   == Styles for the thread pane in the Messenger 3-pane window.
9   ======================================================================= */
10
11 /* ::::: thread decoration ::::: */
12
13 treechildren::-moz-tree-cell-text(read) {
14   font-weight: normal;
15 }
16
17 treechildren::-moz-tree-cell-text(unread) {
18   font-weight: bold;
19 }
20
21 treechildren::-moz-tree-cell-text(imapdeleted) {
22   text-decoration: line-through;
23 }
24
25 /* on a collapsed thread, if the top level message is read, but the thread has
26  * unread children, underline the text.  4.x mac did this, very slick
27  */
28 treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
29   text-decoration: underline;
30 }
31
32 /* ::::: priority colors ::::: */
33 /****
34  ****  Priority colors currently not being used at the moment.  It has been
35  ****  disabled so as to not conflict with the labels color feature.
36  ****
37 treechildren::-moz-tree-cell-text(priorityCol, priority-highest) {
38   color: red;
39 }
40
41 treechildren::-moz-tree-cell-text(priorityCol, priority-high) {
42   color: rgb(128, 0, 0);
43 }
44
45 treechildren::-moz-tree-cell-text(priorityCol, priority-lowest) {
46   color: rgb(170, 170, 170);
47 }
48
49 treechildren::-moz-tree-cell-text(priorityCol, priority-low) {
50   color: rgb(85, 85, 85);
51 }
52
53 treechildren::-moz-tree-cell-text(priorityCol, selected) {
54   color: -moz-DialogText;
55 }
56
57 treechildren::-moz-tree-cell-text(priorityCol, selected, focus) {
58   color: HighlightText;
59 }
60  ****/
61
62 /* ::::: message icons ::::: */
63
64 /* ::::: message column icons ::::: */
65
66 /* ..... thread column ..... */
67
68 .threadColumnHeader {
69   list-style-image: url("chrome://messenger/skin/icons/column-thread-unthread.gif");
70 }
71
72 .threadColumnHeader[sortDirection="ascending"]  {
73   list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
74 }
75
76 .threadColumnHeader[sortDirection="descending"] {
77   list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
78 }
79
80 treechildren::-moz-tree-image(threadCol, container) {
81   list-style-image: url("chrome://messenger/skin/icons/thread-closed.gif");
82 }
83
84 treechildren::-moz-tree-image(threadCol, container, offline) {
85   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline.gif");
86 }
87
88 treechildren::-moz-tree-image(threadCol, container, open) {
89   list-style-image: url("chrome://messenger/skin/icons/thread-open.gif");
90 }
91
92 treechildren::-moz-tree-image(threadCol, container, open, offline) {
93   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline.gif");
94 }
95
96 treechildren::-moz-tree-image(threadCol, container, hasUnread) {
97   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed.gif");
98 }
99
100 treechildren::-moz-tree-image(threadCol, container, hasUnread, offline) {
101   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline.gif");
102 }
103
104 treechildren::-moz-tree-image(threadCol, container, hasUnread, open) {
105   list-style-image: url("chrome://messenger/skin/icons/thread-new-open.gif");
106 }
107
108 treechildren::-moz-tree-image(threadCol, container, hasUnread, open, offline) {
109   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline.gif");
110 }
111
112 /* ..... read column ..... */
113
114 .readColumnHeader {
115   list-style-image: url("chrome://messenger/skin/icons/column-read-header.gif");
116 }
117
118 treechildren::-moz-tree-image(unreadButtonColHeader) {
119   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
120 }
121
122 treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
123   list-style-image: url("chrome://messenger/skin/icons/column-read-unread.gif");
124 }
125
126 /* ..... attachment column ..... */
127
128 .attachmentColumnHeader {
129   list-style-image: url("chrome://messenger/skin/icons/attachment-col.gif");
130 }
131
132 treechildren::-moz-tree-image(attachmentCol, attach) {
133   list-style-image: url("chrome://messenger/skin/icons/attachment.gif");
134 }
135
136 /* ..... flag column ..... */
137
138 .flagColumnHeader {
139   list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
140 }
141
142 treechildren::-moz-tree-image(flaggedCol) {
143   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
144 }
145
146 treechildren::-moz-tree-image(flaggedCol, flagged) {
147   list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
148 }
149
150 /* ..... junkStatus column ..... */
151
152 .junkStatusHeader {
153   list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
154 }
155
156 /* "unknown" now looks almost like "not junk", but not quite */
157 treechildren::-moz-tree-image(junkStatusCol) {
158   list-style-image: url("chrome://messenger/skin/icons/column-junk-unknown.gif");
159 }
160
161 treechildren::-moz-tree-image(junkStatusCol, junk) {
162   list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
163 }
164
165 treechildren::-moz-tree-image(junkStatusCol, notjunk) {
166   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
167 }
168
169 /* ..... subject column and tab icons ..... */
170
171 .tabmail-tab[type="message"] .tab-icon {
172   /* the message icons are only 14px high */
173   height: 14px;
174   margin-bottom: 2px;
175 }
176
177 .tabmail-tab[type="message"],
178 treechildren::-moz-tree-image(subjectCol) {
179   list-style-image: url("chrome://messenger/skin/icons/message-mail.gif");
180 }
181
182 treechildren::-moz-tree-image(subjectCol) {
183   margin-inline-end: 2px;
184 }
185
186 treechildren::-moz-tree-image(subjectCol, new) {
187   list-style-image: url("chrome://messenger/skin/icons/message-mail-new.gif");
188 }
189
190 treechildren::-moz-tree-image(subjectCol, forwarded) {
191   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward.gif");
192 }
193
194 treechildren::-moz-tree-image(subjectCol, replied) {
195   list-style-image: url("chrome://messenger/skin/icons/message-mail-reply.gif");
196 }
197
198 treechildren::-moz-tree-image(subjectCol, forwarded, replied) {
199   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-reply.gif");
200 }
201
202 .tabmail-tab[type="message"][Attachment="true"],
203 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach) {
204   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
205 }
206
207 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded) {
208   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward.gif");
209 }
210
211 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, replied) {
212   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-reply.gif");
213 }
214
215 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, replied) {
216   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-reply.gif");
217 }
218
219 .tabmail-tab[type="message"][IMAPDeleted="true"],
220 treechildren::-moz-tree-image(subjectCol, imapdeleted) {
221   list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdelete.gif");
222 }
223
224 .tabmail-tab[type="message"][Offline="true"],
225 treechildren::-moz-tree-image(subjectCol, offline) {
226   list-style-image: url("chrome://messenger/skin/icons/message-mail-offline.gif");
227 }
228
229 treechildren::-moz-tree-image(subjectCol, new, offline) {
230   list-style-image: url("chrome://messenger/skin/icons/message-mail-new-offline.gif");
231 }
232
233 treechildren::-moz-tree-image(subjectCol, forwarded, offline) {
234   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-offline.gif");
235 }
236
237 treechildren::-moz-tree-image(subjectCol, offline, replied) {
238   list-style-image: url("chrome://messenger/skin/icons/message-mail-offline-reply.gif");
239 }
240
241 treechildren::-moz-tree-image(subjectCol, forwarded, offline, replied) {
242   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-offline-reply.gif");
243 }
244
245 .tabmail-tab[type="message"][Attachment="true"][Offline="true"],
246 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, offline) {
247   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline.gif");
248 }
249
250 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, offline) {
251   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-offline.gif");
252 }
253
254 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, offline, replied) {
255   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline-reply.gif");
256 }
257
258 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, offline, replied) {
259   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-offline-reply.gif");
260 }
261
262 .tabmail-tab[type="message"][IMAPDeleted="true"][Offline="true"],
263 treechildren::-moz-tree-image(subjectCol, imapdeleted, offline) {
264   list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdel-offline.gif");
265 }
266
267 .tabmail-tab[type="message"][MessageType="rss"],
268 .tabmail-tab[type="message"][MessageType="nntp"],
269 treechildren::-moz-tree-image(subjectCol, rss),
270 treechildren::-moz-tree-image(subjectCol, news) {
271   list-style-image: url("chrome://messenger/skin/icons/message-news.gif");
272 }
273
274 treechildren::-moz-tree-image(subjectCol, rss, ignoreSubthread),
275 treechildren::-moz-tree-image(subjectCol, news, ignoreSubthread) {
276   list-style-image: url("chrome://messenger/skin/icons/message-news-kill.gif");
277 }
278
279 .tabmail-tab[type="message"][MessageType="rss"][Attachment="true"],
280 .tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"],
281 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach),
282 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach) {
283   list-style-image: url("chrome://messenger/skin/icons/message-news-attach.gif");
284 }
285
286 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, ignoreSubthread),
287 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, ignoreSubthread) {
288   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-kill.gif");
289 }
290
291 .tabmail-tab[type="message"][MessageType="rss"][Attachment="true"][Offline="true"],
292 .tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"][Offline="true"],
293 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline),
294 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
295   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-offline.gif");
296 }
297
298 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline, ignoreSubthread),
299 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline, ignoreSubthread) {
300   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-kill-offline.gif");
301 }
302
303 treechildren::-moz-tree-image(subjectCol, rss, new),
304 treechildren::-moz-tree-image(subjectCol, news, new) {
305   list-style-image: url("chrome://messenger/skin/icons/message-news-new.gif");
306 }
307
308 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, new, attach) {
309   list-style-image: url("chrome://messenger/skin/icons/message-news-new-attach.gif");
310 }
311
312 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, new, attach, offline) {
313   list-style-image: url("chrome://messenger/skin/icons/message-news-new-attach-offline.gif");
314 }
315
316 treechildren::-moz-tree-image(subjectCol, news, new, offline) {
317   list-style-image: url("chrome://messenger/skin/icons/message-news-new-offline.gif");
318 }
319
320 .tabmail-tab[type="message"][MessageType="rss"][Offline="true"],
321 .tabmail-tab[type="message"][MessageType="nntp"][Offline="true"],
322 treechildren::-moz-tree-image(subjectCol, rss, offline),
323 treechildren::-moz-tree-image(subjectCol, news, offline) {
324   list-style-image: url("chrome://messenger/skin/icons/message-news-offline.gif");
325 }
326
327 treechildren::-moz-tree-image(subjectCol, rss, offline, ignoreSubthread),
328 treechildren::-moz-tree-image(subjectCol, news, offline, ignoreSubthread) {
329   list-style-image: url("chrome://messenger/skin/icons/message-news-kill-offline.gif");
330 }
331
332 /* ..... new thread icons for watch and ignore ..... */
333
334 treechildren::-moz-tree-image(news, threadCol, watch) {
335   list-style-image: url("chrome://messenger/skin/icons/thread-closed-eye.gif");
336 }
337
338 treechildren::-moz-tree-image(news, threadCol, ignore) {
339   list-style-image: url("chrome://messenger/skin/icons/thread-closed-kill.gif");
340 }
341
342 treechildren::-moz-tree-image(news, threadCol, watch, offline) {
343   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline-eye.gif");
344 }
345
346 treechildren::-moz-tree-image(news, threadCol, ignore, offline) {
347   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline-kill.gif");
348 }
349
350 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch) {
351   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-eye.gif");
352 }
353
354 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore) {
355   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-kill.gif");
356 }
357
358 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, offline) {
359   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline-eye.gif");
360 }
361
362 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, offline) {
363   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline-kill.gif");
364 }
365
366 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, open) {
367   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-eye.gif");
368 }
369
370 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, open) {
371   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-kill.gif");
372 }
373
374 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, open, offline) {
375   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline-eye.gif");
376 }
377
378 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, open, offline) {
379   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline-kill.gif");
380 }
381
382 treechildren::-moz-tree-image(news, threadCol, container, watch, open) {
383   list-style-image: url("chrome://messenger/skin/icons/thread-open-eye.gif");
384 }
385
386 treechildren::-moz-tree-image(news, threadCol, container, ignore, open) {
387   list-style-image: url("chrome://messenger/skin/icons/thread-open-kill.gif");
388 }
389
390 treechildren::-moz-tree-image(news, threadCol, container, watch, open, offline) {
391   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline-eye.gif");
392 }
393
394 treechildren::-moz-tree-image(news, threadCol, container, ignore, open, offline) {
395   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline-kill.gif");
396 }
397
398 #sizeCol,
399 #unreadCol,
400 #totalCol {
401   text-align: right;
402 }