home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temathun / Mars.jar / messenger / primaryToolbar.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-03-25  |  14.3 KB  |  532 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. /* ===== primaryToolbar.css =============================================
  25.   == Images for the Mail primary toolbar.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: primary toolbar buttons ::::: */
  31.  
  32. .toolbarbutton-1 {
  33.   -moz-box-orient: vertical;
  34. }
  35.  
  36. .toolbarbutton-1[type="menu"] > .toolbarbutton-menu-dropmarker {
  37.   display: none;
  38. }
  39.  
  40. toolbar[mode="icons"] .toolbarbutton-text {
  41.   display: none;
  42. }
  43.  
  44. toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
  45. toolbar[mode="text"] .toolbarbutton-icon {
  46.   display: none;
  47. }
  48.  
  49. toolbar[mode="text"] .toolbarbutton-text {
  50.   padding: 0 !important;
  51.   margin: 3px 5px !important;
  52. }
  53.  
  54. #button-getmsg {
  55.  list-style-image: url('chrome://messenger/skin/icons/get_msgs.png');
  56.  -moz-image-region: rect(0px 32px 32px 0px);
  57. }
  58.  
  59. #button-getmsg:hover {
  60.  -moz-image-region: rect(32px 32px 64px 0px);
  61. } 
  62.  
  63. #button-getmsg[disabled] {
  64.  -moz-image-region: rect(64px 32px 96px 0px);
  65. } 
  66.  
  67. #button-newmsg {
  68.  list-style-image: url('chrome://messenger/skin/icons/compose.png');
  69.  -moz-image-region: rect(0px 32px 32px 0px);
  70. }
  71.  
  72. #button-newmsg:hover {
  73.  -moz-image-region: rect(32px 32px 64px 0px);
  74. } 
  75.  
  76. #button-newmsg[disabled] {
  77.  -moz-image-region: rect(64px 32px 96px 0px);
  78. } 
  79.  
  80. #button-address {
  81.  list-style-image: url('chrome://messenger/skin/icons/address.png');
  82.  -moz-image-region: rect(0px 32px 32px 0px);
  83. }
  84.  
  85. #button-address:hover {
  86.  -moz-image-region: rect(32px 32px 64px 0px);
  87. } 
  88.  
  89. #button-address[disabled="true"] {
  90.  -moz-image-region: rect(64px 32px 96px 0px);
  91. } 
  92.  
  93. #button-reply {
  94.  list-style-image: url('chrome://messenger/skin/icons/reply.png');
  95.  -moz-image-region: rect(0px 32px 32px 0px);
  96. }
  97.  
  98. #button-reply:hover {
  99.  -moz-image-region: rect(32px 32px 64px 0px);
  100. } 
  101.  
  102. #button-reply[disabled] {
  103.  -moz-image-region: rect(64px 32px 96px 0px);
  104. } 
  105.  
  106. #button-replyall {
  107.  list-style-image: url('chrome://messenger/skin/icons/reply_all.png');
  108.  -moz-image-region: rect(0px 32px 32px 0px);
  109. }
  110.  
  111. #button-replyall:hover {
  112.  -moz-image-region: rect(32px 32px 64px 0px);
  113. } 
  114.  
  115. #button-replyall[disabled] {
  116.  -moz-image-region: rect(64px 32px 96px 0px);
  117. } 
  118.  
  119. #button-forward {
  120.  list-style-image: url('chrome://messenger/skin/icons/forward.png');
  121.  -moz-image-region: rect(0px 32px 32px 0px);
  122. }
  123.  
  124. #button-forward:hover {
  125.  -moz-image-region: rect(32px 32px 64px 0px);
  126. } 
  127.  
  128. #button-forward[disabled] {
  129.  -moz-image-region: rect(64px 32px 96px 0px);
  130. } 
  131.  
  132. #button-delete {
  133.  list-style-image: url('chrome://messenger/skin/icons/delete.png');
  134.  -moz-image-region: rect(0px 32px 32px 0px);
  135. }
  136.  
  137. #button-delete:hover {
  138.  -moz-image-region: rect(32px 32px 64px 0px);
  139. } 
  140.  
  141. #button-delete[disabled] {
  142.  -moz-image-region: rect(64px 32px 96px 0px);
  143. } 
  144.  
  145. #button-junk{
  146.  list-style-image: url('chrome://messenger/skin/icons/junk.png');
  147.  -moz-image-region: rect(0px 32px 32px 0px);
  148. }
  149.  
  150. #button-junk:hover {
  151.  -moz-image-region: rect(32px 32px 64px 0px);
  152. }
  153.  
  154. #button-junk[disabled="true"] {
  155.  -moz-image-region: rect(64px 32px 96px 0px);
  156. }
  157.  
  158. #button-print {
  159.  list-style-image: url('chrome://messenger/skin/icons/print.png');
  160.  -moz-image-region: rect(0px 32px 32px 0px);
  161. }
  162.  
  163. #button-print[buttonover] {
  164.  -moz-image-region: rect(32px 32px 64px 0px);
  165. }
  166.  
  167. #button-print[buttondown] {
  168.  -moz-image-region: rect(32px 32px 64px 0px);
  169. }
  170.  
  171. #button-print[disabled] {
  172.  -moz-image-region: rect(64px 32px 96px 0px);
  173. }
  174.  
  175. #button-stop {
  176.  list-style-image: url('chrome://messenger/skin/icons/stop.png');
  177.  -moz-image-region: rect(0px 32px 32px 0px);
  178. }
  179.  
  180. #button-stop:hover {
  181.  -moz-image-region: rect(32px 32px 64px 0px);
  182. } 
  183.  
  184. #button-stop[disabled="true"] {
  185.  -moz-image-region: rect(64px 32px 96px 0px);
  186. }
  187.  
  188. #button-file {
  189.  list-style-image: url('chrome://messenger/skin/icons/file.png');
  190.  -moz-image-region: rect(0px 32px 32px 0px);
  191. }
  192.  
  193. #button-file:hover {
  194.  -moz-image-region: rect(32px 32px 64px 0px);
  195. } 
  196.  
  197. #button-file:hover:active,
  198. #button-file[open] {
  199.  -moz-image-region: rect(32px 32px 64px 0px);
  200. } 
  201.  
  202. #button-file[disabled] {
  203.  -moz-image-region: rect(64px 32px 96px 0px);
  204. } 
  205.  
  206. #button-next {
  207.  list-style-image: url('chrome://messenger/skin/icons/next.png');
  208.  -moz-image-region: rect(0px 32px 32px 0px);
  209. }
  210.  
  211. #button-next:hover {
  212.  -moz-image-region: rect(32px 32px 64px 0px);
  213. } 
  214.  
  215. #button-next[disabled] {
  216.  -moz-image-region: rect(64px 32px 96px 0px);
  217. } 
  218.  
  219. #button-previous {
  220.  list-style-image: url('chrome://messenger/skin/icons/previous.png');
  221.  -moz-image-region: rect(0px 32px 32px 0px);
  222. }
  223.  
  224. #button-previous:hover {
  225.  -moz-image-region: rect(32px 32px 64px 0px);
  226. } 
  227.  
  228. #button-previous[disabled] {
  229.  -moz-image-region: rect(64px 32px 96px 0px);
  230. } 
  231.  
  232. #button-mark {
  233.  list-style-image: url('chrome://messenger/skin/icons/mark.png');
  234.  -moz-image-region: rect(0px 32px 32px 0px);
  235. }
  236.  
  237. #button-mark:hover {
  238.  -moz-image-region: rect(32px 32px 64px 0px);
  239. } 
  240.  
  241. #button-mark[disabled] {
  242.  -moz-image-region: rect(64px 32px 96px 0px);
  243. } 
  244.  
  245. /* ::::: small primary toolbar buttons ::::: */
  246.  
  247.  
  248. toolbar[iconsize="small"] #button-getmsg {
  249.   list-style-image: url('chrome://messenger/skin/icons/get_msgs-small.png');
  250.   -moz-image-region: rect(0px 24px 24px 0px);
  251. }
  252.  
  253. toolbar[iconsize="small"] #button-getmsg[buttonover] {
  254.   -moz-image-region: rect(24px 24px 48px 0px);
  255. } 
  256.  
  257. toolbar[iconsize="small"] #button-getmsg[disabled] {
  258.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  259. } 
  260.  
  261. toolbar[iconsize="small"] #button-newmsg {
  262.   list-style-image: url('chrome://messenger/skin/icons/compose-small.png');
  263.   -moz-image-region: rect(0px 24px 24px 0px);
  264. }
  265.  
  266. toolbar[iconsize="small"] #button-newmsg:hover {
  267.   -moz-image-region: rect(24px 24px 48px 0px);
  268. } 
  269.  
  270. toolbar[iconsize="small"] #button-newmsg[disabled] {
  271.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  272. } 
  273.  
  274. toolbar[iconsize="small"] #button-address {
  275.   list-style-image: url('chrome://messenger/skin/icons/address-small.png');
  276.   -moz-image-region: rect(0px 24px 24px 0px);
  277. }
  278.  
  279. toolbar[iconsize="small"] #button-address:hover {
  280.   -moz-image-region: rect(24px 24px 48px 0px);
  281. } 
  282.  
  283. toolbar[iconsize="small"] #button-address[disabled="true"] {
  284.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  285. } 
  286.  
  287. toolbar[iconsize="small"] #button-reply {
  288.   list-style-image: url('chrome://messenger/skin/icons/reply-small.png');
  289.   -moz-image-region: rect(0px 24px 24px 0px);
  290. }
  291.  
  292. toolbar[iconsize="small"] #button-reply:hover {
  293.   -moz-image-region: rect(24px 24px 48px 0px);
  294. } 
  295.  
  296. toolbar[iconsize="small"] #button-reply[disabled] {
  297.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  298. } 
  299.  
  300. toolbar[iconsize="small"] #button-replyall {
  301.   list-style-image: url('chrome://messenger/skin/icons/reply_all-small.png');
  302.   -moz-image-region: rect(0px 24px 24px 0px);
  303. }
  304.  
  305. toolbar[iconsize="small"] #button-replyall:hover {
  306.   -moz-image-region: rect(24px 24px 48px 0px);
  307. } 
  308.  
  309. toolbar[iconsize="small"] #button-replyall[disabled] {
  310.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  311. } 
  312.  
  313. toolbar[iconsize="small"] #button-forward {
  314.   list-style-image: url('chrome://messenger/skin/icons/forward-small.png');
  315.   -moz-image-region: rect(0px 24px 24px 0px);
  316. }
  317.  
  318. toolbar[iconsize="small"] #button-forward:hover {
  319.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  320. } 
  321.  
  322. toolbar[iconsize="small"] #button-forward[disabled] {
  323.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  324. } 
  325.  
  326. toolbar[iconsize="small"] #button-delete {
  327.   list-style-image: url('chrome://messenger/skin/icons/delete-small.png');
  328.   -moz-image-region: rect(0px 24px 24px 0px);
  329. }
  330.  
  331. toolbar[iconsize="small"] #button-delete:hover {
  332.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  333. } 
  334.  
  335. toolbar[iconsize="small"] #button-delete[disabled] {
  336.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  337. } 
  338.  
  339. toolbar[iconsize="small"] #button-junk{
  340.   list-style-image: url('chrome://messenger/skin/icons/junk-small.png');
  341.   -moz-image-region: rect(0px 24px 24px 0px);
  342. }
  343.  
  344. toolbar[iconsize="small"] #button-junk:hover {
  345.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  346. }
  347.  
  348. toolbar[iconsize="small"] #button-junk[disabled="true"] {
  349.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  350. }
  351.  
  352. toolbar[iconsize="small"] #button-print {
  353.   list-style-image: url('chrome://messenger/skin/icons/print-small.png');
  354.   -moz-image-region: rect(0px 24px 24px 0px);
  355. }
  356.  
  357. toolbar[iconsize="small"] #button-print[buttonover] {
  358.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  359. }
  360.  
  361. toolbar[iconsize="small"] #button-print[buttondown] {
  362.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  363. }
  364.  
  365. toolbar[iconsize="small"] #button-print[disabled] {
  366.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  367. }
  368.  
  369. toolbar[iconsize="small"] #button-stop {
  370.   list-style-image: url('chrome://messenger/skin/icons/stop-small.png');
  371.   -moz-image-region: rect(0px 24px 24px 0px);
  372. }
  373.  
  374. toolbar[iconsize="small"] #button-stop:hover {
  375.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  376. } 
  377.  
  378. toolbar[iconsize="small"] #button-stop[disabled="true"] {
  379.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  380. }
  381.  
  382. toolbar[iconsize="small"] #button-file {
  383.   list-style-image: url('chrome://messenger/skin/icons/file-small.png');
  384.   -moz-image-region: rect(0px 24px 24px 0px);
  385. }
  386.  
  387. toolbar[iconsize="small"] #button-file:hover {
  388.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  389. } 
  390.  
  391. toolbar[iconsize="small"] #button-file:hover:active,
  392. toolbar[iconsize="small"] #button-file[open] {
  393.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  394. } 
  395.  
  396. toolbar[iconsize="small"] #button-file[disabled] {
  397.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  398. } 
  399.  
  400. toolbar[iconsize="small"] #button-next {
  401.   list-style-image: url('chrome://messenger/skin/icons/next-small.png');
  402.   -moz-image-region: rect(0px 24px 24px 0px);
  403. }
  404.  
  405. toolbar[iconsize="small"] #button-next:hover {
  406.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  407. } 
  408.  
  409. toolbar[iconsize="small"] #button-next[disabled] {
  410.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  411. } 
  412.  
  413. toolbar[iconsize="small"] #button-previous {
  414.   list-style-image: url('chrome://messenger/skin/icons/previous-small.png');
  415.   -moz-image-region: rect(0px 24px 24px 0px);
  416. }
  417.  
  418. toolbar[iconsize="small"] #button-previous:hover {
  419.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  420. } 
  421.  
  422. toolbar[iconsize="small"] #button-previous[disabled] {
  423.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  424. }
  425.  
  426. toolbar[iconsize="small"] #button-mark {
  427.   list-style-image: url('chrome://messenger/skin/icons/mark-small.png');
  428.   -moz-image-region: rect(0px 24px 24px 0px);
  429. }
  430.  
  431. toolbar[iconsize="small"] #button-mark:hover {
  432.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  433. } 
  434.  
  435. toolbar[iconsize="small"] #button-mark[disabled] {
  436.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  437. } 
  438.  
  439. toolbar[iconsize="small"] #button-enigmail-decrypt {
  440.   list-style-image: url('chrome://messenger/skin/icons/security-small.png')!important;
  441.   -moz-image-region: rect(0px 24px 24px 0px) !important;
  442. }
  443.  
  444. toolbar[iconsize="small"] #button-enigmail-decrypt[buttonover] {
  445.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  446. }
  447.  
  448. toolbar[iconsize="small"] #button-enigmail-decrypt[buttondown] {
  449.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  450. }
  451.  
  452. toolbar[iconsize="small"] #button-enigmail-decrypt[disabled] {
  453.   -moz-image-region: rect(48px 42px 72px 0px) !important;
  454. }
  455.  
  456.  
  457. /* ::::: end small icons ::::: */
  458.  
  459. #junkBarImage {
  460.   list-style-image: url('chrome://messenger/skin/icons/junkBar.png');
  461. }
  462.  
  463. #junkBarMessage {
  464.   font-weight: bold;
  465. }
  466.  
  467. #junkBar {
  468.   border-bottom: 1px solid;
  469.   -moz-border-bottom-colors: #000000;
  470.   background-color: #C7BC8F;
  471. }
  472.  
  473.  
  474. #junkIcon {
  475.   list-style-image: url('chrome://messenger/skin/icons/folder-trash.png');
  476. }
  477.  
  478. /*Calendar Extension Support*/
  479. #calendar-button { 
  480.   list-style-image: url("chrome://communicator/skin/calendar/multiweek.png") !important;
  481.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  482. }
  483.  
  484. #calendar-button[disabled="true"],
  485. #calendar-button[disabled="true"]:hover,
  486. #calendar-button[disabled="true"]:hover:active  {
  487.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  488. }
  489.  
  490. #calendar-button:hover, #calendar-button:hover:active { 
  491.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  492. }
  493.  
  494. toolbar[iconsize="small"] #calendar-button {
  495.   list-style-image: url("chrome://communicator/skin/calendar/multiweek-small.png") !important; 
  496.  -moz-image-region: rect(0px 24px 24px 0px) !important;
  497. }
  498.  
  499. toolbar[iconsize="small"] #calendar-button[disabled="true"],
  500. toolbar[iconsize="small"] #calendar-button[disabled="true"]:hover,
  501. toolbar[iconsize="small"] #calendar-button[disabled="true"]:hover:active  {
  502.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  503. }
  504.  
  505. toolbar[iconsize="small"] #calendar-button:hover { 
  506.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  507. }
  508.  
  509. toolbar[iconsize="small"] #calendar-button:hover:active {
  510.   -moz-image-region: rect(24px 24px 48px 0px) !important;
  511. }  
  512.  
  513. #mini-cal {                                                           
  514.   list-style-image: url("chrome://communicator/skin/calendar/calendar.png") !important;    
  515. }                                                                     
  516.  
  517. #mini-cal:hover:active {                                              
  518.   list-style-image: url("chrome://communicator/skin/calendar/calendar-hov.png") !important;    
  519. }                                                                     
  520.  
  521. #mini-cal[BiffState="Alarm"] {
  522.   list-style-image: url("chrome://communicator/skin/calendar/calendar-alarm.png") !important;    
  523. }
  524.  
  525. #mini-cal[BiffState="Alarm"]:hover:active {
  526.   list-style-image: url("chrome://communicator/skin/calendar/calendar-alarm-hov.png") !important;    
  527. }
  528.  
  529. .icon-calendar16 {
  530.   list-style-image: url("chrome://communicator/skin/calendar/calendar.png") !important;    
  531. }
  532.