home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / CMCD0404.ISO / Software / Complet / thunderbird / chrome / qute.jar / skin / classic / messenger / messengercompose / messengercompose.css < prev   
Encoding:
Cascading Style Sheet File  |  2003-12-14  |  23.8 KB  |  968 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-2001 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* ===== messengercompose.css ===========================================
  25.   == Styles for the main Messenger Compose window.
  26.   ======================================================================= */
  27.  
  28. @import url("chrome://messenger/skin/");
  29.  
  30. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  31.  
  32. /* ::::: tools menu icons ::::: */
  33.  
  34. .icon-mail16 {
  35.   list-style-image: url("chrome://messenger/skin/icons/message-mail.png");
  36. }
  37.  
  38. .icon-addressbook16 {
  39.   list-style-image: url("chrome://messenger/skin/addressbook/icons/abcard.png");
  40. }
  41.  
  42. /* ::::: primary toolbar buttons ::::: */
  43.  
  44. .toolbarbutton-1 {
  45.   -moz-box-orient: vertical;
  46.   min-width: 0px;
  47.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  48. }
  49.  
  50. .toolbarbutton-1[type="menu-button"]
  51. {
  52.   min-width: 57px;
  53. }
  54.  
  55. toolbar[mode="icons"] .toolbarbutton-text {
  56.   display: none;
  57. }
  58.  
  59. toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
  60. toolbar[mode="text"] .toolbarbutton-icon {
  61.   display: none;
  62. }
  63.  
  64. toolbar[mode="text"] .toolbarbutton-text {
  65.   padding: 0 !important;
  66.   margin: 3px 5px !important;
  67. }
  68.  
  69. #button-send {
  70.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  71.   -moz-image-region: rect(0px 30px 30px 0px);
  72. }
  73.  
  74. #button-send:hover {
  75.   -moz-image-region: rect(30px 30px 60px 0px);
  76. } 
  77.  
  78. #button-send[disabled="true"] {
  79.   -moz-image-region: rect(60px 30px 90px 0px) !important;
  80. } 
  81.  
  82. #button-address {
  83.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  84.   -moz-image-region: rect(0px 60px 30px 30px);
  85. }
  86.  
  87. #button-address:hover {
  88.   -moz-image-region: rect(30px 60px 60px 30px);
  89. } 
  90.  
  91. #button-address[disabled="true"] {
  92.   -moz-image-region: rect(60px 60px 90px 30px) !important;
  93. } 
  94.  
  95. #spellingButton {
  96.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  97.   -moz-image-region: rect(0px 90px 30px 60px);
  98. }
  99.  
  100. #spellingButton:hover {
  101.   -moz-image-region: rect(30px 90px 60px 60px);
  102. }
  103.  
  104. #spellingButton[disabled="true"] {
  105.   -moz-image-region: rect(60px 90px 90px 60px) !important;
  106. }
  107.  
  108. #button-attach {
  109.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  110.   -moz-image-region: rect(0px 120px 30px 90px);
  111. }
  112.  
  113. #button-attach[buttonover="true"] {
  114.   -moz-image-region: rect(30px 120px 60px 90px);
  115. } 
  116.  
  117. #button-attach[buttondown="true"] {
  118.   -moz-image-region: rect(30px 120px 60px 90px);
  119. } 
  120.  
  121. #button-attach[disabled="true"] {
  122.   -moz-image-region: rect(60px 120px 90px 90px) !important;
  123. } 
  124.  
  125. #button-save {
  126.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  127.   -moz-image-region: rect(0px 180px 30px 150px);
  128. }
  129.  
  130. #button-save[buttonover="true"] {
  131.   -moz-image-region: rect(30px 180px 60px 150px);
  132. } 
  133.  
  134. #button-save[buttondown="true"] {
  135.   -moz-image-region: rect(30px 180px 60px 150px);
  136. } 
  137.  
  138. #button-save[disabled="true"] {
  139.   -moz-image-region: rect(60px 180px 90px 150px) !important;
  140. } 
  141.  
  142. #quoteButton {
  143.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  144.   -moz-image-region: rect(0px 210px 30px 180px);
  145. }
  146.  
  147. #quoteButton:hover {
  148.   -moz-image-region: rect(30px 210px 60px 180px);
  149. }
  150.  
  151. #quoteButton[disabled="true"] {
  152.   -moz-image-region: rect(60px 210px 90px 180px) !important;
  153. }
  154.  
  155. #cut-button {
  156.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  157.   -moz-image-region: rect(0px 240px 30px 210px);
  158. }
  159.  
  160. #cut-button:hover {
  161.   -moz-image-region: rect(30px 240px 60px 210px);
  162. }
  163.  
  164. #cut-button[disabled="true"] {
  165.   -moz-image-region: rect(60px 240px 90px 210px) !important;
  166. }
  167.  
  168. #copy-button {
  169.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  170.   -moz-image-region: rect(0px 270px 30px 240px);
  171. }
  172.  
  173. #copy-button:hover {
  174.   -moz-image-region: rect(30px 270px 60px 240px);
  175. }
  176.  
  177. #copy-button[disabled="true"] {
  178.   -moz-image-region: rect(60px 270px 90px 240px) !important;
  179. }
  180.  
  181. #paste-button {
  182.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar.png");
  183.   -moz-image-region: rect(0px 300px 30px 270px);
  184. }
  185.  
  186. #paste-button:hover {
  187.   -moz-image-region: rect(30px 300px 60px 270px);
  188. }
  189.  
  190. #paste-button[disabled="true"] {
  191.   -moz-image-region: rect(60px 300px 90px 270px) !important;
  192. }
  193.  
  194.  
  195. /* ::::: small primary toolbar buttons ::::: */
  196.  
  197. toolbar[iconsize="small"] .toolbarbutton-1 {
  198.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  199. }
  200.  
  201. toolbar[iconsize="small"] #button-send {
  202.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  203.   -moz-image-region: rect(0px 20px 20px 0px);
  204. }
  205.  
  206. toolbar[iconsize="small"] #button-send:hover {
  207.   -moz-image-region: rect(20px 20px 40px 0px);
  208. } 
  209.  
  210. toolbar[iconsize="small"] #button-send[disabled] {
  211.   -moz-image-region: rect(40px 20px 60px 0px) !important;
  212. } 
  213.  
  214. toolbar[iconsize="small"] #button-address {
  215.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  216.   -moz-image-region: rect(0px 40px 20px 20px);
  217. }
  218.  
  219. toolbar[iconsize="small"] #button-address:hover {
  220.   -moz-image-region: rect(20px 40px 40px 20px);
  221. } 
  222.  
  223. toolbar[iconsize="small"] #button-address[disabled] {
  224.    -moz-image-region: rect(40px 40px 60px 20px) !important;
  225. } 
  226.  
  227. toolbar[iconsize="small"] #spellingButton {
  228.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  229.   -moz-image-region: rect(0px 60px 20px 40px);
  230. }
  231.  
  232. toolbar[iconsize="small"] #spellingButton:hover {
  233.   -moz-image-region: rect(20px 60px 40px 40px);
  234. } 
  235.  
  236. toolbar[iconsize="small"] #spellingButton[disabled="true"] {
  237.   -moz-image-region: rect(40px 60px 60px 40px) !important;
  238. } 
  239.  
  240. toolbar[iconsize="small"] #button-attach {
  241.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  242.   -moz-image-region: rect(0px 80px 20px 60px);
  243. }
  244.  
  245. toolbar[iconsize="small"] #button-attach:hover {
  246.   -moz-image-region: rect(20px 80px 40px 60px);
  247. } 
  248.  
  249. toolbar[iconsize="small"] #button-attach[disabled] {
  250.   -moz-image-region: rect(40px 80px 60px 60px) !important;
  251. } 
  252.  
  253. toolbar[iconsize="small"] #button-save {
  254.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  255.   -moz-image-region: rect(0px 120px 20px 100px);
  256. }
  257.  
  258. toolbar[iconsize="small"] #button-save:hover {
  259.   -moz-image-region: rect(20px 120px 40px 100px);
  260. } 
  261.  
  262. toolbar[iconsize="small"] #button-save[disabled] {
  263.   -moz-image-region: rect(40px 120px 60px 100px) !important;
  264. } 
  265.  
  266. toolbar[iconsize="small"] #quoteButton {
  267.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  268.   -moz-image-region: rect(0px 140px 20px 120px);
  269. }
  270.  
  271. toolbar[iconsize="small"] #quoteButton:hover {
  272.   -moz-image-region: rect(20px 140px 40px 120px);
  273. } 
  274.  
  275. toolbar[iconsize="small"] #quoteButton[disabled="true"] {
  276.   -moz-image-region: rect(40px 140px 60px 120px) !important;
  277. }
  278.  
  279. toolbar[iconsize="small"] #cut-button {
  280.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  281.   -moz-image-region: rect(0px 160px 20px 140px);
  282. }
  283.  
  284. toolbar[iconsize="small"] #cut-button:hover {
  285.   -moz-image-region: rect(20px 160px 40px 140px);
  286. } 
  287.  
  288. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  289.   -moz-image-region: rect(40px 160px 60px 140px) !important;
  290. }
  291.  
  292. toolbar[iconsize="small"] #copy-button {
  293.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  294.   -moz-image-region: rect(0px 180px 20px 160px);
  295. }
  296.  
  297. toolbar[iconsize="small"] #copy-button:hover {
  298.   -moz-image-region: rect(20px 180px 40px 160px);
  299. } 
  300.  
  301. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  302.   -moz-image-region: rect(40px 180px 60px 160px) !important;
  303. }
  304. toolbar[iconsize="small"] #paste-button {
  305.   list-style-image: url("chrome://messenger/skin/messengercompose/compose-toolbar-small.png");
  306.   -moz-image-region: rect(0px 200px 20px 180px);
  307. }
  308.  
  309. toolbar[iconsize="small"] #paste-button:hover {
  310.   -moz-image-region: rect(20px 200px 40px 180px);
  311. } 
  312.  
  313. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  314.   -moz-image-region: rect(40px 200px 60px 180px) !important;
  315. }
  316.  
  317. toolbar[iconsize="small"] .toolbarbutton-1 {
  318.   padding: 2px;
  319. }
  320.  
  321. toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
  322. toolbar[iconsize="small"] .toolbarbutton-1[open="true"] {
  323.   padding: 3px 1px 1px 3px;
  324. }
  325.  
  326. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
  327. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
  328. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
  329. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] {
  330.   padding: 2px;
  331. }
  332.  
  333. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
  334.   padding: 3px 1px 1px 3px !important;
  335. }
  336.  
  337. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"],
  338. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover,
  339. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active,
  340. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"],
  341. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"],
  342. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
  343. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
  344.   padding: 0;
  345. }
  346.  
  347. /* ::::: special toolbar colors ::::: */
  348.  
  349. #content-frame {
  350.   border-left: 1px solid ThreeDDarkShadow;
  351.   border-right: 1px solid ThreeDLightShadow;
  352. }
  353.  
  354. #appcontent {
  355.   border-left: 1px solid ThreeDShadow;
  356.   border-right: 1px solid ThreeDHighlight;
  357. }
  358.  
  359. #attachmentbucket-sizer {
  360.   border-top: none;
  361.   border-bottom: none;
  362. }
  363.  
  364. /* XXX I should really have a selector rule here to select just .listcell-icon objects underneath the attachmentList listbox */
  365.  
  366. .listcell-icon
  367. {
  368.   margin-left: 2px;
  369.   margin-top: 2px;
  370. }
  371.  
  372. #compose-toolbar-sizer {
  373.   border-top-width: 1px;
  374.   border-left: none;
  375.   border-right: none;
  376.   -moz-border-top-colors: ThreeDHighlight;
  377. }
  378.  
  379. #msgSubject {
  380.   margin-top: 0px;
  381.   margin-bottom: 4px;
  382. }
  383.  
  384. /* ::::: autocomplete icons ::::: */
  385.  
  386. treechildren::-moz-tree-cell-text(default-match) {
  387.   margin: 2px -3px 2px 15px;
  388.   border: none;
  389. }
  390.  
  391. treechildren::-moz-tree-image(local-abook) {
  392.   margin: 2px -1px 2px 4px;
  393.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.png");
  394. }
  395.  
  396. treechildren::-moz-tree-image(remote-abook) {
  397.   margin: 2px -3px 2px 2px;
  398.   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
  399. }
  400.  
  401. treechildren::-moz-tree-image(remote-err) {
  402.   margin: 2px -3px 2px 2px;
  403.   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
  404. }
  405.  
  406. .identity-menulist {
  407.   -moz-binding: url(chrome://messenger/content/messengercompose/mailComposeBindings.xml#fromMenuList);
  408. }
  409.  
  410. .identity-popup-item {                                                                               
  411.   -moz-binding: url(chrome://messenger/content/messengercompose/mailComposeBindings.xml#fromMenuitem);
  412. }     
  413.  
  414. .composemenu-text-2 {
  415.   color: #555566;
  416. }
  417.  
  418. /* ::::: addressing widget ::::: */
  419.  
  420. .autocomplete-treebody::-moz-tree-cell-text(comment) {
  421.   color: #555566;
  422. }
  423.   
  424. #addressingWidget {
  425.   -moz-user-focus: none;
  426.   width: 0;
  427. }  
  428.  
  429. #typecol-addressingWidget {
  430.   min-width: 9em;
  431.   border-right: 1px solid #CACAFF;
  432. }
  433.  
  434. .addressingWidgetItem,
  435. .dummy-row {
  436.   border: none !important;
  437.   background-color: inherit !important;
  438.   color: inherit !important;
  439. }
  440.  
  441. .addressingWidgetCell {
  442.   border-bottom: 1px solid #CACAFF;
  443.   padding: 0px;
  444. }
  445.  
  446. .addressingWidgetCell:first-child {
  447.   border-top: none;
  448. }
  449.  
  450. .dummy-row-cell:first-child {
  451.   border-top: none;
  452.   border-bottom: 1px solid #CACAFF;
  453. }
  454.  
  455. .person-icon {
  456.   margin: 0 3px;
  457.   list-style-image: url("chrome://messenger/skin/addressbook/icons/abcard.png");
  458. }
  459.  
  460. /* ::::: format toolbar ::::: */
  461.  
  462. #FormatToolbar > toolbarbutton {
  463.   min-width: 32px;
  464.   list-style-image: url("chrome://editor/skin/icons/btn2.gif");
  465. }
  466.  
  467. #FormatToolbar > toolbarbutton > .toolbarbutton-text {
  468.   display: none;
  469. }
  470.  
  471. #DecreaseFontSizeButton {
  472.   -moz-image-region: rect(64px 14px 80px 0px);
  473. }
  474.  
  475. #DecreaseFontSizeButton:hover {
  476.   -moz-image-region: rect(64px 28px 80px 14px);
  477. }
  478.  
  479. #DecreaseFontSizeButton:hover:active {
  480.   -moz-image-region: rect(64px 42px 80px 28px);
  481. }
  482.  
  483. #DecreaseFontSizeButton[disabled="true"] {
  484.   -moz-image-region: rect(64px 56px 80px 42px) !important;
  485. }
  486.  
  487. #IncreaseFontSizeButton {
  488.   -moz-image-region: rect(81px 18px 98px 0px);
  489. }
  490.  
  491. #IncreaseFontSizeButton:hover {
  492.   -moz-image-region: rect(81px 36px 98px 18px);
  493. }
  494.  
  495. #IncreaseFontSizeButton:hover:active {
  496.   -moz-image-region: rect(81px 54px 98px 36px);
  497. }
  498.  
  499. #IncreaseFontSizeButton[disabled="true"] {
  500.   -moz-image-region: rect(81px 72px 98px 54px) !important;
  501. }
  502.  
  503. #boldButton {
  504.   -moz-image-region: rect(16px 16px 32px 0px);
  505. }
  506.  
  507. #boldButton:hover {
  508.   -moz-image-region: rect(16px 32px 32px 16px);
  509. }
  510.  
  511. #boldButton:hover:active {
  512.   -moz-image-region: rect(16px 48px 32px 32px);
  513. }
  514.  
  515. #boldButton[checked="true"] {
  516.   -moz-image-region: rect(16px 16px 32px 0px);
  517. }
  518.  
  519. #boldButton[disabled="true"] {
  520.   -moz-image-region: rect(16px 64px 32px 48px) !important;
  521. }
  522.  
  523. #italicButton {
  524.   -moz-image-region: rect(98px 16px 114px 0px);
  525. }
  526.  
  527. #italicButton:hover {
  528.   -moz-image-region: rect(98px 32px 114px 16px);
  529. }
  530.  
  531. #italicButton:hover:active {
  532.   -moz-image-region: rect(98px 48px 114px 32px);
  533. }
  534.  
  535. #italicButton[checked="true"] {
  536.   -moz-image-region: rect(98px 16px 114px 0px);
  537. }
  538.  
  539. #italicButton[disabled="true"] {
  540.   -moz-image-region: rect(98px 64px 114px 48px) !important;
  541. }
  542.  
  543. #underlineButton {
  544.   -moz-image-region: rect(114px 16px 130px 0px);
  545. }
  546.  
  547. #underlineButton:hover {
  548.   -moz-image-region: rect(114px 32px 130px 16px);
  549. }
  550.  
  551. #underlineButton:hover:active {
  552.   -moz-image-region: rect(114px 48px 130px 32px);
  553. }
  554.  
  555. #underlineButton[checked="true"] {
  556.   -moz-image-region: rect(114px 16px 130px 0px);
  557. }
  558.  
  559. #underlineButton[disabled="true"] {
  560.   -moz-image-region: rect(114px 64px 130px 48px) !important;
  561. }
  562.  
  563. #ulButton {
  564.   -moz-image-region: rect(32px 16px 48px 0px);
  565. }
  566.  
  567. #ulButton:hover {
  568.   -moz-image-region: rect(32px 32px 48px 16px);
  569. }
  570.  
  571. #ulButton:hover:active {
  572.   -moz-image-region: rect(32px 48px 48px 32px);
  573. }
  574.  
  575. #ulButton[checked="true"] {
  576.   -moz-image-region: rect(32px 16px 48px 0px);
  577. }
  578.  
  579. #ulButton[disabled="true"] {
  580.   -moz-image-region: rect(32px 64px 48px 48px) !important;
  581. }
  582.  
  583. #olButton {
  584.   -moz-image-region: rect(194px 16px 210px 0px);
  585. }
  586.  
  587. #olButton:hover {
  588.   -moz-image-region: rect(194px 32px 210px 16px);
  589. }
  590.  
  591. #olButton:hover:active {
  592.   -moz-image-region: rect(194px 48px 210px 32px);
  593. }
  594.  
  595. #olButton[checked="true"] {
  596.   -moz-image-region: rect(194px 16px 210px 0px);
  597. }
  598.  
  599. #olButton[disabled="true"] {
  600.   -moz-image-region: rect(194px 64px 210px 48px) !important;
  601. }
  602.  
  603. #outdentButton {
  604.   -moz-image-region: rect(210px 16px 226px 0px);
  605. }
  606.  
  607. #outdentButton:hover {
  608.   -moz-image-region: rect(210px 32px 226px 16px);
  609. }
  610.  
  611. #outdentButton:hover:active {
  612.   -moz-image-region: rect(210px 48px 226px 32px);
  613. }
  614.  
  615. #outdentButton[disabled="true"] {
  616.   -moz-image-region: rect(210px 64px 226px 48px) !important;
  617. }
  618.  
  619. #indentButton {
  620.   -moz-image-region: rect(178px 16px 194px 0px);
  621. }
  622.  
  623. #indentButton:hover {
  624.   -moz-image-region: rect(178px 32px 194px 16px);
  625. }
  626.  
  627. #indentButton:hover:active {
  628.   -moz-image-region: rect(178px 48px 194px 32px);
  629. }
  630.  
  631. #indentButton[disabled="true"] {
  632.   -moz-image-region: rect(178px 64px 194px 48px) !important;
  633. }
  634.  
  635. #align-left-button {
  636.   -moz-image-region: rect(146px 16px 162px 0px);
  637. }
  638.  
  639. #align-left-button:hover {
  640.   -moz-image-region: rect(146px 32px 162px 16px);
  641. }
  642.  
  643. #align-left-button:hover:active {
  644.   -moz-image-region: rect(146px 48px 162px 32px);
  645. }
  646.  
  647. #align-left-button[checked="true"] {
  648.   -moz-image-region: rect(146px 16px 162px 0px);
  649. }
  650.  
  651. #align-left-button[disabled="true"] {
  652.   -moz-image-region: rect(146px 64px 162px 48px) !important;
  653. }
  654.  
  655. #align-center-button {
  656.   -moz-image-region: rect(48px 16px 64px 0px);
  657. }
  658.  
  659. #align-center-button:hover {
  660.   -moz-image-region: rect(48px 32px 64px 16px);
  661. }
  662.  
  663. #align-center-button:hover:active {
  664.   -moz-image-region: rect(48px 48px 64px 32px);
  665. }
  666.  
  667. #align-center-button[checked="true"] {
  668.   -moz-image-region: rect(48px 16px 64px 0px);
  669. }
  670.  
  671. #align-center-button[disabled="true"] {
  672.   -moz-image-region: rect(48px 64px 64px 48px) !important;
  673. }
  674.  
  675. #align-right-button {
  676.   -moz-image-region: rect(162px 16px 178px 0px);
  677. }
  678.  
  679. #align-right-button:hover {
  680.   -moz-image-region: rect(162px 32px 178px 16px);
  681. }
  682.  
  683. #align-right-button:hover:active {
  684.   -moz-image-region: rect(162px 48px 178px 32px);
  685. }
  686.  
  687. #align-right-button[checked="true"] {
  688.   -moz-image-region: rect(162px 16px 178px 0px);
  689. }
  690.  
  691. #align-right-button[disabled="true"] {
  692.   -moz-image-region: rect(162px 64px 178px 48px) !important;
  693. }
  694.  
  695. #align-justify-button {
  696.   -moz-image-region: rect(130px 16px 146px 0px);
  697. }
  698.  
  699. #align-justify-button:hover {
  700.   -moz-image-region: rect(130px 32px 146px 16px);
  701. }
  702.  
  703. #align-justify-button:hover:active {
  704.   -moz-image-region: rect(130px 48px 146px 32px);
  705. }
  706.  
  707. #align-justify-button[checked="true"] {
  708.   -moz-image-region: rect(130px 16px 146px 0px);
  709. }
  710.  
  711. #align-justify-button[disabled="true"] {
  712.   -moz-image-region: rect(130px 64px 146px 48px) !important;
  713. }
  714.  
  715. #AlignPopupButton {
  716.   -moz-image-region: rect(0px 16px 16px 0px);
  717. }
  718.  
  719. #AlignPopupButton:hover {
  720.   -moz-image-region: rect(0px 32px 16px 16px);
  721. }
  722.  
  723. #AlignPopupButton[open="true"] {
  724.   -moz-image-region: rect(0px 48px 16px 32px) !important;
  725. }
  726.  
  727. #AlignPopupButton[disabled="true"] {
  728.   -moz-image-region: rect(0px 64px 16px 48px) !important;
  729. }
  730.  
  731. #InsertPopupButton {
  732.   -moz-image-region: rect(244px 16px 260px 0px);
  733. }
  734.  
  735. #InsertPopupButton:hover {
  736.   -moz-image-region: rect(244px 32px 260px 16px);
  737. }
  738.  
  739. #InsertPopupButton[open="true"] {
  740.   -moz-image-region: rect(244px 48px 260px 32px) !important;
  741. }
  742.  
  743. #InsertPopupButton[disabled="true"] {
  744.   -moz-image-region: rect(244px 64px 260px 48px) !important;
  745. }
  746.  
  747. #smileButtonMenu {
  748.   -moz-image-region: rect(227px 17px 244px 0px);
  749. }
  750.  
  751. #smileButtonMenu:hover {
  752.   -moz-image-region: rect(227px 34px 244px 17px);
  753. }
  754.  
  755. #smileButtonMenu[open="true"] {
  756.   -moz-image-region: rect(227px 51px 244px 34px) !important;
  757. }
  758.  
  759. #smileButtonMenu[disabled="true"] {
  760.   -moz-image-region: rect(227px 68px 244px 51px) !important;
  761. }
  762.  
  763. /* ..... align menu ..... */
  764.  
  765. #AlignPopup > menuitem {
  766.   list-style-image: url("chrome://editor/skin/icons/btn2.gif");
  767. }
  768.  
  769. #AlignLeftItem {
  770.   -moz-image-region: rect(146px 16px 162px 0px);
  771. }
  772.  
  773. #AlignLeftItem:hover {
  774.   -moz-image-region: rect(146px 32px 162px 16px);
  775. }
  776.  
  777. #AlignCenterItem {
  778.   -moz-image-region: rect(48px 16px 64px 0px);
  779. }
  780.  
  781. #AlignCenterItem:hover {
  782.   -moz-image-region: rect(48px 32px 64px 16px);
  783. }
  784.  
  785. #AlignRightItem {
  786.   -moz-image-region: rect(162px 16px 178px 0px);
  787. }
  788.  
  789. #AlignRightItem:hover {
  790.   -moz-image-region: rect(162px 32px 178px 16px);
  791. }
  792.  
  793. #AlignJustifyItem {
  794.   -moz-image-region: rect(130px 16px 146px 0px);
  795. }
  796.  
  797. #AlignJustifyItem:hover {
  798.   -moz-image-region: rect(130px 32px 146px 16px);
  799. }
  800.  
  801. /* ..... insert menu ..... */
  802.  
  803. #InsertPopup > menuitem {
  804.   list-style-image: url("chrome://editor/skin/icons/btn1.gif");
  805. }
  806.  
  807. #InsertLinkItem {
  808.   -moz-image-region: rect(16px 16px 32px 0);
  809. }
  810.  
  811. #InsertLinkItem:hover {
  812.   -moz-image-region: rect(16px 32px 32px 16px);
  813. }
  814.  
  815. #InsertAnchorItem {
  816.   -moz-image-region: rect(128px 16px 144px 0);
  817. }
  818.  
  819. #InsertAnchorItem:hover {
  820.   -moz-image-region: rect(128px 32px 144px 16px);
  821. }
  822.  
  823. #InsertImageItem {
  824.   -moz-image-region: rect(144px 16px 160px 0);
  825. }
  826.  
  827. #InsertImageItem:hover {
  828.   -moz-image-region: rect(144px 32px 160px 16px);
  829. }
  830.  
  831. #InsertHRuleItem {
  832.   -moz-image-region: rect(32px 16px 48px 0);
  833. }
  834.  
  835. #InsertHRuleItem:hover {
  836.   -moz-image-region: rect(32px 32px 48px 16px);
  837. }
  838.  
  839. #InsertTableItem {
  840.   -moz-image-region: rect(112px 16px 128px 0);
  841. }
  842.  
  843. #InsertTableItem:hover {
  844.   -moz-image-region: rect(112px 32px 128px 16px);
  845. }
  846.  
  847. /* ..... smiley menu ..... */
  848.  
  849. #smileySmile > .menu-iconic-left {
  850.   list-style-image: url("chrome://editor/content/images/smile_n.gif");
  851. }
  852.  
  853. #smileyFrown > .menu-iconic-left {
  854.   list-style-image: url("chrome://editor/content/images/frown_n.gif"); 
  855. }
  856.  
  857. #smileyWink > .menu-iconic-left {
  858.   list-style-image: url("chrome://editor/content/images/wink_n.gif");
  859. }
  860.  
  861. #smileyTongue > .menu-iconic-left {
  862.   list-style-image: url("chrome://editor/content/images/tongue_n.gif");
  863. }
  864.  
  865. #smileyLaughing > .menu-iconic-left {
  866.   list-style-image: url("chrome://editor/content/images/laughing_n.gif"); 
  867. }
  868.  
  869. #smileyEmbarassed > .menu-iconic-left {
  870.   list-style-image: url("chrome://editor/content/images/embarrassed_n.gif");
  871. }
  872.  
  873. #smileyUndecided > .menu-iconic-left {
  874.   list-style-image: url("chrome://editor/content/images/undecided_n.gif"); 
  875. }
  876.  
  877. #smileySurprise > .menu-iconic-left {
  878.   list-style-image: url("chrome://editor/content/images/surprise_n.gif"); 
  879. }
  880.  
  881. #smileyKiss > .menu-iconic-left {
  882.   list-style-image: url("chrome://editor/content/images/kiss_n.gif"); 
  883. }
  884.  
  885. #smileyYell > .menu-iconic-left {
  886.   list-style-image: url("chrome://editor/content/images/yell_n.gif"); 
  887. }
  888.  
  889. #smileyCool > .menu-iconic-left {
  890.   list-style-image: url("chrome://editor/content/images/cool_n.gif"); 
  891. }
  892.  
  893. #smileyMoney > .menu-iconic-left {
  894.   list-style-image: url("chrome://editor/content/images/money_n.gif"); 
  895. }
  896.  
  897. #smileyFoot > .menu-iconic-left {
  898.   list-style-image: url("chrome://editor/content/images/foot_n.gif"); 
  899. }
  900.  
  901. #smileyInnocent > .menu-iconic-left {
  902.   list-style-image: url("chrome://editor/content/images/innocent_n.gif"); 
  903. }
  904.  
  905. #smileyCry > .menu-iconic-left {
  906.   list-style-image: url("chrome://editor/content/images/cry_n.gif"); 
  907. }
  908.  
  909. #smileySealed > .menu-iconic-left {
  910.   list-style-image: url("chrome://editor/content/images/sealed_n.gif"); 
  911. }
  912.  
  913. /* ..... fg/bg color picker ..... */
  914.  
  915. .ColorPickerLabel {
  916.   border: 1px inset ThreeDFace;
  917.   margin: 0px;
  918.   padding: 2px;
  919. }
  920.  
  921. .color-button {
  922.   border: 1px inset ThreeDFace;
  923.   padding: 0px;
  924.   width: 14px;
  925.   height: 12px;
  926.   margin: 2px;
  927. }
  928.  
  929. .color-button:hover {
  930.   border: 1px solid ThreeDDarkShadow;
  931. }
  932.  
  933. #TextColorButton {
  934.   margin: 2px 9px 9px 2px;
  935. }
  936.  
  937. #BackgroundColorButton {
  938.   margin: 9px 2px 2px 9px;
  939. }
  940.  
  941. #HighlightColorButton {
  942.   -moz-image-region: rect(260px 16px 272px 0px);
  943.   background-color: transparent;
  944. }
  945.  
  946. #HighlightColorButton:hover {
  947.   -moz-image-region: rect(260px 32px 272px 16px);
  948. }
  949.  
  950. #HighlightColorButton:hover:active {
  951.   -moz-image-region: rect(260px 48px 272px 32px);
  952. }
  953.  
  954. #HighlightColorButton[disabled="true"],
  955. #HighlightColorButton[disabled="true"]:hover,
  956. #HighlightColorButton[disabled="true"]:hover:active {
  957.   -moz-image-region: rect(260px 64px 272px 48px);
  958. }
  959.  
  960. /* ::::: address book sidebar ::::: */
  961. .ab-closebutton {
  962.    list-style-image: url("chrome://global/skin/icons/close-button.gif");
  963. }
  964.  
  965. #sidebar {
  966.   background-color: Window;
  967. }
  968.