keeping up with classic development
[themes.git] / LCARStrek / global / toolbarbutton.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Netscape Public License
5  * Version 1.1 (the "License"); you may not use this file except in
6  * compliance with the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/NPL/
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 mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is 
17  * Netscape Communications Corporation.
18  * Portions created by the Initial Developer are Copyright (C) 1998
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Joe Hewitt (hewitt@netscape.com)
23  *   Robert Kaiser <KaiRo@KaiRo.at>
24  *
25  * Alternatively, the contents of this file may be used under the terms of
26  * either the GNU General Public License Version 2 or later (the "GPL"), or 
27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
28  * in which case the provisions of the GPL or the LGPL are applicable instead
29  * of those above. If you wish to allow use of your version of this file only
30  * under the terms of either the GPL or the LGPL, and not to allow others to
31  * use your version of this file under the terms of the NPL, indicate your
32  * decision by deleting the provisions above and replace them with the notice
33  * and other provisions required by the GPL or the LGPL. If you do not delete
34  * the provisions above, a recipient may use your version of this file under
35  * the terms of any one of the NPL, the GPL or the LGPL.
36  *
37  * ***** END LICENSE BLOCK ***** */
38
39 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
40
41 /* ===== toolbarbutton.css =====================================================
42   == Styles used by the XUL button element.
43   ======================================================================= */
44
45 /* ::::: toolbarbutton ::::: */
46
47 toolbarbutton {
48   -moz-border-radius: 3px;
49   -moz-box-align: center;
50   -moz-box-pack: center;
51   margin: 0px;
52   margin-left: 2px;
53   border: none;
54   padding: 1px;
55   background-color: #000000;
56   color: #FFCF00;
57 }
58
59 .toolbarbutton-icon {
60   margin-right: 2px;
61 }
62
63 .toolbarbutton-text {
64   margin: 0px !important;
65   padding: 0px;
66   text-align: center;
67 }    
68
69 toolbarbutton:hover,
70 toolbarbutton[buttonover="true"] {
71   background-color: #FFCF00;
72   color: #000000;
73
74
75 toolbarbutton:hover:active,
76 toolbarbutton[open="true"],
77 toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
78   background-color: #FF9F00;
79   color: #000000;
80
81
82 toolbarbutton:hover:active,
83 toolbarbutton[open="true"] {
84   padding: 2px 0px 0px 2px;
85 }
86     
87 toolbarbutton[disabled="true"] {
88   padding: 1px !important;
89   background-color: #000000 !important;
90   color: #8050B0 !important;
91 }
92
93 /* ..... checked state ..... */
94
95 toolbarbutton[checked="true"] {
96   padding: 2px !important;
97   background-color: #008484;
98   color: #FFCF00;
99 }
100     
101 toolbarbutton[checked="true"]:hover {
102   background-color: #FFCF00;
103   color: #000000;
104 }
105
106 /* ::::: toolbarbutton menu ::::: */
107
108 .toolbarbutton-menu-dropmarker {
109   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
110 }
111
112 .toolbarbutton-menu-dropmarker:hover,
113 .toolbarbutton-menu-dropmarker[buttonover="true"],
114 .toolbarbutton-menu-dropmarker[open="true"] {
115   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
116 }
117
118 .toolbarbutton-menu-dropmarker[disabled="true"] {
119   list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
120 }
121
122 /* ::::: toolbarbutton menu-button ::::: */
123
124 toolbarbutton[type="menu-button"] {
125   -moz-box-align: stretch;
126 }
127
128 toolbarbutton[type="menu-button"],
129 toolbarbutton[type="menu-button"]:hover,
130 toolbarbutton[type="menu-button"]:hover:active,
131 toolbarbutton[type="menu-button"][open="true"],
132 toolbarbutton[type="menu-button"][disabled="true"],
133 toolbarbutton[type="menu-button"][disabled="true"]:hover,
134 toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
135   padding: 0px !important;
136 }
137
138 .toolbarbutton-menubutton-button {
139   margin: 0px;
140   -moz-box-align: center;
141   -moz-box-pack: center;
142 }
143
144 .toolbarbutton-menubutton-button,
145 .toolbarbutton-menubutton-dropmarker {
146   background-color: #000000;
147
148
149 .toolbarbutton-menubutton-button[disabled="true"],
150 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
151   background-color: #000000 !important;
152   color: #8050B0 !important;
153
154
155 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
156 toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-button,
157 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
158 toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-dropmarker {
159   background-color: #FFCF00;
160   color: #000000;
161 }
162
163 toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-button,
164 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
165 toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker,
166 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
167 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
168   background-color: #FF9F00;
169   color: #000000;
170 }
171
172 toolbarbutton[type="menu-button"][buttondown="true"] > toolbarbutton.toolbarbutton-menubutton-button,
173 toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
174   padding: 2px 0px 0px 2px !important;
175 }
176
177 /* .......... dropmarker .......... */
178
179 .toolbarbutton-menubutton-dropmarker {
180   -moz-border-radius: 3px;
181   -moz-box-align: start;
182   padding: 3px 1px 1px 1px;
183   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
184 }
185
186 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
187 toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker,
188 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
189   padding: 4px 0px 0px 2px;
190 }
191
192 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
193 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
194 toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-dropmarker,
195 toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker,
196 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
197   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
198 }
199
200 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
201   padding: 3px 1px 1px 1px !important;
202   list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif") !important;
203 }