update both themes for suite default changes up to 2010-12-03
[themes.git] / 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 /* ===== button.css =====================================================
39   == Styles used by the XUL (and XHTML in netError.xhtml) button element.
40   ======================================================================= */
41
42 /* :::::::::: button :::::::::: */
43
44 button {
45   border-radius: 3px;
46   margin: 1px 2px;
47   min-width: 6.3em;
48   border: none;
49   background-color: #000000;
50   color: #FFCF00;
51   text-shadow: none;
52 }
53
54 .button-box {
55   border-radius: 3px;
56   border: 1px solid transparent;
57   padding-top: 1px;
58   padding-bottom: 2px;
59   -moz-padding-start: 3px;
60   -moz-padding-end: 4px;
61 }
62
63 .button-icon {
64   -moz-margin-end: 2px;
65 }
66
67 .button-text {
68   border-radius: 3px;
69   margin: 0px !important;
70   text-align: center;
71 }
72
73 /* .......... focused state .......... */
74
75 button:-moz-focusring > .button-box {
76   border: 1px dotted #008484;
77 }
78
79 /* .......... default state .......... */
80
81 button[default="true"] > .button-box {
82   font-weight: bold;
83   list-style-image: url("chrome://global/skin/icons/return.gif");
84   -moz-box-direction: reverse;
85 }
86
87 button[default="true"] > .button-box > .button-icon {
88   -moz-margin-end: 0px;
89   -moz-margin-start: 2px;
90 }
91
92 button[default="true"]:hover > .button-box,
93 button[default="true"]:hover:active > .button-box {
94   list-style-image: url("chrome://global/skin/icons/return-hover.gif");
95 }
96
97 button[default="true"][disabled="true"] > .button-box {
98   font-weight: bold;
99   list-style-image: url("chrome://global/skin/icons/return-disabled.gif") !important;
100 }
101
102 /* .......... active/open/checked state .......... */
103
104 button:hover,
105 button:hover:active {
106   border: none;
107   background-color: #FFCF00;
108   color: #000000;
109 }
110
111 button[open="true"] {
112   border: none;
113   background-color: #FF9F00;
114   color: #000000;
115 }
116
117 button[checked="true"]:not(:hover) {
118   border: none;
119   background-color: #008484;
120   color: #000000;
121 }
122
123 button:hover:active > .button-box,
124 button[open="true"] > .button-box,
125 button[checked="true"] > .button-box {
126   padding-top: 2px;
127   padding-bottom: 1px;
128   -moz-padding-start: 4px;
129   -moz-padding-end: 3px;
130 }
131
132 /* .......... disabled state .......... */
133
134 button[disabled="true"],
135 button[disabled="true"]:hover:active {
136   border: none;
137   background-color: #000000 !important;
138   color: #8050B0 !important;
139 }
140
141 button[disabled="true"] > .button-box {
142   padding-top: 1px !important;
143   padding-bottom: 2px !important;
144   -moz-padding-start: 3px !important;
145   -moz-padding-end: 4px !important;
146 }
147
148 /* ::::: menu/menu-button buttons ::::: */
149
150 button[type="menu-button"] {
151   -moz-box-align: center;
152   -moz-box-pack: center;
153   margin: 0px;
154   border: none;
155 }
156
157 .button-menu-dropmarker,
158 .button-menubutton-dropmarker {
159   border-radius: 3px;
160   margin: 1px;
161   width: 11px;
162   height: 11px;
163 }
164
165 /* ::::: plain buttons ::::: */
166
167 button.plain {
168   border: 0px !important;
169   margin: 0px !important;
170   padding: 0px !important;
171 }
172
173 button[type="disclosure"] {
174   border: 0px !important;
175   margin: 0px !important;
176   padding: 0px !important;
177   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
178   min-width: 0px !important;
179   background-color: transparent;
180 }
181
182 button[type="disclosure"][open="true"] {
183   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
184 }
185
186 /* ::::: xhtml buttons ::::: */
187
188 button::-moz-focus-inner {
189   padding: 0px;
190   border: 0px none;
191 }