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/. */
5 /* ===== folderPane.css =================================================
6 == Styles for the Folder pane in the Messenger 3-pane window.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: mail folder ::::: */
13 treechildren::-moz-tree-image(folderNameCol) {
14 -moz-padding-end: 2px;
17 .icon-holder[type="folder"],
18 treechildren::-moz-tree-image(folderNameCol) {
19 list-style-image: url("chrome://messenger/skin/icons/folder-closed.gif");
22 treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
23 list-style-image: url("chrome://messenger/skin/icons/folder-new-closed.gif");
26 /* ..... News and Feeds ..... */
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");
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");
42 /* ..... Inbox ..... */
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");
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");
54 /* ..... Sent ..... */
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");
61 /* ..... Outbox ..... */
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");
68 /* ..... Drafts ..... */
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");
75 /* ..... Templates ..... */
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");
82 /* ..... Junk ..... */
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");
89 /* ..... Trash ..... */
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");
96 /* ..... Saved Searches ..... */
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");
103 treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true) {
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");
113 /* ..... Server Folders ..... */
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");
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");
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");
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");
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");
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");
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");
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");
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");
160 /* ::::: All Servers ::::: */
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) {
169 treechildren::-moz-tree-cell-text(folderNameCol, noSelect-true) {
174 .tree-folder-checkbox {
175 list-style-image: none;
178 treechildren::-moz-tree-image(syncCol) {
179 list-style-image: url("chrome://messenger/skin/icons/dot.gif");
182 treechildren::-moz-tree-image(syncCol, synchronize-true) {
183 list-style-image: url("chrome://messenger/skin/icons/check.gif");
186 treechildren::-moz-tree-image(syncCol, isServer-true) {
187 list-style-image: none;
203 #folderNameCol [sortDirection="ascending"] {
204 list-style-image: none;
207 #folderNameCol [sortDirection="descending"] {
208 list-style-image: none;
211 /* ::::: Folder Summary Popup ::::: */
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 */
220 .folderSummary-subject {
224 .folderSummary-previewText {