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