/spicebird-0.7.1/mozilla/mail/themes/pinstripe/mail/folderPane.css

# · CSS · 159 lines · 104 code · 34 blank · 21 comment · 0 complexity · e54b411a144fb9f70c5a381f78bf51e3 MD5 · raw file

  1. /* ::::: Folder Pane ::::: */
  2. .tabmail-tab[type="folder"] .tab-icon-image {
  3. list-style-image: url("chrome://messenger/skin/icons/folder-closed.png");
  4. }
  5. .tabmail-tab[type="folder"][selected="true"] .tab-icon-image {
  6. list-style-image: url("chrome://messenger/skin/icons/folder-open.png");
  7. }
  8. treechildren::-moz-tree-image(folderNameCol) {
  9. margin-right: 2px;
  10. list-style-image: url("chrome://messenger/skin/icons/folder-closed.png");
  11. }
  12. treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
  13. list-style-image: url("chrome://messenger/skin/icons/folder-closed.png");
  14. }
  15. /* ..... Inbox ..... */
  16. .tabmail-tab[type="folder"][SpecialFolder="Inbox"] .tab-icon-image ,
  17. treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) {
  18. list-style-image: url("chrome://messenger/skin/icons/folder-inbox.png");
  19. }
  20. treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox, newMessages-true) {
  21. list-style-image: url("chrome://messenger/skin/icons/folder-inbox.png");
  22. }
  23. /* ..... Sent ..... */
  24. .tabmail-tab[type="folder"][SpecialFolder="Sent"] .tab-icon-image ,
  25. treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) {
  26. list-style-image: url("chrome://messenger/skin/icons/folder-sent.png");
  27. }
  28. /* ..... Unsent ..... */
  29. .tabmail-tab[type="folder"][SpecialFolder="Unsent Messages"] .tab-icon-image ,
  30. treechildren::-moz-tree-image(folderNameCol, specialFolder-Unsent Messages) {
  31. list-style-image: url("chrome://messenger/skin/icons/folder-outbox.png");
  32. }
  33. /* ..... Drafts ..... */
  34. .tabmail-tab[type="folder"][SpecialFolder="Drafts"] .tab-icon-image ,
  35. treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) {
  36. list-style-image: url("chrome://messenger/skin/icons/folder-draft.png");
  37. }
  38. /* ..... Templates ..... */
  39. .tabmail-tab[type="folder"][SpecialFolder="Templates"] .tab-icon-image ,
  40. treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) {
  41. list-style-image: url("chrome://messenger/skin/icons/folder-template.png");
  42. }
  43. /* ..... Junk ..... */
  44. .tabmail-tab[type="folder"][SpecialFolder="Junk"] .tab-icon-image ,
  45. treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) {
  46. list-style-image: url("chrome://messenger/skin/icons/folder-junk.png");
  47. }
  48. /* ..... Trash ..... */
  49. .tabmail-tab[type="folder"][SpecialFolder="Trash"] .tab-icon-image ,
  50. treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) {
  51. list-style-image: url("chrome://messenger/skin/icons/folder-trash.png");
  52. }
  53. treechildren::-moz-tree-image(folderNameCol, isServer-true) {
  54. list-style-image: url("chrome://messenger/skin/icons/server-mail.png");
  55. }
  56. treechildren::-moz-tree-image(folderNameCol, biffState-NewMail, isServer-true) {
  57. list-style-image: url("chrome://messenger/skin/icons/server-mail.png");
  58. }
  59. treechildren::-moz-tree-cell-text(folderNameCol, biffState-NewMail, isServer-true),
  60. treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true),
  61. treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true) {
  62. font-weight: bold;
  63. color: blue;
  64. }
  65. treechildren::-moz-tree-cell(folderNameCol, newMessages-true),
  66. treechildren::-moz-tree-cell(folderNameCol, specialFolder-Inbox, newMessages-true) {
  67. }
  68. /* Disable Shared Folder Rule for now
  69. treechildren::-moz-tree-image(folderNameCol, imapShared-true) {
  70. list-style-image: url("chrome://messenger/skin/icons/folder-share.png");
  71. }
  72. */
  73. /* ..... Server Folders ..... */
  74. treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-pop3, isSecure-true) {
  75. list-style-image: url("chrome://messenger/skin/icons/server-remote-lock.png");
  76. }
  77. treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap, isSecure-true) {
  78. list-style-image: url("chrome://messenger/skin/icons/server-remote-lock.png");
  79. }
  80. treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) {
  81. list-style-image: url("chrome://messenger/skin/icons/server-local.png");
  82. }
  83. /* ..... News Folders ..... */
  84. .tabmail-tab[type="folder"][ServerType="nntp"] .tab-icon-image ,
  85. treechildren::-moz-tree-image(folderNameCol, serverType-nntp) {
  86. list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png");
  87. }
  88. treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) {
  89. list-style-image: url("chrome://messenger/skin/icons/server-news.png");
  90. }
  91. treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp, isSecure-true) {
  92. list-style-image: url("chrome://messenger/skin/icons/server-news-lock.png");
  93. }
  94. /* ..... Saved Search Folder ..... */
  95. .tabmail-tab[type="folder"][SpecialFolder="Virtual"] .tab-icon-image ,
  96. treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) {
  97. list-style-image: url("chrome://messenger/skin/icons/saved-search-folder.png");
  98. }
  99. /* ::::: All Servers ::::: */
  100. treechildren::-moz-tree-cell-text(subfoldersHaveUnreadMessages-true) {
  101. font-weight: bold;
  102. }
  103. treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
  104. font-weight: bold;
  105. }
  106. treechildren::-moz-tree-cell-text(folderNameCol, noSelect-true) {
  107. color: gray;
  108. font-style: italic;
  109. }
  110. .tree-folder-checkbox {
  111. list-style-image: none;
  112. }
  113. /* ::::: Folder Summary Popup ::::: */
  114. .folderSummary-message-row {
  115. /* This max width ends up dictating the overall width of the popup
  116. because it controls how large the preview, subject and sender text can be
  117. before cropping kicks in */
  118. max-width: 450px;
  119. }
  120. .folderSummary-subject {
  121. font-weight: bold;
  122. }
  123. .folderSummary-previewText {
  124. color: grey;
  125. }