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 /* ..... 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   color: #FFCF00;
 170 }
 171
 172 treechildren::-moz-tree-cell-text(folderNameCol, noSelect-true) {
 173   color: #8050B0;
 174   font-style: italic;
 175 }
 176
 177 .tree-folder-checkbox {
 178   list-style-image: none;
 179 }
 180
 181 treechildren::-moz-tree-image(syncCol) {
 182   list-style-image: url("chrome://messenger/skin/icons/dot.gif");
 183 }
 184
 185 treechildren::-moz-tree-image(syncCol, synchronize-true) {
 186   list-style-image: url("chrome://messenger/skin/icons/check.gif");
 187 }
 188
 189 treechildren::-moz-tree-image(syncCol, isServer-true) {
 190   list-style-image: none;
 191 }
 192
 193 #folder-panel {
 194   min-width: 10px;
 195 }
 196
 197 #folderTree {
 198   border: none;
 199 }
 200
 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 }