home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / MozCurveBlue-1.4-0.99.jar / global / toolbarbutton.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-06  |  6.3 KB  |  188 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.  *   Joe Hewitt (hewitt@netscape.com)
  22.  *   Brian Ryner <bryner@netscape.com>
  23.  */
  24.  
  25. /* ===== toolbarbutton.css =====================================================
  26.   == Styles used by the XUL button element.
  27.   ======================================================================= */
  28.  
  29. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  30.  
  31. /* ::::: toolbarbutton ::::: */
  32.  
  33. toolbarbutton {
  34.   -moz-appearance: toolbarbutton;
  35.   -moz-box-align: center;
  36.   -moz-box-pack: center;
  37.   margin: 0;
  38.   border: 2px solid;
  39.   -moz-border-top-colors: transparent;
  40.   -moz-border-right-colors: transparent;
  41.   -moz-border-bottom-colors: transparent;
  42.   -moz-border-left-colors: transparent;
  43.   padding: 2px;
  44.   background-color: transparent;
  45.   color: -moz-DialogText;
  46. }
  47.  
  48. .toolbarbutton-icon {
  49.   margin-right: 2px;
  50. }
  51.  
  52. .toolbarbutton-text {
  53.   margin: 0 !important;
  54.   text-align: center;
  55. }
  56.  
  57. toolbarbutton:hover,
  58. toolbarbutton[buttonover="true"] {
  59.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight;
  60.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  61.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  62.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight;
  63. } 
  64.     
  65. toolbarbutton:hover:active,
  66. toolbarbutton[open="true"] {
  67.   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
  68.   -moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight;
  69.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight;
  70.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  71.   padding: 3px 1px 1px 3px;
  72. }
  73.  
  74. toolbarbutton[disabled="true"],
  75. toolbarbutton[disabled="true"]:hover,
  76. toolbarbutton[disabled="true"]:hover:active
  77. toolbarbutton[disabled="true"][open="true"] {
  78.   -moz-border-top-colors: transparent;
  79.   -moz-border-right-colors: transparent;
  80.   -moz-border-bottom-colors: transparent;
  81.   -moz-border-left-colors: transparent;
  82.   padding: 2px;
  83.   color: GrayText;
  84. }
  85.  
  86. /* ..... checked state ..... */
  87.  
  88. toolbarbutton[checked="true"] {
  89.   -moz-border-top-colors: ThreeDLightShadow ThreeDShadow !important;
  90.   -moz-border-right-colors: ThreeDLightShadow ThreeDHighlight !important;
  91.   -moz-border-bottom-colors: ThreeDLightShadow ThreeDHighlight !important;
  92.   -moz-border-left-colors: ThreeDLightShadow ThreeDShadow !important;
  93.   padding: 2px !important;
  94.   background-color: ThreeDHighlight !important;
  95.   color: ButtonText !important;
  96. }
  97.     
  98. /* ::::: toolbarbutton menu ::::: */
  99.  
  100. .toolbarbutton-menu-dropmarker {
  101.   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  102. }
  103.  
  104. .toolbarbutton-menu-dropmarker[disabled="true"] {
  105.   list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
  106. }
  107.  
  108. /* ::::: toolbarbutton menu-button ::::: */
  109.  
  110. toolbarbutton[type="menu-button"] {
  111.   -moz-box-align: stretch;
  112.   -moz-appearance: dualbutton;
  113. }
  114.  
  115. toolbarbutton[type="menu-button"],
  116. toolbarbutton[type="menu-button"]:hover,
  117. toolbarbutton[type="menu-button"]:hover:active,
  118. toolbarbutton[type="menu-button"][open="true"],
  119. toolbarbutton[type="menu-button"][disabled="true"],
  120. toolbarbutton[type="menu-button"][disabled="true"]:hover,
  121. toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
  122.   border: 1px solid;
  123.   padding: 0;
  124. }
  125.  
  126. .toolbarbutton-menubutton-button {
  127.   -moz-box-align: center;
  128.   -moz-box-pack: center;
  129. }
  130.  
  131. .toolbarbutton-menubutton-button,
  132. .toolbarbutton-menubutton-dropmarker {
  133.   border: 1px solid;
  134.   -moz-border-top-colors: transparent;
  135.   -moz-border-right-colors: transparent;
  136.   -moz-border-bottom-colors: transparent;
  137.   -moz-border-left-colors: transparent;
  138. }
  139.  
  140. .toolbarbutton-menubutton-button[disabled="true"],
  141. .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  142.   -moz-border-top-colors: transparent !important;
  143.   -moz-border-right-colors: transparent !important;
  144.   -moz-border-bottom-colors: transparent !important;
  145.   -moz-border-left-colors: transparent !important;
  146. }
  147.  
  148. toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
  149. toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-button,
  150. toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
  151. toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-dropmarker,
  152. toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button {
  153.   -moz-border-top-colors: ThreeDHighlight;
  154.   -moz-border-right-colors: ThreeDShadow;
  155.   -moz-border-bottom-colors: ThreeDShadow;
  156.   -moz-border-left-colors: ThreeDHighlight;
  157. }
  158.  
  159. toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-button,
  160. toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  161. toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker,
  162. toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
  163.   -moz-border-top-colors: ThreeDShadow;
  164.   -moz-border-right-colors: ThreeDHighlight;
  165.   -moz-border-bottom-colors: ThreeDHighlight;
  166.   -moz-border-left-colors: ThreeDShadow;
  167. }
  168.  
  169. /* .......... dropmarker .......... */
  170.  
  171. .toolbarbutton-menubutton-dropmarker {
  172.   -moz-box-align: center;
  173.   padding: 0 0 1px 0;
  174.   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  175.   -moz-appearance: dualbutton-dropdown;
  176. }
  177.  
  178. .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  179.   border: 1px solid transparent !important;
  180.   padding: 0 0 1px 0 !important;
  181.   list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") !important;
  182. }
  183.  
  184. toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
  185. toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker {
  186.   padding: 1px 0 0 0;
  187. }
  188.