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