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 / button.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-06  |  4.2 KB  |  137 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. /* ===== button.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. /* :::::::::: button :::::::::: */
  32.  
  33. button {
  34.   -moz-appearance: button;
  35.   margin: 1px 5px 2px 5px;
  36.   min-width: 6.3em;
  37.   border: 3px solid;
  38.   -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow;
  39.   -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow;
  40.   -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow;
  41.   -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow;
  42.   background-color: ThreeDFace;
  43.   color: ButtonText;
  44. }
  45.  
  46. .button-box {
  47.   padding: 1px 4px 2px 3px;
  48. }
  49.  
  50. .button-text {
  51.   margin: 0 !important;
  52.   text-align: center;
  53. }
  54.  
  55. /* .......... focused state .......... */
  56.  
  57. button:focus {
  58.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
  59.   -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  60.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  61.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
  62. }
  63.  
  64. /* .......... default state .......... */
  65.  
  66. button[default="true"] {
  67.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
  68.   -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  69.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  70.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
  71. }
  72.  
  73. /* .......... active/open/checked state .......... */
  74.  
  75. button:hover:active,
  76. button[open="true"],
  77. button[checked="true"] {
  78.   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
  79.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
  80.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
  81.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
  82. }
  83.  
  84. button:hover:active > .button-box,
  85. button[open="true"] > .button-box,
  86. button[checked="true"] > .button-box {
  87.   padding: 2px 3px 1px 4px;
  88. }
  89.  
  90. /* .......... disabled state .......... */
  91.  
  92. button[disabled="true"] {
  93.   -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
  94.   -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
  95.   -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
  96.   -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
  97.   color: GrayText;
  98. }
  99.  
  100. button[disabled="true"] > .button-box {
  101.   padding: 1px 4px 2px 3px !important;
  102. }
  103.  
  104. /* ::::: menu/menu-button buttons ::::: */
  105.  
  106. button[type="menu-button"] {
  107.   -moz-box-align: center;
  108.   -moz-box-pack: center;
  109.   margin: 0;
  110.   border: none;
  111. }
  112.  
  113. .button-menu-dropmarker,
  114. .button-menubutton-dropmarker {
  115.   margin: 1px;
  116.   background-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  117.   min-width:11px;
  118.   min-height:11px;
  119. }
  120.   
  121. .button-menu-dropmarker[disabled="true"],
  122. .button-menubutton-dropmarker[disabled="true"] {
  123.   background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
  124. }
  125.  
  126. .button-menubutton-dropmarker[open="true"] {
  127.   margin: 2px 0px 0px 2px;
  128. }
  129.  
  130. /* ::::: plain buttons ::::: */
  131.  
  132. button.plain {
  133.   border: 0px !important;
  134.   margin: 0px !important;
  135.   padding: 0px !important;
  136. }
  137.