LCARStrek/messenger/folderPane.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 /* ===== folderPane.css =================================================
   6   == Styles for the Folder pane in the Messenger 3-pane window.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: mail folder ::::: */
  12
  13 treechildren::-moz-tree-image(folderNameCol) {
  14   -moz-padding-end: 2px;
  15 }
  16
  17 .icon-holder[type="folder"],
  18 treechildren::-moz-tree-image(folderNameCol) {
  19   list-style-image: url("chrome://messenger/skin/icons/folder-closed.gif");
  20 }
  21
  22 treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
  23   list-style-image: url("chrome://messenger/skin/icons/folder-new-closed.gif");
  24 }
  25
  26 /* ..... News and Feeds ..... */
  27
  28 .icon-holder[type="folder"][ServerType="nntp"],
  29 .icon-holder[type="folder"][ServerType="rss"],
  30 treechildren::-moz-tree-image(folderNameCol, serverType-nntp),
  31 treechildren::-moz-tree-image(folderNameCol, serverType-rss) {
  32   list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.gif");
  33 }
  34
  35 .icon-holder[type="folder"][ServerType="nntp"][NewMessages="true"],
  36 .icon-holder[type="folder"][ServerType="rss"][NewMessages="true"],
  37 treechildren::-moz-tree-image(folderNameCol, serverType-nntp, newMessages-true),
  38 treechildren::-moz-tree-image(folderNameCol, serverType-rss, newMessages-true) {
  39   list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup-new.gif");
  40 }
  41
  42 /* ..... Inbox ..... */
  43
  44 .icon-holder[type="folder"][SpecialFolder="Inbox"],
  45 treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) {
  46   list-style-image: url("chrome://messenger/skin/icons/folder-inbox.gif");
  47 }
  48
  49 .icon-holder[type="folder"][SpecialFolder="Inbox"][NewMessages="true"],
  50 treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox, newMessages-true) {
  51   list-style-image: url("chrome://messenger/skin/icons/folder-inbox-new.gif");
  52 }
  53
  54 /* ..... Sent ..... */
  55
  56 .icon-holder[type="folder"][SpecialFolder="Sent"],
  57 treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) {
  58   list-style-image: url("chrome://messenger/skin/icons/folder-sent.gif");
  59 }
  60
  61 /* ..... Outbox ..... */
  62
  63 .icon-holder[type="folder"][SpecialFolder="Outbox"],
  64 treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) {
  65   list-style-image: url("chrome://messenger/skin/icons/folder-outbox.gif");
  66 }
  67
  68 /* ..... Drafts ..... */
  69
  70 .icon-holder[type="folder"][SpecialFolder="Drafts"],
  71 treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) {
  72   list-style-image: url("chrome://messenger/skin/icons/folder-draft.gif");
  73 }
  74
  75 /* ..... Templates ..... */
  76
  77 .icon-holder[type="folder"][SpecialFolder="Templates"],
  78 treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) {
  79   list-style-image: url("chrome://messenger/skin/icons/folder-template.gif");
  80 }
  81
  82 /* ..... Junk ..... */
  83
  84 .icon-holder[type="folder"][SpecialFolder="Junk"],
  85 treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) {
  86   list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
  87 }
  88
  89 /* ..... Trash ..... */
  90
  91 .icon-holder[type="folder"][SpecialFolder="Trash"],
  92 treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) {
  93   list-style-image: url("chrome://messenger/skin/icons/folder-trash.gif");
  94 }
  95
  96 /* ..... Saved Searches ..... */
  97
  98 .icon-holder[type="folder"][SpecialFolder="Virtual"],
  99 treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) {
 100   list-style-image: url("chrome://messenger/skin/icons/folder-search.gif");
 101 }
 102
 103 treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true) {
 104   font-weight: bold;
 105 }
 106
 107 .icon-holder[type="folder"][ImapShared="true"],
 108 treechildren::-moz-tree-image(folderNameCol, imapShared-true) {
 109   -moz-padding-end: 2px;
 110   list-style-image: url("chrome://messenger/skin/icons/folder-share.gif");
 111 }
 112
 113 /* ..... Server Folders ..... */
 114
 115 .icon-holder[type="folder"][IsServer="true"],
 116 treechildren::-moz-tree-image(folderNameCol, isServer-true) {
 117   list-style-image: url("chrome://messenger/skin/icons/server-mail.gif");
 118 }
 119
 120 .icon-holder[type="folder"][BiffState="NewMail"][IsServer="true"],
 121 treechildren::-moz-tree-image(folderNameCol, biffState-NewMail, isServer-true) {
 122   list-style-image: url("chrome://messenger/skin/icons/server-mail-new.gif");
 123 }
 124
 125 .icon-holder[type="folder"][IsServer="true"][ServerType="pop3"][IsSecure="true"],
 126 treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-pop3, isSecure-true) {
 127   list-style-image: url("chrome://messenger/skin/icons/server-remote-lock.gif");
 128 }
 129
 130 .icon-holder[type="folder"][IsServer="true"][ServerType="imap"][IsSecure="true"],
 131 treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap, isSecure-true) {
 132   list-style-image: url("chrome://messenger/skin/icons/server-remote-lock.gif");
 133 }
 134
 135 .icon-holder[type="folder"][BiffState="NewMail"][IsServer="true"][ServerType="imap"][IsSecure="true"],
 136 treechildren::-moz-tree-image(folderNameCol, biffState-NewMail, isServer-true, isSecure-true) {
 137   list-style-image: url("chrome://messenger/skin/icons/server-remote-lock-new.gif");
 138 }
 139
 140 .icon-holder[type="folder"][IsServer="true"][ServerType="none"],
 141 treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) {
 142   list-style-image: url("chrome://messenger/skin/icons/server-local.gif");
 143 }
 144
 145 .icon-holder[type="folder"][IsServer="true"][ServerType="nntp"],
 146 treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) {
 147   list-style-image: url("chrome://messenger/skin/icons/server-news.gif");
 148 }
 149
 150 .icon-holder[type="folder"][IsServer="true"][ServerType="nntp"][IsSecure="true"],
 151 treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp, isSecure-true) {
 152   list-style-image: url("chrome://messenger/skin/icons/server-news-lock.gif");
 153 }
 154
 155 .icon-holder[type="folder"][IsServer="true"][ServerType="rss"],
 156 treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-rss) {
 157   list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
 158 }
 159
 160 /* ::::: All Servers ::::: */
 161
 162 treechildren::-moz-tree-cell-text(closed, subfoldersHaveUnreadMessages-true),
 163 treechildren::-moz-tree-cell-text(folderNameCol, isServer-true),
 164 treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
 165   font-weight: bold;
 166   color: #FFCF00;
 167 }
 168
 169 treechildren::-moz-tree-cell-text(folderNameCol, noSelect-true) {
 170   color: #8050B0;
 171   font-style: italic;
 172 }
 173
 174 .tree-folder-checkbox {
 175   list-style-image: none;
 176 }
 177
 178 treechildren::-moz-tree-image(syncCol) {
 179   list-style-image: url("chrome://messenger/skin/icons/dot.gif");
 180 }
 181
 182 treechildren::-moz-tree-image(syncCol, synchronize-true) {
 183   list-style-image: url("chrome://messenger/skin/icons/check.gif");
 184 }
 185
 186 treechildren::-moz-tree-image(syncCol, isServer-true) {
 187   list-style-image: none;
 188 }
 189
 190 #folder-panel {
 191   min-width: 10px;
 192 }
 193
 194 #folderTree {
 195   border: none;
 196 }
 197
 198 #folderTotalCol,
 199 #folderSizeCol {
 200   text-align: right;
 201 }
 202
 203 #folderNameCol [sortDirection="ascending"] {
 204   list-style-image: none;
 205 }
 206
 207 #folderNameCol [sortDirection="descending"] {
 208   list-style-image: none;
 209 }
 210
 211 /* ::::: Folder Summary Popup ::::: */
 212
 213 .folderSummary-message-row {
 214   /* This max width ends up dictating the overall width of the popup
 215      because it controls how large the preview, subject and sender text can be
 216      before cropping kicks in */
 217   max-width: 450px;
 218 }
 219
 220 .folderSummary-subject {
 221   font-weight: bold;
 222 }
 223
 224 .folderSummary-previewText {
 225   color: #808080;
 226 }