351107c9 |
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 | } |