home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / MozCurveBlue-1.4-0.99.jar / editor / editorFormatToolbar.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-06  |  10.4 KB  |  495 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. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  25.  
  26. /* ::::: formatting buttons ::::: */
  27.  
  28. #FormatToolbar > toolbarbutton {
  29.   min-width: 3em;
  30. }
  31.  
  32. #FormatToolbar > toolbarbutton > .toolbarbutton-text {
  33.   display: none;
  34. }
  35.  
  36. #FormatToolbar > toolbarbutton {
  37.   list-style-image: url("chrome://editor/skin/icons/btn2.gif");
  38. }
  39.  
  40. #DecreaseFontSizeButton {
  41.   -moz-image-region: rect(64px 14px 80px 0px);
  42. }
  43.  
  44. #DecreaseFontSizeButton:hover {
  45.   -moz-image-region: rect(64px 28px 80px 14px);
  46. }
  47.  
  48. #DecreaseFontSizeButton:hover:active {
  49.   -moz-image-region: rect(64px 42px 80px 28px);
  50. }
  51.  
  52. #DecreaseFontSizeButton[disabled="true"] {
  53.   -moz-image-region: rect(64px 56px 80px 42px) !important;
  54. }
  55.  
  56. #IncreaseFontSizeButton {
  57.   -moz-image-region: rect(81px 18px 98px 0px);
  58. }
  59.  
  60. #IncreaseFontSizeButton:hover {
  61.   -moz-image-region: rect(81px 36px 98px 18px);
  62. }
  63.  
  64. #IncreaseFontSizeButton:hover:active {
  65.   -moz-image-region: rect(81px 54px 98px 36px);
  66. }
  67.  
  68. #IncreaseFontSizeButton[disabled="true"] {
  69.   -moz-image-region: rect(81px 72px 98px 54px) !important;
  70. }
  71.  
  72. #boldButton {
  73.   -moz-image-region: rect(16px 16px 32px 0px);
  74. }
  75.  
  76. #boldButton:hover {
  77.   -moz-image-region: rect(16px 32px 32px 16px);
  78. }
  79.  
  80. #boldButton:hover:active {
  81.   -moz-image-region: rect(16px 48px 32px 32px);
  82. }
  83.  
  84. #boldButton[checked="true"] {
  85.   -moz-image-region: rect(16px 16px 32px 0px);
  86. }
  87.  
  88. #boldButton[disabled="true"] {
  89.   -moz-image-region: rect(16px 64px 32px 48px) !important;
  90. }
  91.  
  92. #italicButton {
  93.   -moz-image-region: rect(98px 16px 114px 0px);
  94. }
  95.  
  96. #italicButton:hover {
  97.   -moz-image-region: rect(98px 32px 114px 16px);
  98. }
  99.  
  100. #italicButton:hover:active {
  101.   -moz-image-region: rect(98px 48px 114px 32px);
  102. }
  103.  
  104. #italicButton[checked="true"] {
  105.   -moz-image-region: rect(98px 16px 114px 0px);
  106. }
  107.  
  108. #italicButton[disabled="true"] {
  109.   -moz-image-region: rect(98px 64px 114px 48px) !important;
  110. }
  111.  
  112. #underlineButton {
  113.   -moz-image-region: rect(114px 16px 130px 0px);
  114. }
  115.  
  116. #underlineButton:hover {
  117.   -moz-image-region: rect(114px 32px 130px 16px);
  118. }
  119.  
  120. #underlineButton:hover:active {
  121.   -moz-image-region: rect(114px 48px 130px 32px);
  122. }
  123.  
  124. #underlineButton[checked="true"] {
  125.   -moz-image-region: rect(114px 16px 130px 0px);
  126. }
  127.  
  128. #underlineButton[disabled="true"] {
  129.   -moz-image-region: rect(114px 64px 130px 48px) !important;
  130. }
  131.  
  132. #ulButton {
  133.   -moz-image-region: rect(32px 16px 48px 0px);
  134. }
  135.  
  136. #ulButton:hover {
  137.   -moz-image-region: rect(32px 32px 48px 16px);
  138. }
  139.  
  140. #ulButton:hover:active {
  141.   -moz-image-region: rect(32px 48px 48px 32px);
  142. }
  143.  
  144. #ulButton[checked="true"] {
  145.   -moz-image-region: rect(32px 16px 48px 0px);
  146. }
  147.  
  148. #ulButton[disabled="true"] {
  149.   -moz-image-region: rect(32px 64px 48px 48px) !important;
  150. }
  151.  
  152. #olButton {
  153.   -moz-image-region: rect(194px 16px 210px 0px);
  154. }
  155.  
  156. #olButton:hover {
  157.   -moz-image-region: rect(194px 32px 210px 16px);
  158. }
  159.  
  160. #olButton:hover:active {
  161.   -moz-image-region: rect(194px 48px 210px 32px);
  162. }
  163.  
  164. #olButton[checked="true"] {
  165.   -moz-image-region: rect(194px 16px 210px 0px);
  166. }
  167.  
  168. #olButton[disabled="true"] {
  169.   -moz-image-region: rect(194px 64px 210px 48px) !important;
  170. }
  171.  
  172. #outdentButton {
  173.   -moz-image-region: rect(210px 16px 226px 0px);
  174. }
  175.  
  176. #outdentButton:hover {
  177.   -moz-image-region: rect(210px 32px 226px 16px);
  178. }
  179.  
  180. #outdentButton:hover:active {
  181.   -moz-image-region: rect(210px 48px 226px 32px);
  182. }
  183.  
  184. #outdentButton[disabled="true"] {
  185.   -moz-image-region: rect(210px 64px 226px 48px) !important;
  186. }
  187.  
  188. #indentButton {
  189.   -moz-image-region: rect(178px 16px 194px 0px);
  190. }
  191.  
  192. #indentButton:hover {
  193.   -moz-image-region: rect(178px 32px 194px 16px);
  194. }
  195.  
  196. #indentButton:hover:active {
  197.   -moz-image-region: rect(178px 48px 194px 32px);
  198. }
  199.  
  200. #indentButton[disabled="true"] {
  201.   -moz-image-region: rect(178px 64px 194px 48px) !important;
  202. }
  203.  
  204. #align-left-button {
  205.   -moz-image-region: rect(146px 16px 162px 0px);
  206. }
  207.  
  208. #align-left-button:hover {
  209.   -moz-image-region: rect(146px 32px 162px 16px);
  210. }
  211.  
  212. #align-left-button:hover:active {
  213.   -moz-image-region: rect(146px 48px 162px 32px);
  214. }
  215.  
  216. #align-left-button[checked="true"] {
  217.   -moz-image-region: rect(146px 16px 162px 0px);
  218. }
  219.  
  220. #align-left-button[disabled="true"] {
  221.   -moz-image-region: rect(146px 64px 162px 48px) !important;
  222. }
  223.  
  224. #align-center-button {
  225.   -moz-image-region: rect(48px 16px 64px 0px);
  226. }
  227.  
  228. #align-center-button:hover {
  229.   -moz-image-region: rect(48px 32px 64px 16px);
  230. }
  231.  
  232. #align-center-button:hover:active {
  233.   -moz-image-region: rect(48px 48px 64px 32px);
  234. }
  235.  
  236. #align-center-button[checked="true"] {
  237.   -moz-image-region: rect(48px 16px 64px 0px);
  238. }
  239.  
  240. #align-center-button[disabled="true"] {
  241.   -moz-image-region: rect(48px 64px 64px 48px) !important;
  242. }
  243.  
  244. #align-right-button {
  245.   -moz-image-region: rect(162px 16px 178px 0px);
  246. }
  247.  
  248. #align-right-button:hover {
  249.   -moz-image-region: rect(162px 32px 178px 16px);
  250. }
  251.  
  252. #align-right-button:hover:active {
  253.   -moz-image-region: rect(162px 48px 178px 32px);
  254. }
  255.  
  256. #align-right-button[checked="true"] {
  257.   -moz-image-region: rect(162px 16px 178px 0px);
  258. }
  259.  
  260. #align-right-button[disabled="true"] {
  261.   -moz-image-region: rect(162px 64px 178px 48px) !important;
  262. }
  263.  
  264. #align-justify-button {
  265.   -moz-image-region: rect(130px 16px 146px 0px);
  266. }
  267.  
  268. #align-justify-button:hover {
  269.   -moz-image-region: rect(130px 32px 146px 16px);
  270. }
  271.  
  272. #align-justify-button:hover:active {
  273.   -moz-image-region: rect(130px 48px 146px 32px);
  274. }
  275.  
  276. #align-justify-button[checked="true"] {
  277.   -moz-image-region: rect(130px 16px 146px 0px);
  278. }
  279.  
  280. #align-justify-button[disabled="true"] {
  281.   -moz-image-region: rect(130px 64px 146px 48px) !important;
  282. }
  283.  
  284. #AlignPopupButton {
  285.   -moz-image-region: rect(0px 16px 16px 0px);
  286. }
  287.  
  288. #AlignPopupButton:hover {
  289.   -moz-image-region: rect(0px 32px 16px 16px);
  290. }
  291.  
  292. #AlignPopupButton[open="true"] {
  293.   -moz-image-region: rect(0px 48px 16px 32px) !important;
  294. }
  295.  
  296. #AlignPopupButton[disabled="true"] {
  297.   -moz-image-region: rect(0px 64px 16px 48px) !important;
  298. }
  299.  
  300. #InsertPopupButton {
  301.   -moz-image-region: rect(244px 16px 260px 0px);
  302. }
  303.  
  304. #InsertPopupButton:hover {
  305.   -moz-image-region: rect(244px 32px 260px 16px);
  306. }
  307.  
  308. #InsertPopupButton[open="true"] {
  309.   -moz-image-region: rect(244px 48px 260px 32px) !important;
  310. }
  311.  
  312. #InsertPopupButton[disabled="true"] {
  313.   -moz-image-region: rect(244px 64px 260px 48px) !important;
  314. }
  315.  
  316. #smileButtonMenu {
  317.   -moz-image-region: rect(227px 17px 244px 0px);
  318. }
  319.  
  320. #smileButtonMenu:hover {
  321.   -moz-image-region: rect(227px 34px 244px 17px);
  322. }
  323.  
  324. #smileButtonMenu[open="true"] {
  325.   -moz-image-region: rect(227px 51px 244px 34px) !important;
  326. }
  327.  
  328. #smileButtonMenu[disabled="true"] {
  329.   -moz-image-region: rect(227px 68px 244px 51px) !important;
  330. }
  331.  
  332. /* ::::: menuitem icons ::::: */
  333.  
  334. /* ..... align menu ..... */
  335.  
  336. #AlignPopup > menuitem {
  337.   list-style-image: url("chrome://editor/skin/icons/btn2.gif");
  338. }
  339.  
  340. #AlignLeftItem {
  341.   -moz-image-region: rect(146px 16px 162px 0px);
  342. }
  343.  
  344. #AlignLeftItem:hover {
  345.   -moz-image-region: rect(146px 32px 162px 16px);
  346. }
  347.  
  348. #AlignCenterItem {
  349.   -moz-image-region: rect(48px 16px 64px 0px);
  350. }
  351.  
  352. #AlignCenterItem:hover {
  353.   -moz-image-region: rect(48px 32px 64px 16px);
  354. }
  355.  
  356. #AlignRightItem {
  357.   -moz-image-region: rect(162px 16px 178px 0px);
  358. }
  359.  
  360. #AlignRightItem:hover {
  361.   -moz-image-region: rect(162px 32px 178px 16px);
  362. }
  363.  
  364. #AlignJustifyItem {
  365.   -moz-image-region: rect(130px 16px 146px 0px);
  366. }
  367.  
  368. #AlignJustifyItem:hover {
  369.   -moz-image-region: rect(130px 32px 146px 16px);
  370. }
  371.  
  372. /* ..... insert menu ..... */
  373.  
  374. #InsertPopup > menuitem {
  375.   list-style-image: url("chrome://editor/skin/icons/btn1.gif");
  376. }
  377.  
  378. #InsertLinkItem {
  379.   -moz-image-region: rect(16px 16px 32px 0);
  380. }
  381.  
  382. #InsertLinkItem:hover {
  383.   -moz-image-region: rect(16px 32px 32px 16px);
  384. }
  385.  
  386. #InsertAnchorItem {
  387.   -moz-image-region: rect(143px 64px 159px 48px);
  388. }
  389.  
  390. #InsertAnchorItem:hover {
  391.   -moz-image-region: rect(159px 16px 175px 0);
  392. }
  393.  
  394. #InsertImageItem {
  395.   -moz-image-region: rect(159px 64px 175px 48px);
  396. }
  397.  
  398. #InsertImageItem:hover {
  399.   -moz-image-region: rect(175px 16px 191px 0);
  400. }
  401.  
  402. #InsertHRuleItem {
  403.   -moz-image-region: rect(32px 16px 48px 0);
  404. }
  405.  
  406. #InsertHRuleItem:hover {
  407.   -moz-image-region: rect(32px 32px 48px 16px);
  408. }
  409.  
  410. #InsertTableItem {
  411.   -moz-image-region: rect(122px 62px 138px 46px);
  412. }
  413.  
  414. #InsertTableItem:hover {
  415.   -moz-image-region: rect(143px 16px 159px 0);
  416. }
  417.  
  418. /* ..... smiley menu ..... */
  419.  
  420. .insert-smile > .menu-iconic-left {
  421.   list-style-image: url(""chrome://messenger/skin/icons/smile_n.png");
  422. }
  423.  
  424. .insert-tongue > .menu-iconic-left {
  425.   list-style-image: url(""chrome://messenger/skin/icons/tongue_n.png");
  426. }
  427.  
  428. .insert-frown > .menu-iconic-left {
  429.   list-style-image: url(""chrome://messenger/skin/icons/frown_n.png"); 
  430. }
  431.  
  432. .insert-wink > .menu-iconic-left {
  433.   list-style-image: url("chrome://editor/content/images/wink_n.png");
  434. }
  435.  
  436. .insert-laughing > .menu-iconic-left {
  437.   list-style-image: url("chrome://editor/content/images/laughing_n.png"); 
  438. }
  439.  
  440. .insert-embarrassed > .menu-iconic-left {
  441.   list-style-image: url(""chrome://messenger/skin/icons/embarrassed_n.png");
  442. }
  443.  
  444. .insert-undecided > .menu-iconic-left {
  445.   list-style-image: url(""chrome://messenger/skin/icons/undecided_n.png"); 
  446. }
  447.  
  448. /* ::::: fg/bg color picker ::::: */
  449.  
  450. .ColorPickerLabel {
  451.   border: 1px inset ThreeDFace;
  452.   margin: 0px;
  453.   padding: 2px;
  454. }
  455.  
  456. .color-button {
  457.   border: 1px inset ThreeDFace;
  458.   padding: 0px;
  459.   width: 14px;
  460.   height: 12px;
  461.   margin: 2px;
  462. }
  463.  
  464. .color-button:hover {
  465.   border: 1px solid ThreeDDarkShadow;
  466. }
  467.  
  468. #TextColorButton {
  469.   margin: 2px 9px 9px 2px;
  470. }
  471.  
  472. #BackgroundColorButton {
  473.   margin: 9px 2px 2px 9px;
  474. }
  475.  
  476. #HighlightColorButton {
  477.   -moz-image-region: rect(260px 16px 272px 0px);
  478.   background-color: transparent;
  479. }
  480.  
  481. #HighlightColorButton:hover {
  482.   -moz-image-region: rect(260px 32px 272px 16px);
  483. }
  484.  
  485. #HighlightColorButton:hover:active {
  486.   -moz-image-region: rect(260px 48px 272px 32px);
  487. }
  488.  
  489. #HighlightColorButton[disabled="true"],
  490. #HighlightColorButton[disabled="true"]:hover,
  491. #HighlightColorButton[disabled="true"]:hover:active {
  492.   -moz-image-region: rect(260px 64px 272px 48px);
  493. }
  494.  
  495.