EarlyBlue/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 /** Default Button Styles (apply to usage of <button> without
  41  *  any applied class).
  42  **/
  43
  44 /* outer frame */
  45   button
  46     {
  47       border              : none;
  48       margin              : 1px 5px 2px 5px;
  49       min-width           : 6.3em;
  50       background-color    : #CCD0DD;
  51       color               : #000000;
  52       -moz-user-focus     : normal;
  53     }
  54
  55   .button-text {
  56     margin: 0px !important;
  57     text-align: center;
  58   }
  59
  60   button,
  61   button[disabled="true"][default],
  62   button[disabled="true"]:hover:active
  63     {
  64       border              : none;
  65     }
  66
  67   .button-box,
  68   button[disabled="true"][default] > .button-box,
  69   button[disabled="true"]:hover:active > .button-box
  70     {
  71       border              : 1px outset #CCD0DD;
  72       -moz-user-focus     : none;
  73     }
  74
  75   .button-box-2,
  76   button[disabled="true"][default] > .button-box > .button-box-2,
  77   button[disabled="true"]:hover:active > .button-box > .button-box-2
  78     {
  79                         border              : none;
  80     }
  81
  82   button:hover:active,
  83   button[open="true"],
  84   button[checked="true"]
  85     {
  86       border              : none;
  87     }
  88
  89   button:hover:active > .button-box,
  90   button[checked="true"] > .button-box,
  91   button[checked="true"]:focus > .button-box,
  92   button[open="true"] > .button-box,
  93   button[open="true"]:focus > .button-box
  94     {
  95       border              : 1px inset #CCD0DD;
  96     }
  97
  98   button:hover:active > .button-box > .button-box-2,
  99   button[checked="true"] > .button-box > .button-box-2,
 100   button[checked="true"]:focus> .button-box > .button-box-2,
 101   button[open="true"] > .button-box > .button-box-2,
 102   button[open="true"]:focus > .button-box > .button-box-2
 103     {
 104       border              : none;
 105     }
 106
 107   button:hover:active > .button-box > .button-box-2 > .button-box-text,
 108   button[open="true"] > .button-box > .button-box-2 > .button-box-text
 109     {
 110       padding             : 1px 2px 0px 3px;
 111     }
 112
 113   button[disabled="true"],
 114   button[disabled="true"]:hover:active
 115     {
 116       color               : #999999;
 117     }
 118
 119   button[disabled="true"] > .button-box > .button-box-2 > .button-box-text,
 120   button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text
 121     {
 122       padding             : 0px 3px 1px 2px;
 123     }
 124
 125 /* text wrapping frame (hack because <text> does not support alignment) */
 126   .button-box-text,
 127   button[disabled]:focus > .button-box > .button-box-2 > .button-box-text
 128     {
 129       padding             : 0px 3px 1px 2px;
 130       border              : 1px solid transparent;
 131       margin              : 1px;
 132     }
 133
 134   button:focus > .button-box > .button-box-2 > .button-box-text
 135     {
 136       border              : 1px dotted #9999CC;
 137     }
 138
 139 /** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
 140  *  To activate, set 'default' attribute on button.
 141  **/
 142
 143 /* outer frame */
 144   button[default], button:focus
 145     {
 146       border              : none;
 147     }
 148
 149   button[default] > .button-box > .button-box-2 > .button-box-text
 150     {
 151       font-weight         : bold;
 152       list-style-image    : url("chrome://global/skin/return.gif");
 153       -moz-box-direction  : reverse;
 154     }
 155
 156   button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text
 157     {
 158       font-weight         : bold;
 159       list-style-image    : url("chrome://global/skin/return-disabled.gif");
 160     }
 161
 162 /* ::::: menu-button buttons ::::: */
 163
 164 button[type="menu-button"] {
 165   margin: 0px !important;
 166   border: none !important;
 167 }
 168
 169 .menu-button-dropmarker {
 170   list-style-image: url("chrome://global/skin/scroll-down.gif");
 171 }
 172
 173 .menu-button-dropmarker[disabled="true"] {
 174   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
 175 }
 176
 177 /* ::::: plain buttons ::::: */
 178
 179 button.plain,
 180 button.plain:hover,
 181 button.plain:hover:active,
 182 button.plain > .button-box,
 183 button.plain:hover > .button-box,
 184 button.plain:hover:active > .button-box {
 185   border: 0px ! important;
 186   margin: 0px;
 187   padding: 0px;
 188 }