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