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