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