it's still a GIF, not a PNG.
[themes.git] / EarlyBlue / messenger / threadPane.css
index 886511ce1e4634a1c5909a403b61c525044980e9..903f9ee031ffff8e9e0d5c13a132653d98f31960 100644 (file)
@@ -13,7 +13,7 @@
  *
  * The Original Code is mozilla.org code.
  *
- * The Initial Developer of the Original Code is 
+ * The Initial Developer of the Original Code is
  * Netscape Communications Corporation.
  * Portions created by the Initial Developer are Copyright (C) 1998
  * the Initial Developer. All Rights Reserved.
@@ -24,7 +24,7 @@
  *   Robert Kaiser <KaiRo@KaiRo.at>
  *
  * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or 
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  * in which case the provisions of the GPL or the LGPL are applicable instead
  * of those above. If you wish to allow use of your version of this file only
   == Styles for the thread pane in the Messenger 3-pane window.
   ======================================================================= */
 
-/* ::::: connecting lines ::::: */
+/* ::::: thread decoration ::::: */
 
-outlinerbody:-moz-outliner-line
-{
-  visibility: hidden;
+treechildren::-moz-tree-cell-text(read) {
+  font-weight: normal;
 }
 
-/* ::::: thread decoration ::::: */
-
-outlinerbody:-moz-outliner-cell-text(unread) {
+treechildren::-moz-tree-cell-text(unread) {
   font-weight: bold;
 }
 
+treechildren::-moz-tree-cell-text(imapdeleted) {
+  text-decoration: line-through;
+}
+
 /* on a collapsed thread, if the top level message is read, but the thread has
- * unread children, underline the text.  4.x mac did this, very slick 
+ * unread children, underline the text.  4.x mac did this, very slick
  */
-outlinerbody:-moz-outliner-cell-text(container, closed, hasUnread, read) {
+treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
   text-decoration: underline;
 }
 
 /* ::::: priority colors ::::: */
-
-outlinerbody:-moz-outliner-cell-text(priorityCol, priority-highest) {
+/****
+ ****  Priority colors currently not being used at the moment.  It has been
+ ****  disabled so as to not conflict with the labels color feature.
+ ****
+treechildren::-moz-tree-cell-text(priorityCol, priority-highest) {
   color: red;
 }
 
-outlinerbody:-moz-outliner-cell-text(priorityCol, priority-high) {
+treechildren::-moz-tree-cell-text(priorityCol, priority-high) {
   color: rgb(128, 0, 0);
 }
 
-outlinerbody:-moz-outliner-cell-text(priorityCol, priority-lowest) {
+treechildren::-moz-tree-cell-text(priorityCol, priority-lowest) {
   color: rgb(170, 170, 170);
 }
 
-outlinerbody:-moz-outliner-cell-text(priorityCol, priority-low) {
+treechildren::-moz-tree-cell-text(priorityCol, priority-low) {
   color: rgb(85, 85, 85);
 }
 
-outlinerbody:-moz-outliner-cell-text(priorityCol, selected) {
+treechildren::-moz-tree-cell-text(priorityCol, selected) {
   color: -moz-DialogText;
 }
 
-outlinerbody:-moz-outliner-cell-text(priorityCol, selected, focus) {
+treechildren::-moz-tree-cell-text(priorityCol, selected, focus) {
   color: HighlightText;
 }
+ ****/
 
 /* ::::: message icons ::::: */
 
@@ -95,99 +100,270 @@ outlinerbody:-moz-outliner-cell-text(priorityCol, selected, focus) {
 
 /* ..... thread column ..... */
 
-outlinercol.threadColumnHeader {
-  list-style-image: url("chrome://messenger/skin/unthreadcol.gif");
+.threadColumnHeader {
+  list-style-image: url("chrome://messenger/skin/icons/column-thread-unthread.gif");
 }
 
-outlinercol.threadColumnHeader[sortDirection="ascending"]  {
-  list-style-image: url("chrome://messenger/skin/threadcol.gif");
+.threadColumnHeader[sortDirection="ascending"]  {
+  list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
 }
 
-outlinercol.threadColumnHeader[sortDirection="descending"] {
-  list-style-image: url("chrome://messenger/skin/threadcol.gif");
+.threadColumnHeader[sortDirection="descending"] {
+  list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
 }
 
-outlinerbody:-moz-outliner-image(threadCol, container) {
-  list-style-image: url("chrome://messenger/skin/thread-closed.gif");
+treechildren::-moz-tree-image(threadCol, container) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-closed.gif");
 }
 
-outlinerbody:-moz-outliner-image(threadCol, container, open) {
-  list-style-image: url("chrome://messenger/skin/thread-open.gif");
+treechildren::-moz-tree-image(threadCol, container, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline.gif");
 }
 
-outlinerbody:-moz-outliner-image(threadCol, container, hasUnread) {
-  list-style-image: url("chrome://messenger/skin/thread-new-closed.gif");
+treechildren::-moz-tree-image(threadCol, container, open) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-open.gif");
 }
 
-outlinerbody:-moz-outliner-image(threadCol, container, hasUnread, open) {
-  list-style-image: url("chrome://messenger/skin/thread-new-open.gif");
+treechildren::-moz-tree-image(threadCol, container, open, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-open-offline.gif");
+}
+
+treechildren::-moz-tree-image(threadCol, container, hasUnread) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed.gif");
+}
+
+treechildren::-moz-tree-image(threadCol, container, hasUnread, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline.gif");
+}
+
+treechildren::-moz-tree-image(threadCol, container, hasUnread, open) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-open.gif");
+}
+
+treechildren::-moz-tree-image(threadCol, container, hasUnread, open, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline.gif");
 }
 
 /* ..... read column ..... */
 
-outlinercol.readColumnHeader {
-  list-style-image: url("chrome://messenger/skin/readcol.gif");
+.readColumnHeader {
+  list-style-image: url("chrome://messenger/skin/icons/column-read-header.gif");
+}
+
+treechildren::-moz-tree-image(unreadButtonColHeader) {
+  list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 }
 
-outlinerbody:-moz-outliner-image(unreadButtonColHeader) {
-  list-style-image: url("chrome://messenger/skin/readmail.gif");
+treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
+  list-style-image: url("chrome://messenger/skin/icons/column-read-unread.gif");
 }
 
-outlinerbody:-moz-outliner-image(unreadButtonColHeader, unread) {
-  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
+/* ..... attachment column ..... */
+
+.attachmentColumnHeader {
+  list-style-image: url("chrome://messenger/skin/icons/attachment-col.gif");
+}
+
+treechildren::-moz-tree-image(attachmentCol, attach) {
+  list-style-image: url("chrome://messenger/skin/icons/attachment.gif");
 }
 
 /* ..... flag column ..... */
 
-outlinercol.flagColumnHeader {
-  list-style-image: url("chrome://messenger/skin/flagcol.gif");
+.flagColumnHeader {
+  list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
 }
 
-outlinerbody:-moz-outliner-image(flaggedCol) {
-  list-style-image: url("chrome://messenger/skin/readmail.gif");
+treechildren::-moz-tree-image(flaggedCol) {
+  list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 }
 
-outlinerbody:-moz-outliner-image(flaggedCol, flagged) {
-  list-style-image: url("chrome://messenger/skin/flaggedmail.gif");
+treechildren::-moz-tree-image(flaggedCol, flagged) {
+  list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
 }
 
-/* ..... subject column ..... */
+/* ..... junkStatus column ..... */
 
-outlinerbody:-moz-outliner-image(subjectCol) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-mail.gif");
+.junkStatusHeader {
+  list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
 }
 
-outlinerbody:-moz-outliner-image(subjectCol, new) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-mail-new.gif");
+/* "unknown" now looks almost like "not junk", but not quite */
+treechildren::-moz-tree-image(junkStatusCol) {
+  list-style-image: url("chrome://messenger/skin/icons/column-junk-unknown.gif");
 }
 
-outlinerbody:-moz-outliner-image(subjectCol, attach) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-mail-attach.gif");
+treechildren::-moz-tree-image(junkStatusCol, junk) {
+  list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
 }
 
-outlinerbody:-moz-outliner-image(subjectCol, imapdeleted) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-mail-imapdelete.gif");
+treechildren::-moz-tree-image(junkStatusCol, notjunk) {
+  list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
 }
 
-outlinerbody:-moz-outliner-image(subjectCol, news) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-news.gif");
+/* ..... subject column and tab icons ..... */
+
+.tabmail-tab[type="message"] .tab-icon {
+  margin-top: -4px;
+  /* the message icons are only 14px high */
+  height: 14px;
 }
 
-outlinerbody:-moz-outliner-image(subjectCol, news, new) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-news-new.gif");
+.tabmail-tab[type="message"],
+treechildren::-moz-tree-image(subjectCol) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail.gif");
 }
 
-outlinerbody:-moz-outliner-image(subjectCol, news, attach) {
-  padding-right: 2px;
-  list-style-image: url("chrome://messenger/skin/message-news-attach.gif");
+treechildren::-moz-tree-image(subjectCol) {
+  -moz-margin-end: 2px;
 }
 
+treechildren::-moz-tree-image(subjectCol, new) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-new.gif");
+}
 
+.tabmail-tab[type="message"][Attachment="true"],
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
+}
+
+.tabmail-tab[type="message"][IMAPDeleted="true"],
+treechildren::-moz-tree-image(subjectCol, imapdeleted) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdelete.gif");
+}
+
+.tabmail-tab[type="message"][Offline="true"],
+treechildren::-moz-tree-image(subjectCol, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-offline.gif");
+}
+
+treechildren::-moz-tree-image(subjectCol, new, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-new-offline.gif");
+}
+
+.tabmail-tab[type="message"][Attachment="true"][Offline="true"],
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, attach, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-attach-offline.gif");
+}
+
+.tabmail-tab[type="message"][IMAPDeleted="true"][Offline="true"],
+treechildren::-moz-tree-image(subjectCol, imapdeleted, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdel-offline.gif");
+}
+
+.tabmail-tab[type="message"][MessageType="rss"],
+.tabmail-tab[type="message"][MessageType="nntp"],
+treechildren::-moz-tree-image(subjectCol, rss),
+treechildren::-moz-tree-image(subjectCol, news) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news.gif");
+}
+
+.tabmail-tab[type="message"][MessageType="rss"][Attachment="true"],
+.tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"],
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach),
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-attach.gif");
+}
 
+.tabmail-tab[type="message"][MessageType="rss"][Attachment="true"][Offline="true"],
+.tabmail-tab[type="message"][MessageType="nntp"][Attachment="true"][Offline="true"],
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, rss, attach, offline),
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-attach-offline.gif");
+}
+
+treechildren::-moz-tree-image(subjectCol, rss, new),
+treechildren::-moz-tree-image(subjectCol, news, new) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-new.gif");
+}
+
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, new, attach) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-new-attach.gif");
+}
 
