LCARStrek/global/button.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is "Classic" theme of mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * the Mozilla Organization.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Robert Kaiser <KaiRo@KaiRo.at>
  23  *
  24  * Alternatively, the contents of this file may be used under the terms of
  25  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27  * in which case the provisions of the GPL or the LGPL are applicable instead
  28  * of those above. If you wish to allow use of your version of this file only
  29  * under the terms of either the GPL or the LGPL, and not to allow others to
  30  * use your version of this file under the terms of the MPL, indicate your
  31  * decision by deleting the provisions above and replace them with the notice
  32  * and other provisions required by the GPL or the LGPL. If you do not delete
  33  * the provisions above, a recipient may use your version of this file under
  34  * the terms of any one of the MPL, the GPL or the LGPL.
  35  *
  36  * ***** END LICENSE BLOCK ***** */
  37
  38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  39
  40 /* NEW WIDGET ANDING: <button> */
  41
  42 /** Default Button Styles (apply to usage of <button> without
  43  *  any applied class).
  44  **/
  45
  46 /* outer frame */
  47   button
  48     {
  49       -moz-border-radius  : 3px;
  50       border              : none;
  51       margin              : 1px 5px 2px 5px;
  52       min-width           : 6em;
  53       background-color    : #000000;
  54       color               : #FFCF00;
  55       -moz-user-focus     : normal;
  56     }
  57
  58   .button-text {
  59     margin: 0px !important;
  60     text-align: center;
  61   }
  62
  63   button[disabled="true"],
  64   button[disabled="true"][default],
  65   button[disabled="true"]:hover,
  66   button[disabled="true"]:hover:active
  67     {
  68       border              : none;
  69       background-color    : #000000;
  70       color               : #8050B0;
  71     }
  72
  73   .button-box,
  74   button[disabled="true"][default] > .button-box,
  75   button[disabled="true"]:hover:active > .button-box
  76     {
  77       -moz-border-radius  : 3px;
  78       border              : none;
  79       -moz-user-focus     : none;
  80     }
  81
  82   .button-box-2,
  83   button[disabled="true"][default] > .button-box > .button-box-2,
  84   button[disabled="true"]:hover:active > .button-box > .button-box-2
  85     {
  86                         border              : none;
  87     }
  88
  89   button:hover,
  90   button:hover:active,
  91   button[open="true"],
  92   button[checked="true"]
  93     {
  94       border              : none;
  95       background-color    : #FFCF00;
  96       color               : #000000;
  97     }
  98
  99   button:hover:active > .button-box,
 100   button[checked="true"] > .button-box,
 101   button[checked="true"]:focus > .button-box,
 102   button[open="true"] > .button-box,
 103   button[open="true"]:focus > .button-box
 104     {
 105       border              : none;
 106     }
 107
 108   button:hover:active > .button-box > .button-box-2,
 109   button[checked="true"] > .button-box > .button-box-2,
 110   button[checked="true"]:focus> .button-box > .button-box-2,
 111   button[open="true"] > .button-box > .button-box-2,
 112   button[open="true"]:focus > .button-box > .button-box-2
 113     {
 114       border              : none;
 115     }
 116
 117   button:hover:active > .button-box > .button-box-2 > .button-box-text,
 118   button[open="true"] > .button-box > .button-box-2 > .button-box-text
 119     {
 120       padding             : 1px 2px 0px 3px;
 121     }
 122
 123   button[disabled="true"] > .button-box > .button-box-2 > .button-box-text,
 124   button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text
 125     {
 126       padding             : 0px 3px 1px 2px;
 127     }
 128
 129 /* text wrapping frame (hack because <text> does not support alignment) */
 130   .button-box-text,
 131   button[disabled]:focus > .button-box > .button-box-2 > .button-box-text
 132     {
 133       padding             : 0px 3px 1px 2px;
 134       margin              : 1px;
 135     }
 136
 137 /** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
 138  *  To activate, set 'default' attribute on button.
 139  **/
 140
 141 /* outer frame */
 142   button[default], button:focus
 143     {
 144       border              : none;
 145     }
 146
 147   button[default] > .button-box > .button-box-2 > .button-box-text
 148     {
 149       font-weight         : bold;
 150       list-style-image    : url("chrome://global/skin/return.gif");
 151       -moz-box-direction  : reverse;
 152     }
 153
 154   button[default]:hover > .button-box > .button-box-2 > .button-box-text
 155     {
 156       list-style-image    : url("chrome://global/skin/return-hover.gif");
 157     }
 158
 159   button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text,
 160   button[default][disabled="true"]:hover > .button-box > .button-box-2 > .button-box-text
 161     {
 162       list-style-image    : url("chrome://global/skin/return-disabled.gif");
 163     }
 164
 165 /* ::::: menu-button buttons ::::: */
 166
 167 button[type="menu-button"] {
 168   margin: 0px !important;
 169   border: none !important;
 170 }
 171
 172 .menu-button-dropmarker {
 173   list-style-image: url("chrome://global/skin/scroll-down.gif");
 174 }
 175
 176 .menu-button-dropmarker:hover {
 177   list-style-image: url("chrome://global/skin/scroll-down-hover.gif");
 178 }
 179
 180 .menu-button-dropmarker[disabled="true"],
 181 .menu-button-dropmarker[disabled="true"]:hover {
 182   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
 183 }
 184
 185 /* ::::: plain buttons ::::: */
 186
 187 button.plain,
 188 button.plain:hover,
 189 button.plain:hover:active,
 190 button.plain > .button-box,
 191 button.plain:hover > .button-box,
 192 button.plain:hover:active > .button-box {
 193   border: 0px ! important;
 194   margin: 0px;
 195   padding: 0px;
 196 }