home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 October / Gamestar_77_2005-10_dvd.iso / Programy / nsb-install-8-0.exe / chrome / fusion.jar / skin / fusion / global / button.css < prev    next >
Cascading Style Sheet File  |  2005-07-29  |  5KB  |  157 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. /* ===== button.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. /* :::::::::: button :::::::::: */
  31.  
  32. /* :::::::::: button :::::::::: */
  33.  
  34. button {
  35.   -moz-appearance: button;
  36.   margin: 1px 5px 2px 5px;
  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.   border: 1px solid transparent;
  49.   padding: 1px 4px 2px 3px;
  50. }
  51.  
  52. .button-text {
  53.   margin: 0 !important;
  54.   text-align: center;
  55. }
  56.  
  57. /* .......... focused state .......... */
  58.  
  59. button:focus {
  60.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
  61.   -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  62.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  63.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
  64. }
  65.  
  66. button:focus > .button-box {
  67.   border: 1px dotted ThreeDDarkShadow;
  68. }
  69.  
  70. /* .......... default state .......... */
  71.  
  72. button[default="true"] {
  73.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
  74.   -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  75.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
  76.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
  77. }
  78.  
  79. /* .......... active/open/checked state .......... */
  80.  
  81. button:hover:active,
  82. button[open="true"],
  83. button[checked="true"] {
  84.   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
  85.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
  86.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
  87.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
  88. }
  89.  
  90. button:hover:active > .button-box,
  91. button[open="true"] > .button-box,
  92. button[checked="true"] > .button-box {
  93.   padding: 2px 3px 1px 4px;
  94. }
  95.  
  96. /* .......... disabled state .......... */
  97.  
  98. button[disabled="true"] {
  99.   -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
  100.   -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
  101.   -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
  102.   -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
  103.   color: GrayText;
  104. }
  105.  
  106. button[disabled="true"] > .button-box {
  107.   padding: 1px 4px 2px 3px !important;
  108. }
  109.  
  110. /* ::::: menu/menu-button buttons ::::: */
  111.  
  112. button[type="menu-button"] {
  113.   -moz-box-align: center;
  114.   -moz-box-pack: center;
  115.   margin: 0;
  116.   border: none;
  117. }
  118.  
  119. .button-menu-dropmarker,
  120. .button-menubutton-dropmarker {
  121.   margin: 1px;
  122.   background-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  123.   min-width:11px;
  124.   min-height:11px;
  125. }
  126.   
  127. .button-menu-dropmarker[disabled="true"],
  128. .button-menubutton-dropmarker[disabled="true"] {
  129.   background-image: url("chrome://global/skin/arrow/arrow-dn-dis.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.  
  144. button[type="disclosure"] {
  145.   border: 0px !important;
  146.   margin: 0px !important;
  147.   padding: 0px !important;
  148.   -moz-appearance: none;
  149.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
  150.   min-width: 0px !important;
  151.   background-color: transparent;
  152. }
  153.  
  154. button[type="disclosure"][open="true"] {
  155.   list-style-image: url("chrome://global/skin/tree/twisty-open.png"); 
  156. }
  157.