+tree[noattachcol="true"] > treechildren::-moz-tree-image(subjectCol, news, new, attach, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-new-attach-offline.gif");
+}
+
+treechildren::-moz-tree-image(subjectCol, news, new, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-new-offline.gif");
+}
+
+.tabmail-tab[type="message"][MessageType="rss"][Offline="true"],
+.tabmail-tab[type="message"][MessageType="nntp"][Offline="true"],
+treechildren::-moz-tree-image(subjectCol, rss, offline),
+treechildren::-moz-tree-image(subjectCol, news, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/message-news-offline.gif");
+}
+
+/* ..... new thread icons for watch and ignore ..... */
+
+treechildren::-moz-tree-image(news, threadCol, watch) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-closed-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, ignore) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-closed-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, watch, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, ignore, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-closed-offline-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, open) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-open-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, open) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-open-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, watch, open, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, hasUnread, ignore, open, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-new-open-offline-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, watch, open) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-open-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, ignore, open) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-open-kill.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, watch, open, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-open-offline-eye.gif");
+}
+
+treechildren::-moz-tree-image(news, threadCol, container, ignore, open, offline) {
+  list-style-image: url("chrome://messenger/skin/icons/thread-open-offline-kill.gif");
+}
+
+#sizeCol,
+#unreadCol,
+#totalCol {
+  text-align: right;
+}