LCARStrek/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 /* ===== threadPane.css ==============================================
   6   == Styles for the thread pane in the Messenger 3-pane window.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  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   color: #FFCF00;
  20 }
  21
  22 treechildren::-moz-tree-cell-text(imapdeleted) {
  23   text-decoration: line-through;
  24 }
  25
  26 /* on a collapsed thread, if the top level message is read, but the thread has
  27  * unread children, underline the text.  4.x mac did this, very slick
  28  */
  29 treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
  30   text-decoration: underline;
  31   color: #FFCF00;
  32 }
  33
  34 /* ::::: priority colors ::::: */
  35
  36 /****
  37  ****  Priority colors currently not being used at the moment.  It has been
  38  ****  disabled so as to not conflict with the labels color feature.
  39  ****
  40
  41 treechildren::-moz-tree-cell-text(priorityCol, priority-highest) {
  42   color: red;
  43 }
  44
  45 treechildren::-moz-tree-cell-text(priorityCol, priority-high) {
  46   color: rgb(128, 0, 0);
  47 }
  48
  49 treechildren::-moz-tree-cell-text(priorityCol, priority-lowest) {
  50   color: rgb(170, 170, 170);
  51 }
  52
  53 treechildren::-moz-tree-cell-text(priorityCol, priority-low) {
  54   color: rgb(85, 85, 85);
  55 }
  56
  57 treechildren::-moz-tree-cell-text(priorityCol, selected) {
  58   color: -moz-DialogText;
  59 }
  60
  61 treechildren::-moz-tree-cell-text(priorityCol, selected, focus) {
  62   color: HighlightText;
  63 }
  64  ****/
  65
  66 /* ::::: message icons ::::: */
  67
  68 /* ::::: message column icons ::::: */
  69
  70 /* ..... thread column ..... */
  71
  72 .threadColumnHeader {
  73   list-style-image: url("chrome://messenger/skin/icons/column-thread-unthread.gif");
  74 }
  75
  76 .threadColumnHeader[sortDirection="ascending"]  {
  77   list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
  78 }
  79
  80 .threadColumnHeader[sortDirection="descending"] {
  81   list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
  82 }
  83
  84 treechildren::-moz-tree-image(threadCol, container) {
  85   list-style-image: url("chrome://messenger/skin/icons/thread-closed.gif");
  86 }
  87
  88 treechildren::-moz-tree-image(threadCol, container, offline) {
  89   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline.gif");
  90 }
  91
  92 treechildren::-moz-tree-image(threadCol, container, open) {
  93   list-style-image: url("chrome://messenger/skin/icons/thread-open.gif");
  94 }
  95
  96 treechildren::-moz-tree-image(threadCol, container, open, offline) {
  97   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline.gif");
  98 }
  99
 100 treechildren::-moz-tree-image(threadCol, container, hasUnread) {
 101   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed.gif");
 102 }
 103
 104 treechildren::-moz-tree-image(threadCol, container, hasUnread, offline) {
 105   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline.gif");
 106 }
 107
 108 treechildren::-moz-tree-image(threadCol, container, hasUnread, open) {
 109   list-style-image: url("chrome://messenger/skin/icons/thread-new-open.gif");
 110 }
 111
 112 treechildren::-moz-tree-image(threadCol, container, hasUnread, open, offline) {
 113   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline.gif");
 114 }
 115
 116 /* ..... read column ..... */
 117
 118 .readColumnHeader {
 119   list-style-image: url("chrome://messenger/skin/icons/column-read-header.gif");
 120 }
 121
 122 treechildren::-moz-tree-image(unreadButtonColHeader) {
 123   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 124 }
 125
 126 treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
 127   list-style-image: url("chrome://messenger/skin/icons/column-read-unread.gif");
 128 }
 129
 130 /* ..... attachment column ..... */
 131
 132 .attachmentColumnHeader {
 133   list-style-image: url("chrome://messenger/skin/icons/attachment-col.gif");
 134 }
 135
 136 treechildren::-moz-tree-image(attachmentCol, attach) {
 137   list-style-image: url("chrome://messenger/skin/icons/attachment.gif");
 138 }
 139
 140 /* ..... flag column ..... */
 141
 142 .flagColumnHeader {
 143   list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
 144 }
 145
 146 treechildren::-moz-tree-image(flaggedCol) {
 147   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 148 }
 149
 150 treechildren::-moz-tree-image(flaggedCol, flagged) {
 151   list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
 152 }
 153
 154 /* ..... junkStatus column ..... */
 155
 156 .junkStatusHeader {
 157   list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
 158 }
 159
 160 /* "unknown" now looks almost like "not junk", but not quite */
 161 treechildren::-moz-tree-image(junkStatusCol) {
 162   list-style-image: url("chrome://messenger/skin/icons/column-junk-unknown.gif");
 163 }
 164
 165 treechildren::-moz-tree-image(junkStatusCol, junk) {
 166   list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
 167 }
 168
 169 treechildren::-moz-tree-image(junkStatusCol, notjunk) {
 170   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 171 }
 172
 173 /* ..... subject column and tab icons ..... */
 174
 175 .tabmail-tab[type="message"] .tab-icon {
 176   /* the message icons are only 14px high */
 177   height: 14px;
 178   margin-bottom: 2px;
 179 }
 180
 181 .tabmail-tab[type="message"],
 182 treechildren::-moz-tree-image(subjectCol) {
 183   list-style-image: url("chrome://messenger/skin/icons/message-mail.gif");
 184 }
 185
 186 treechildren::-moz-tree-image(subjectCol) {
 187   -moz-margin-end: 2px;
 188 }
 189
 190 treechildren::-moz-tree-image(subjectCol, new) {
 191   list-style-image: url("chrome://messenger/skin/icons/message-mail-new.gif");
 192 }
 193
 194 treechildren::-moz-tree-image(subjectCol, forwarded) {
 195   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward.gif");
 196 }
 197
 198 treechildren::-moz-tree-image(subjectCol, replied) {
 199   list-style-image: url("chrome://messenger/skin/icons/message-mail-reply.gif");
 200 }
 201
 202 treechildren::-moz-tree-image(subjectCol, forwarded, replied) {
 203   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-reply.gif");
 204 }
 205
 206 .tabmail-tab[type="message"][Attachment="true"],
 207 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach) {
 208   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
 209 }
 210
 211 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded) {
 212   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward.gif");
 213 }
 214
 215 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, replied) {
 216   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-reply.gif");
 217 }
 218
 219 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, replied) {
 220   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-reply.gif");
 221 }
 222
 223 .tabmail-tab[type="message"][IMAPDeleted="true"],
 224 treechildren::-moz-tree-image(subjectCol, imapdeleted) {
 225   list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdelete.gif");
 226 }
 227
 228 .tabmail-tab[type="message"][Offline="true"],
 229 treechildren::-moz-tree-image(subjectCol, offline) {
 230   list-style-image: url("chrome://messenger/skin/icons/message-mail-offline.gif");
 231 }
 232
 233 treechildren::-moz-tree-image(subjectCol, new, offline) {
 234   list-style-image: url("chrome://messenger/skin/icons/message-mail-new-offline.gif");
 235 }
 236
 237 treechildren::-moz-tree-image(subjectCol, forwarded, offline) {
 238   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-offline.gif");
 239 }
 240
 241 treechildren::-moz-tree-image(subjectCol, offline, replied) {
 242   list-style-image: url("chrome://messenger/skin/icons/message-mail-offline-reply.gif");
 243 }
 244
 245 treechildren::-moz-tree-image(subjectCol, forwarded, offline, replied) {
 246   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-offline-reply.gif");
 247 }
 248
 249 .tabmail-tab[type="message"][Attachment="true"][Offline="true"],
 250 treechildren::-moz-tree-image(subjectCol, attach, offline) {
 251   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline.gif");
 252 }
 253
 254 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, offline) {
 255   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-offline.gif");
 256 }
 257
 258 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, offline, replied) {
 259   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline-reply.gif");
 260 }
 261
 262 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, offline, replied) {
 263   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-offline-reply.gif");
 264 }
 265
 266 .tabmail-tab[type="message"][IMAPDeleted="true"][Offline="true"],
 267 treechildren::-moz-tree-image(subjectCol, imapdeleted, offline) {
 268   list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdel-offline.gif");
 269 }
 270
 271 .tabmail-tab[type="message"][MessageType="rss"],
 272 .tabmail-tab[type="message"][MessageType="nntp"],
 273 treechildren::-moz-tree-image(subjectCol, rss),
 274 treechildren::-moz-tree-image(subjectCol, news) {
 275   list-style-image: url("chrome://messenger/skin/icons/message-news.gif");
 276 }
 277
 278 treechildren::-moz-tree-image(subjectCol, rss, ignoreSubthread),
 279 treechildren::-moz-tree-image(subjectCol, news, ignoreSubthread) {
 280   list-style-image: url("chrome://messenger/skin/icons/message-news-kill.gif");
 281 }
 282
 283 .tabmail-tab[type="message"][MessageType="rss"][Attachment="true"],
 284 .tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"],
 285 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach),
 286 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach) {
 287   list-style-image: url("chrome://messenger/skin/icons/message-news-attach.gif");
 288 }
 289
 290 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, ignoreSubthread),
 291 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, ignoreSubthread) {
 292   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-kill.gif");
 293 }
 294
 295 .tabmail-tab[type="message"][MessageType="rss"][Attachment="true"][Offline="true"],
 296 .tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"][Offline="true"],
 297 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline),
 298 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
 299   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-offline.gif");
 300 }
 301
 302 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline, ignoreSubthread),
 303 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline, ignoreSubthread) {
 304   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-kill-offline.gif");
 305 }
 306
 307 treechildren::-moz-tree-image(subjectCol, rss, new),
 308 treechildren::-moz-tree-image(subjectCol, news, new) {
 309   list-style-image: url("chrome://messenger/skin/icons/message-news-new.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 }