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   -moz-margin-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 }