home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temathun / Mars.jar / messenger / messenger.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-06-09  |  18.0 KB  |  533 lines

  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *
  22.  */
  23.  
  24. /* ===== messenger.css ==================================================
  25.   == Styles shared throughout the Messenger application.
  26.   ======================================================================= */
  27.  
  28. @import url("chrome://communicator/skin/");
  29. @import url("chrome://messenger/content/messenger.css");
  30.  
  31. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  32.  
  33. /* .... enigmail extension support .... */
  34. #button-enigmail-send {
  35.   list-style-image: url('chrome://messenger/skin/icons/send.png')!important;
  36.   -moz-image-region: rect(0px 32px 32px 0px) !important;
  37. }
  38.  
  39. #button-enigmail-send:hover {
  40.   -moz-image-region: rect(32px 32px 64px 0px) !important;
  41. }
  42.  
  43. #button-enigmail-send:hover:active {
  44.   -moz-image-region: rect(32px 32px 64px 0px) !important;
  45. }
  46.  
  47. #button-enigmail-send[disabled="true"] {
  48.   -moz-image-region: rect(64px 32px 96px 0px) !important;
  49. }
  50.  
  51. toolbar[iconsize="small"] #button-enigmail-send {
  52.   list-style-image: url('chrome://messenger/skin/icons/send-small.png') !important;
  53.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  54. }
  55.  
  56. toolbar[iconsize="small"] #button-enigmail-send:hover {
  57.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  58.  
  59. toolbar[iconsize="small"] #button-enigmail-send[disabled] {
  60.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  61.  
  62. #button-enigmail-decrypt {
  63.   list-style-image: url('chrome://messenger/skin/icons/security.png')!important;
  64.   -moz-image-region: rect(0px 32px 32px 0px) !important;
  65. }
  66.  
  67. #button-enigmail-decrypt[buttonover] {
  68.   -moz-image-region: rect(32px 32px 64px 0px) !important;
  69. }
  70.  
  71. #button-enigmail-decrypt[buttondown] {
  72.   -moz-image-region: rect(32px 32px 64px 0px) !important;
  73. }
  74.  
  75. #button-enigmail-decrypt[disabled] {
  76.   -moz-image-region: rect(64px 32px 96px 0px) !important;
  77. }
  78.  
  79. toolbar[iconsize="small"] #button-enigmail-decrypt {
  80.   list-style-image: url('chrome://messenger/skin/icons/security-small.png') !important;
  81.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  82. }
  83.  
  84. toolbar[iconsize="small"] #button-enigmail-decrypt:hover {
  85.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  86.  
  87. toolbar[iconsize="small"] #button-enigmail-decrypt[disabled] {
  88.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  89.  
  90. /* .... toggle preview pane extension support ....*/
  91.  
  92. #ToggleMessagePane {
  93.   list-style-image: url('chrome://messenger/skin/icons/toggle.png') !important;
  94.   -moz-image-region: rect(0px 32px 32px 0px) !important;
  95. }
  96.  
  97. #ToggleMessagePane:hover {
  98.   -moz-image-region: rect(32px 32px 64px 0px) !important;
  99. }
  100.  
  101. #ToggleMessagePane:hover:active {
  102.   -moz-image-region: rect(32px 32px 64px 0px) !important;
  103. }
  104.  
  105. #ToggleMessagePane[disabled="true"] {
  106.   -moz-image-region: rect(64px 32px 96px 0px) !important;
  107. }
  108.  
  109. toolbar[iconsize="small"] #ToggleMessagePane {
  110.   list-style-image: url('chrome://messenger/skin/icons/toggle.png') !important;
  111.   -moz-image-region: rect(0px 24px 24px 0px)!important;
  112.   }
  113.  
  114. toolbar[iconsize="small"] #ToggleMessagePane:hover {
  115.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  116. }
  117.  
  118. toolbar[iconsize="small"] #ToggleMessagePane:hover:active {
  119.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  120. }
  121.  
  122. toolbar[iconsize="small"] #ToggleMessagePane[disabled="true"] {
  123.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  124. }
  125.  
  126. /* ..... subject column ..... */
  127. treechildren::-moz-tree-image(subjectCol) {
  128.   list-style-image: url("chrome://messenger/skin/icons/blank16x16.png") !important;
  129. }
  130.  
  131. treechildren::-moz-tree-image(subjectCol, unread) {  
  132.   list-style-image: url("chrome://messenger/skin/icons/mail.png") !important;
  133. }
  134.  
  135. treechildren::-moz-tree-image(subjectCol, attach) {
  136.   list-style-image: url("chrome://messenger/skin/icons/blank16x16.png") !important;
  137. }
  138.  
  139. treechildren::-moz-tree-image(subjectCol, replied) {
  140.   list-style-image: url("chrome://messenger/skin/icons/reply_status.png") !important;
  141. }
  142.  
  143. treechildren::-moz-tree-image(subjectCol, forwarded) {
  144.   list-style-image: url("chrome://messenger/skin/icons/forward_status.png") !important;
  145. }
  146. treechildren::-moz-tree-image(subjectCol, imapdeleted) {
  147.   list-style-image: url("chrome://messenger/skin/icons/folder-trash.png") !important;
  148. }
  149.  
  150. treechildren::-moz-tree-image(subjectCol, replied, forwarded) {
  151. list-style-image: url("chrome://messenger/skin/icons/reply_forward_status.png") !important;
  152. }
  153. /* ..... subject column for newsgroups ..... */
  154. treechildren::-moz-tree-image(subjectCol, news) {
  155.   list-style-image: url("chrome://messenger/skin/icons/blank16x16.png") !important;
  156. }
  157.  
  158. treechildren::-moz-tree-image(subjectCol, news, unread) {  
  159.   list-style-image: url("chrome://communicator/skin/taskbar/mail.png") !important;
  160. }
  161.  
  162. treechildren::-moz-tree-image(subjectCol, news, attach) {
  163.   list-style-image: url("chrome://messenger/skin/icons/blank16x16.png") !important;
  164. }
  165.  
  166. treechildren::-moz-tree-image(subjectCol, news, replied) {
  167.   list-style-image: url("chrome://messenger/skin/icons/reply_status.png") !important;
  168. }
  169.  
  170. treechildren::-moz-tree-image(subjectCol, news, forwarded) {
  171.   list-style-image: url("chrome://messenger/skin/icons/forward_status.png") !important;
  172. }
  173.  
  174. /* ...... Change the icons for folders with new mail ........*/
  175. treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
  176.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  177. }
  178.  
  179. treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox, newMessages-true) {
  180.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  181. }
  182.  
  183. treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent, newMessages-true) {
  184.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  185. }
  186.  
  187. treechildren::-moz-tree-image(folderNameCol, specialFolder-Unsent Messages, newMessages-true) {
  188.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  189. }
  190.  
  191. treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts, newMessages-true) {
  192.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  193. }
  194.  
  195. treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates, newMessages-true) {
  196.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  197. }
  198.  
  199. treechildren::-moz-tree-image(closed, newMessages-true) {
  200.   list-style-image: url("chrome://messenger/skin/icons/mailnew.png") !important;
  201. }
  202. /* .... end of section ... */
  203.  
  204. /* .... Outbox Extension Support .... */
  205. /*Outbox Send*/
  206. #Send {
  207.   list-style-image: url("chrome://messenger/skin/icons/send.png") !important;
  208.   -moz-image-region: rect(0px 32px 32px 0px) !important;
  209.  }
  210. toolbar[iconsize="small"] #Send {
  211.   list-style-image: url("chrome://messenger/skin/icons/send-small.png") !important;
  212.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  213.  }
  214.  
  215. /*Outbox Send/Receive*/
  216. #SR {
  217.   list-style-image: url("chrome://messenger/skin/icons/get_msgs.png") !important;
  218.   -moz-image-region: rect(0px 32px 32px 0px) !important;
  219.  }
  220.  toolbar[iconsize="small"] #SR {
  221.   list-style-image: url("chrome://messenger/skin/icons/get_msgs-small.png") !important;
  222.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  223.  }
  224.  
  225. /*Outbox Send Later*/
  226. #Outbox {
  227.   list-style-image: url("chrome://messenger/skin/icons/send_later.png") !important;
  228.   -moz-image-region: rect(0px 32px 32px 0px) !important;
  229.  }
  230.  toolbar[iconsize="small"] #Outbox {
  231.   list-style-image: url("chrome://messenger/skin/icons/send_later-small.png") !important;
  232.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  233.  }
  234.  
  235.  
  236. /*....Buttons! Extension support....*/
  237. /* Delete! */
  238. #DeleteAndClose {
  239.  list-style-image: url('chrome://messenger/skin/icons/delete.png') !important;
  240.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  241. }
  242. #DeleteAndClose:hover {
  243.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  244. #DeleteAndClose[disabled] {
  245.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  246. toolbar[iconsize="small"] #DeleteAndClose {
  247.   list-style-image: url('chrome://messenger/skin/icons/delete-small.png') !important;
  248.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  249. }
  250. toolbar[iconsize="small"] #DeleteAndClose:hover {
  251.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  252. toolbar[iconsize="small"] #DeleteAndClose[disabled] {
  253.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  254.  
  255.  
  256. /* Delete Junk! */
  257. #bDeleteJunk{
  258.  list-style-image: url('chrome://messenger/skin/icons/junk.png') !important;
  259.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  260. }
  261. #bDeleteJunk:hover {
  262.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  263. }
  264. #bDeleteJunk[disabled="true"] {
  265.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  266. }
  267. toolbar[iconsize="small"] #bDeleteJunk{
  268.   list-style-image: url('chrome://messenger/skin/icons/junk-small.png') !important;
  269.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  270. }
  271. toolbar[iconsize="small"] #bDeleteJunk:hover {
  272.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  273. }
  274. toolbar[iconsize="small"] #bDeleteJunk[disabled="true"] {
  275.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  276. }
  277.  
  278. /* Reply! */
  279. #ReplyAndClose {
  280.  list-style-image: url('chrome://messenger/skin/icons/reply.png') !important;
  281.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  282. }
  283. #ReplyAndClose:hover {
  284.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  285. #ReplyAndClose[disabled] {
  286.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  287. toolbar[iconsize="small"] #ReplyAndClose {
  288.   list-style-image: url('chrome://messenger/skin/icons/reply-small.png') !important;
  289.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  290. }
  291. toolbar[iconsize="small"] #ReplyAndClose:hover {
  292.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  293. toolbar[iconsize="small"] #ReplyAndClose[disabled] {
  294.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  295.  
  296. /* Reply All! */
  297. #ReplyAllAndClose {
  298.  list-style-image: url('chrome://messenger/skin/icons/reply_all.png') !important;
  299.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  300. }
  301. #ReplyAllAndClose:hover {
  302.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  303. #ReplyAllAndClose[disabled] {
  304.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  305. toolbar[iconsize="small"] #ReplyAllAndClose {
  306.   list-style-image: url('chrome://messenger/skin/icons/reply_all-small.png') !important;
  307.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  308. }
  309. toolbar[iconsize="small"] #ReplyAllAndClose:hover {
  310.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  311. toolbar[iconsize="small"] #ReplyAllAndClose[disabled] {
  312.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  313.  
  314. /* Forward! */
  315. #ForwardAndClose {
  316.  list-style-image: url('chrome://messenger/skin/icons/forward.png') !important;
  317.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  318. }
  319. #ForwardAndClose:hover {
  320.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  321. #ForwardAndClose[disabled] {
  322.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  323. toolbar[iconsize="small"] #ForwardAndClose {
  324.   list-style-image: url('chrome://messenger/skin/icons/forward-small.png') !important;
  325.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  326. }
  327. toolbar[iconsize="small"] #ForwardAndClose:hover {
  328.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  329. toolbar[iconsize="small"] #ForwardAndClose[disabled] {
  330.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  331.  
  332. /* Previous! */
  333. #RealPreviousMessage {
  334.  list-style-image: url('chrome://messenger/skin/icons/previous.png') !important;
  335.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  336. }
  337. #RealPreviousMessage:hover {
  338.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  339. #RealPreviousMessage[disabled] {
  340.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  341. toolbar[iconsize="small"] #RealPreviousMessage {
  342.   list-style-image: url('chrome://messenger/skin/icons/previous-small.png') !important;
  343.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  344. }
  345. toolbar[iconsize="small"] #RealPreviousMessage:hover {
  346.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  347. toolbar[iconsize="small"] #RealPreviousMessage[disabled] {
  348.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  349.  
  350. /* Next! */
  351. #RealNextMessage {
  352.  list-style-image: url('chrome://messenger/skin/icons/next.png') !important;
  353.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  354. }
  355. #RealNextMessage:hover {
  356.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  357. #RealNextMessage[disabled] {
  358.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  359. toolbar[iconsize="small"] #RealNextMessage {
  360.   list-style-image: url('chrome://messenger/skin/icons/next-small.png') !important;
  361.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  362. }
  363. toolbar[iconsize="small"] #RealNextMessage:hover {
  364.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  365. toolbar[iconsize="small"] #RealNextMessage[disabled] {
  366.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  367.  
  368. /* Select SMTP! */
  369. #SelectSMTP {
  370.  list-style-image: url('chrome://messenger/skin/icons/smtp.png') !important;
  371.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  372. }
  373. #SelectSMTP:hover {
  374.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  375. #SelectSMTP:hover:active,
  376. #SelectSMTP[open] {
  377.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  378. #SelectSMTP[disabled] {
  379.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  380. toolbar[iconsize="small"] #SelectSMTP {
  381.   list-style-image: url('chrome://messenger/skin/icons/smtp-small.png') !important;
  382.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  383. }
  384. toolbar[iconsize="small"] #SelectSMTP:hover {
  385.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  386. toolbar[iconsize="small"] #SelectSMTP:hover:active,
  387. toolbar[iconsize="small"] #SelectSMTP[open] {
  388.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  389. toolbar[iconsize="small"] #SelectSMTP[disabled] {
  390.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  391. }
  392.  
  393. /* Toggle HTML! */
  394. #ToggleHTML {
  395.  list-style-image: url('chrome://messenger/skin/icons/toggle.png') !important;
  396.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  397. }
  398. #ToggleHTML:hover {
  399.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  400. #ToggleHTML[disabled] {
  401.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  402. toolbar[iconsize="small"] #ToggleHTML {
  403.   list-style-image: url('chrome://messenger/skin/icons/toggle-small.png') !important;
  404.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  405. }
  406. toolbar[iconsize="small"] #ToggleHTML:hover {
  407.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  408. toolbar[iconsize="small"] #ToggleHTML[disabled] {
  409.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  410.  
  411. /* Toggle Images! */
  412. #ToggleImages {
  413.  list-style-image: url('chrome://messenger/skin/icons/image.png') !important;
  414.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  415. }
  416. #ToggleImages:hover {
  417.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  418. #ToggleImages[disabled="true"] {
  419.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  420. toolbar[iconsize="small"] #ToggleImages {
  421.   list-style-image: url('chrome://messenger/skin/icons/image-small.png') !important;
  422.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  423. }
  424. toolbar[iconsize="small"] #ToggleImages:hover {
  425.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  426. toolbar[iconsize="small"] #ToggleImages[disabled="true"] {
  427.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  428. }  
  429.  
  430. /*....Quick Note Extension....*/
  431. #quicknote-button
  432. { list-style-image: url("chrome://messenger/skin/icons/quick_note.png") !important; }
  433.  
  434. toolbar[iconsize="small"] #quicknote-button {
  435.   list-style-image: url("chrome://messenger/skin/icons/quick_note-small.png") !important;
  436.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  437. }
  438.  
  439. #quicknote-fbtab,
  440. #quicknote-fbtb1,
  441. #quicknote-fbtb2,
  442. #quicknote-fbtb3,
  443. #quicknote-moztab,
  444. #quicknote-mtab1,
  445. #quicknote-mtab2,
  446. #quicknote-tbtab,
  447. #quicknote-mail-context,
  448. #viewQuickNoteSidebar,
  449. #quicknote-mail-linkcontext,
  450. #quicknote-contexttablink,
  451. #quicknote-contexttab 
  452. { list-style-image: url("chrome://messenger/skin/icons/quick_note-16.png") !important; }
  453.  
  454.  
  455.  
  456. /*.... Get All Messages extension support ....*/
  457. #GA-button {
  458.  list-style-image: url('chrome://messenger/skin/icons/get_msgs.png');
  459.  -moz-image-region: rect(0px 32px 32px 0px);
  460. }
  461.  
  462. #GA-button:hover {
  463.  -moz-image-region: rect(32px 32px 64px 0px);
  464.  
  465. #GA-button[disabled] {
  466.  -moz-image-region: rect(64px 32px 96px 0px);
  467. toolbar[iconsize="small"] #GA-button {
  468.   list-style-image: url('chrome://messenger/skin/icons/get_msgs-small.png');
  469.   -moz-image-region: rect(0px 24px 24px 0px);
  470. }
  471.  
  472. toolbar[iconsize="small"] #GA-button[buttonover] {
  473.   -moz-image-region: rect(24px 24px 48px 0px);
  474.  
  475. toolbar[iconsize="small"] #GA-button[disabled] {
  476.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  477.  
  478. /*... ChromEdit Extension support ...*/ 
  479. #ce-button {
  480.   list-style-image: url("chrome://messenger/skin/icons/properties.png") !important;
  481.   -moz-image-region: rect(0 32px 32px 0) !important;
  482. }
  483. toolbar[iconsize="small"] #ce-button {
  484.   list-style-image: url("chrome://messenger/skin/icons/properties-small.png") !important;
  485.   -moz-image-region: rect(0 24px 24px 0) !important;
  486. }
  487. #chromedit-tbwin {
  488.   list-style-image: url("chrome://messenger/skin/icons/properties-16.png") !important;
  489. }