it's still a GIF, not a PNG.

[themes.git] / EarlyBlue / messenger / threadPane.css

/* ***** BEGIN LICENSE BLOCK *****
 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Netscape Public License
 * Version 1.1 (the "License"); you may not use this file except in
 * compliance with the License. You may obtain a copy of the License at
 * http://www.mozilla.org/NPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is mozilla.org code.
 *
 * 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.
 *
 * Contributor(s):
 *   Scott MacGregor (mscott@netscape.com)
 *   Joe Hewitt (hewitt@netscape.com)
 *   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
 * 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
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the NPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the NPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ===== threadPane.css ==============================================
  == Styles for the thread pane in the Messenger 3-pane window.
  ======================================================================= */

/* ::::: thread decoration ::::: */

treechildren::-moz-tree-cell-text(read) {
  font-weight: normal;
}

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
 */
treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
  text-decoration: underline;
}

/* ::::: priority colors ::::: */
/****
 ****  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;
}

treechildren::-moz-tree-cell-text(priorityCol, priority-high) {
  color: rgb(128, 0, 0);
}

treechildren::-moz-tree-cell-text(priorityCol, priority-lowest) {
  color: rgb(170, 170, 170);
}

treechildren::-moz-tree-cell-text(priorityCol, priority-low) {
  color: rgb(85, 85, 85);
}

treechildren::-moz-tree-cell-text(priorityCol, selected) {
  color: -moz-DialogText;
}

treechildren::-moz-tree-cell-text(priorityCol, selected, focus) {
  color: HighlightText;
}
 ****/

/* ::::: message icons ::::: */

/* ::::: message column icons ::::: */

/* ..... thread column ..... */

.threadColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/column-thread-unthread.gif");
}

.threadColumnHeader[sortDirection="ascending"]  {
  list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
}

.threadColumnHeader[sortDirection="descending"] {
  list-style-image: url("chrome://messenger/skin/icons/column-thread.gif");
}

treechildren::-moz-tree-image(threadCol, container) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed.gif");
}

treechildren::-moz-tree-image(threadCol, container, offline) {
  list-style-image: url("chrome://messenger/skin/icons/thread-closed-offline.gif");
}

treechildren::-moz-tree-image(threadCol, container, open) {
  list-style-image: url("chrome://messenger/skin/icons/thread-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 ..... */

.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");
}

treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
  list-style-image: url("chrome://messenger/skin/icons/column-read-unread.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 ..... */

.flagColumnHeader {
  list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
}

treechildren::-moz-tree-image(flaggedCol) {
  list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
}

treechildren::-moz-tree-image(flaggedCol, flagged) {
  list-style-image: url("chrome://messenger/skin/icons/column-flag.gif");
}

/* ..... junkStatus column ..... */

.junkStatusHeader {
  list-style-image: url("chrome://messenger/skin/icons/column-junk.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");
}

treechildren::-moz-tree-image(junkStatusCol, junk) {
  list-style-image: url("chrome://messenger/skin/icons/column-junk.gif");
}

treechildren::-moz-tree-image(junkStatusCol, notjunk) {
  list-style-image: url("chrome://messenger/skin/icons/column-neutral.gif");
}

/* ..... subject column and tab icons ..... */

.tabmail-tab[type="message"] .tab-icon {
  margin-top: -4px;
  /* the message icons are only 14px high */
  height: 14px;
}

.tabmail-tab[type="message"],
treechildren::-moz-tree-image(subjectCol) {
  list-style-image: url("chrome://messenger/skin/icons/message-mail.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;
}