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