LCARStrek/messenger/threadPane.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Netscape Public License
   5  * Version 1.1 (the "License"); you may not use this file except in
   6  * compliance with the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/NPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Scott MacGregor (mscott@netscape.com)
  23  *   Joe Hewitt (hewitt@netscape.com)
  24  *   Robert Kaiser <KaiRo@KaiRo.at>
  25  *
  26  * Alternatively, the contents of this file may be used under the terms of
  27  * either the GNU General Public License Version 2 or later (the "GPL"), or
  28  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  29  * in which case the provisions of the GPL or the LGPL are applicable instead
  30  * of those above. If you wish to allow use of your version of this file only
  31  * under the terms of either the GPL or the LGPL, and not to allow others to
  32  * use your version of this file under the terms of the NPL, indicate your
  33  * decision by deleting the provisions above and replace them with the notice
  34  * and other provisions required by the GPL or the LGPL. If you do not delete
  35  * the provisions above, a recipient may use your version of this file under
  36  * the terms of any one of the NPL, the GPL or the LGPL.
  37  *
  38  * ***** END LICENSE BLOCK ***** */
  39
  40 /* ===== threadPane.css ==============================================
  41   == Styles for the thread pane in the Messenger 3-pane window.
  42   ======================================================================= */
  43
  44 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  45
  46 /* ::::: thread decoration ::::: */
  47
  48 treechildren::-moz-tree-cell-text(read) {
  49   font-weight: normal;
  50 }
  51
  52 treechildren::-moz-tree-cell-text(unread) {
  53   font-weight: bold;
  54   color: #FFCF00;
  55 }
  56
  57 treechildren::-moz-tree-cell-text(imapdeleted) {
  58   text-decoration: line-through;
  59 }
  60
  61 /* on a collapsed thread, if the top level message is read, but the thread has
  62  * unread children, underline the text.  4.x mac did this, very slick
  63  */
  64 treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
  65   text-decoration: underline;
  66   color: #FFCF00;
  67 }
  68
  69 /* ::::: priority colors ::::: */
  70
  71 /****
  72  ****  Priority colors currently not being used at the moment.  It has been
  73  ****  disabled so as to not conflict with the labels color feature.
  74  ****
  75
  76 treechildren::-moz-tree-cell-text(priorityCol, priority-highest) {
  77   color: red;
  78 }
  79
  80 treechildren::-moz-tree-cell-text(priorityCol, priority-high) {
  81   color: rgb(128, 0, 0);
  82 }
  83
  84 treechildren::-moz-tree-cell-text(priorityCol, priority-lowest) {
  85   color: rgb(170, 170, 170);
  86 }
  87
  88 treechildren::-moz-tree-cell-text(priorityCol, priority-low) {
  89   color: rgb(85, 85, 85);
  90 }
  91
  92 treechildren::-moz-tree-cell-text(priorityCol, selected) {
  93   color: -moz-DialogText;
  94 }
  95
  96 treechildren::-moz-tree-cell-text(priorityCol, selected, focus) {
  97   color: HighlightText;
  98 }
  99  ****/
 100
 101 /* ::::: message icons ::::: */
 102
 103 /* ::::: message column icons ::::: */
 104
 105 /* ..... thread column ..... */
 106
 107 .threadColumnHeader {
 108   list-style-image: url("chrome://messenger/skin/icons/column-thread-unthread.gif");
 109 }
 110
 111 .threadColumnHeader[sortDirection="ascending"]  {
 112   list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
 113 }
 114
 115 .threadColumnHeader[sortDirection="descending"] {
 116   list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
 117 }
 118
 119 treechildren::-moz-tree-image(threadCol, container) {
 120   list-style-image: url("chrome://messenger/skin/icons/thread-closed.gif");
 121 }
 122
 123 treechildren::-moz-tree-image(threadCol, container, offline) {
 124   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline.gif");
 125 }
 126
 127 treechildren::-moz-tree-image(threadCol, container, open) {
 128   list-style-image: url("chrome://messenger/skin/icons/thread-open.gif");
 129 }
 130
 131 treechildren::-moz-tree-image(threadCol, container, open, offline) {
 132   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline.gif");
 133 }
 134
 135 treechildren::-moz-tree-image(threadCol, container, hasUnread) {
 136   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed.gif");
 137 }
 138
 139 treechildren::-moz-tree-image(threadCol, container, hasUnread, offline) {
 140   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline.gif");
 141 }
 142
 143 treechildren::-moz-tree-image(threadCol, container, hasUnread, open) {
 144   list-style-image: url("chrome://messenger/skin/icons/thread-new-open.gif");
 145 }
 146
 147 treechildren::-moz-tree-image(threadCol, container, hasUnread, open, offline) {
 148   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline.gif");
 149 }
 150
 151 /* ..... read column ..... */
 152
 153 .readColumnHeader {
 154   list-style-image: url("chrome://messenger/skin/icons/column-read-header.gif");
 155 }
 156
 157 treechildren::-moz-tree-image(unreadButtonColHeader) {
 158   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 159 }
 160
 161 treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
 162   list-style-image: url("chrome://messenger/skin/icons/column-read-unread.gif");
 163 }
 164
 165 /* ..... attachment column ..... */
 166
 167 .attachmentColumnHeader {
 168   list-style-image: url("chrome://messenger/skin/icons/attachment-col.gif");
 169 }
 170
 171 treechildren::-moz-tree-image(attachmentCol, attach) {
 172   list-style-image: url("chrome://messenger/skin/icons/attachment.gif");
 173 }
 174
 175 /* ..... flag column ..... */
 176
 177 .flagColumnHeader {
 178   list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
 179 }
 180
 181 treechildren::-moz-tree-image(flaggedCol) {
 182   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 183 }
 184
 185 treechildren::-moz-tree-image(flaggedCol, flagged) {
 186   list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
 187 }
 188
 189 /* ..... junkStatus column ..... */
 190
 191 .junkStatusHeader {
 192   list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
 193 }
 194
 195 /* "unknown" now looks almost like "not junk", but not quite */
 196 treechildren::-moz-tree-image(junkStatusCol) {
 197   list-style-image: url("chrome://messenger/skin/icons/column-junk-unknown.gif");
 198 }
 199
 200 treechildren::-moz-tree-image(junkStatusCol, junk) {
 201   list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
 202 }
 203
 204 treechildren::-moz-tree-image(junkStatusCol, notjunk) {
 205   list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 206 }
 207
 208 /* ..... subject column and tab icons ..... */
 209
 210 .tabmail-tab[type="message"] .tab-icon {
 211   /* the message icons are only 14px high */
 212   height: 14px;
 213   margin-bottom: 2px;
 214 }
 215
 216 .tabmail-tab[type="message"],
 217 treechildren::-moz-tree-image(subjectCol) {
 218   list-style-image: url("chrome://messenger/skin/icons/message-mail.gif");
 219 }
 220
 221 treechildren::-moz-tree-image(subjectCol) {
 222   -moz-margin-end: 2px;
 223 }
 224
 225 treechildren::-moz-tree-image(subjectCol, new) {
 226   list-style-image: url("chrome://messenger/skin/icons/message-mail-new.gif");
 227 }
 228
 229 treechildren::-moz-tree-image(subjectCol, forwarded) {
 230   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward.gif");
 231 }
 232
 233 treechildren::-moz-tree-image(subjectCol, replied) {
 234   list-style-image: url("chrome://messenger/skin/icons/message-mail-reply.gif");
 235 }
 236
 237 treechildren::-moz-tree-image(subjectCol, forwarded, replied) {
 238   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-reply.gif");
 239 }
 240
 241 .tabmail-tab[type="message"][Attachment="true"],
 242 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach) {
 243   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
 244 }
 245
 246 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded) {
 247   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward.gif");
 248 }
 249
 250 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, replied) {
 251   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-reply.gif");
 252 }
 253
 254 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, replied) {
 255   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-reply.gif");
 256 }
 257
 258 .tabmail-tab[type="message"][IMAPDeleted="true"],
 259 treechildren::-moz-tree-image(subjectCol, imapdeleted) {
 260   list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdelete.gif");
 261 }
 262
 263 .tabmail-tab[type="message"][Offline="true"],
 264 treechildren::-moz-tree-image(subjectCol, offline) {
 265   list-style-image: url("chrome://messenger/skin/icons/message-mail-offline.gif");
 266 }
 267
 268 treechildren::-moz-tree-image(subjectCol, new, offline) {
 269   list-style-image: url("chrome://messenger/skin/icons/message-mail-new-offline.gif");
 270 }
 271
 272 treechildren::-moz-tree-image(subjectCol, forwarded, offline) {
 273   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-offline.gif");
 274 }
 275
 276 treechildren::-moz-tree-image(subjectCol, offline, replied) {
 277   list-style-image: url("chrome://messenger/skin/icons/message-mail-offline-reply.gif");
 278 }
 279
 280 treechildren::-moz-tree-image(subjectCol, forwarded, offline, replied) {
 281   list-style-image: url("chrome://messenger/skin/icons/message-mail-forward-offline-reply.gif");
 282 }
 283
 284 .tabmail-tab[type="message"][Attachment="true"][Offline="true"],
 285 treechildren::-moz-tree-image(subjectCol, attach, offline) {
 286   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline.gif");
 287 }
 288
 289 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, offline) {
 290   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-offline.gif");
 291 }
 292
 293 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, offline, replied) {
 294   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline-reply.gif");
 295 }
 296
 297 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, forwarded, offline, replied) {
 298   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-forward-offline-reply.gif");
 299 }
 300
 301 .tabmail-tab[type="message"][IMAPDeleted="true"][Offline="true"],
 302 treechildren::-moz-tree-image(subjectCol, imapdeleted, offline) {
 303   list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdel-offline.gif");
 304 }
 305
 306 .tabmail-tab[type="message"][MessageType="rss"],
 307 .tabmail-tab[type="message"][MessageType="nntp"],
 308 treechildren::-moz-tree-image(subjectCol, rss),
 309 treechildren::-moz-tree-image(subjectCol, news) {
 310   list-style-image: url("chrome://messenger/skin/icons/message-news.gif");
 311 }
 312
 313 treechildren::-moz-tree-image(subjectCol, rss, ignoreSubthread),
 314 treechildren::-moz-tree-image(subjectCol, news, ignoreSubthread) {
 315   list-style-image: url("chrome://messenger/skin/icons/message-news-kill.gif");
 316 }
 317
 318 .tabmail-tab[type="message"][MessageType="rss"][Attachment="true"],
 319 .tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"],
 320 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach),
 321 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach) {
 322   list-style-image: url("chrome://messenger/skin/icons/message-news-attach.gif");
 323 }
 324
 325 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, ignoreSubthread),
 326 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, ignoreSubthread) {
 327   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-kill.gif");
 328 }
 329
 330 .tabmail-tab[type="message"][MessageType="rss"][Attachment="true"][Offline="true"],
 331 .tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"][Offline="true"],
 332 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline),
 333 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
 334   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-offline.gif");
 335 }
 336
 337 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline, ignoreSubthread),
 338 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline, ignoreSubthread) {
 339   list-style-image: url("chrome://messenger/skin/icons/message-news-attach-kill-offline.gif");
 340 }
 341
 342 treechildren::-moz-tree-image(subjectCol, rss, new),
 343 treechildren::-moz-tree-image(subjectCol, news, new) {
 344   list-style-image: url("chrome://messenger/skin/icons/message-news-new.gif");
 345 }
 346
 347 tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, new, attach, offline) {
 348   list-style-image: url("chrome://messenger/skin/icons/message-news-new-attach-offline.gif");
 349 }
 350
 351 treechildren::-moz-tree-image(subjectCol, news, new, offline) {
 352   list-style-image: url("chrome://messenger/skin/icons/message-news-new-offline.gif");
 353 }
 354
 355 .tabmail-tab[type="message"][MessageType="rss"][Offline="true"],
 356 .tabmail-tab[type="message"][MessageType="nntp"][Offline="true"],
 357 treechildren::-moz-tree-image(subjectCol, rss, offline),
 358 treechildren::-moz-tree-image(subjectCol, news, offline) {
 359   list-style-image: url("chrome://messenger/skin/icons/message-news-offline.gif");
 360 }
 361
 362 treechildren::-moz-tree-image(subjectCol, rss, offline, ignoreSubthread),
 363 treechildren::-moz-tree-image(subjectCol, news, offline, ignoreSubthread) {
 364   list-style-image: url("chrome://messenger/skin/icons/message-news-kill-offline.gif");
 365 }
 366
 367 /* ..... new thread icons for watch and ignore ..... */
 368
 369 treechildren::-moz-tree-image(news, threadCol, watch) {
 370   list-style-image: url("chrome://messenger/skin/icons/thread-closed-eye.gif");
 371 }
 372
 373 treechildren::-moz-tree-image(news, threadCol, ignore) {
 374   list-style-image: url("chrome://messenger/skin/icons/thread-closed-kill.gif");
 375 }
 376
 377 treechildren::-moz-tree-image(news, threadCol, watch, offline) {
 378   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline-eye.gif");
 379 }
 380
 381 treechildren::-moz-tree-image(news, threadCol, ignore, offline) {
 382   list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline-kill.gif");
 383 }
 384
 385 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch) {
 386   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-eye.gif");
 387 }
 388
 389 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore) {
 390   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-kill.gif");
 391 }
 392
 393 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, offline) {
 394   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline-eye.gif");
 395 }
 396
 397 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, offline) {
 398   list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline-kill.gif");
 399 }
 400
 401 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, open) {
 402   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-eye.gif");
 403 }
 404
 405 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, open) {
 406   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-kill.gif");
 407 }
 408
 409 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, open, offline) {
 410   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline-eye.gif");
 411 }
 412
 413 treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, open, offline) {
 414   list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline-kill.gif");
 415 }
 416
 417 treechildren::-moz-tree-image(news, threadCol, container, watch, open) {
 418   list-style-image: url("chrome://messenger/skin/icons/thread-open-eye.gif");
 419 }
 420
 421 treechildren::-moz-tree-image(news, threadCol, container, ignore, open) {
 422   list-style-image: url("chrome://messenger/skin/icons/thread-open-kill.gif");
 423 }
 424
 425 treechildren::-moz-tree-image(news, threadCol, container, watch, open, offline) {
 426   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline-eye.gif");
 427 }
 428
 429 treechildren::-moz-tree-image(news, threadCol, container, ignore, open, offline) {
 430   list-style-image: url("chrome://messenger/skin/icons/thread-open-offline-kill.gif");
 431 }
 432
 433 #sizeCol,
 434 #unreadCol,
 435 #totalCol {
 436   text-align: right;
 437 }