1d798428 |
1 | |
2 | /** Standard toolbar buttons |
3 | * class="button-toolbar" |
4 | **/ |
5 | .button-toolbar |
6 | { |
7 | border : none; |
8 | margin : 0px 1px 0px 1px; |
9 | padding : 0px; |
10 | /* font : 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */ |
11 | max-width : 10em; |
12 | min-height : 16px; |
13 | } |
14 | |
15 | .button-toolbar[toggled="true"] |
16 | { |
17 | background-color : #008484; |
18 | } |
19 | |
20 | .button-toolbar[disabled="true"], |
21 | .button-toolbar[disabled="true"]:hover, |
22 | .button-toolbar[disabled="true"]:hover:active |
23 | { |
24 | color : #8050B0; |
25 | } |
26 | |
27 | .button-toolbar > .button-internal-box |
28 | { |
29 | border : none; |
30 | padding : 1px 2px 1px 2px; |
31 | } |
32 | |
33 | .button-toolbar:hover > .button-internal-box |
34 | { |
35 | border : none; |
36 | padding : 1px 2px 1px 2px; |
37 | } |
38 | |
39 | .button-toolbar:hover:active > .button-internal-box |
40 | { |
41 | border : none; |
42 | padding : 2px 1px 0px 3px; |
43 | } |
44 | |
45 | .button-toolbar[disabled="true"]:hover:active > .button-internal-box |
46 | { |
47 | border : none; |
48 | padding : 1px 2px 1px 2px; |
49 | } |
50 | |
51 | .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box |
52 | { |
53 | border : none; |
54 | padding : 1px 2px 1px 2px; |
55 | } |
56 | |
57 | .button-toolbar > .button-internal-box > .button-text-container |
58 | { |
59 | padding : 0px; |
60 | margin : 0px; |
61 | } |
62 | |
63 | .button-toolbar > .button-internal-box > .button-text-container > .button-text |
64 | { |
65 | padding : 0px; |
66 | padding-left : 1px; |
67 | margin : 0px; |
68 | } |
69 | |
70 | /** The largest type of toolbar buttons. In the Seamonkey implementation, |
71 | * these are only used in the navigation toolbar in the navigator package. |
72 | **/ |
73 | |
74 | /* outer frame */ |
75 | .button-toolbar-1 |
76 | { |
77 | /* background-color : transparent; |
78 | color : #000000; */ |
79 | min-width : 36px; |
80 | min-height : 36px; |
81 | margin : 0px 1px 0px 1px; |
82 | padding : 0px; |
83 | font-size : smaller; |
84 | border : none; |
85 | } |
86 | |
87 | /* internal frame */ |
88 | .button-toolbar-1[disabled="true"] > .button-internal-box, |
89 | .button-toolbar-1[disabled="true"]:hover > .button-internal-box, |
90 | .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box |
91 | { |
92 | border : none; |
93 | padding : 1px; |
94 | } |
95 | |
96 | .button-toolbar-1 > .button-internal-box |
97 | { |
98 | border : none; |
99 | vertical-align : middle; |
100 | } |
101 | |
102 | .button-toolbar-1:hover > .button-internal-box |
103 | { |
104 | border : none; |
105 | vertical-align : middle; |
106 | } |
107 | |
108 | .button-toolbar-1:hover:active > .button-internal-box |
109 | { |
110 | border : none; |
111 | vertical-align : middle; |
112 | padding : 2px 0px 0px 2px; |
113 | } |
114 | |
115 | .button-toolbar-1 > .button-internal-box > .button-text-container |
116 | { |
117 | display : none; |
118 | text-align : center; |
119 | } |
120 | |
121 | /** Styles for the standard 'large' toolbar button, these buttons are used for |
122 | * toolbar buttons that are the most commonly used elements on a toolbar, e.g. |
123 | * 'GetMsg' in Mailnews or 'Send' in Mail/Compose. |
124 | **/ |
125 | .button-toolbar-2 |
126 | { |
127 | /* background-color : transparent; |
128 | color : #000000; */ |
129 | min-width : 32px; |
130 | min-height : 32px; |
131 | margin : 0px 1px 0px 1px; |
132 | padding : 0px; |
133 | font-size : smaller; |
134 | border : none; |
135 | } |
136 | |
137 | /* internal frame */ |
138 | .button-toolbar-2 > .button-internal-box |
139 | { |
140 | border : none; |
141 | padding : 1px; |
142 | vertical-align : middle; |
143 | } |
144 | |
145 | .button-toolbar-2:hover > .button-internal-box |
146 | { |
147 | padding : 1px; |
148 | border : none; |
149 | } |
150 | |
151 | .button-toolbar-2:hover:active > .button-internal-box |
152 | { |
153 | padding : 2px 0px 0px 2px; |
154 | border : none; |
155 | } |
156 | |
157 | .button-toolbar-2[disabled="true"] > .button-internal-box, |
158 | .button-toolbar-2[disabled="true"]:hover > .button-internal-box, |
159 | .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box |
160 | { |
161 | padding : 1px; |
162 | border : none; |
163 | } |
164 | |
165 | /* text wrapper frame */ |
166 | .button-toolbar-2 > .button-internal-box > .button-text-container |
167 | { |
168 | padding-top : 3px; |
169 | text-align : center; |
170 | } |
171 | |
172 | |
173 | /** "Green" buttons, e.g. "Search" |
174 | * class="button-toolbar-3" |
175 | **/ |
176 | .button-toolbar-3 |
177 | { |
178 | margin : 0px 1px 0px 1px; |
179 | font-weight : bold; |
180 | /* background-color : #9999CC; */ |
181 | border : none |
182 | } |
183 | |
184 | .button-toolbar-3[disabled="true"], |
185 | .button-toolbar-3[disabled="true"]:hover, |
186 | .button-toolbar-3[disabled="true"]:hover:active |
187 | { |
188 | border : none; |
189 | /* color : #CCCCCC; */ |
190 | } |
191 | |
192 | .button-toolbar-3 > .button-internal-box, |
193 | { |
194 | border : none; |
195 | padding : 1px; |
196 | } |
197 | |
198 | .button-toolbar-3:hover:active > .button-internal-box, |
199 | { |
200 | border : none; |
201 | padding : 2px 0px 0px 2px; |
202 | } |
203 | |
204 | /** Expanding Region Button **/ |
205 | |
206 | /* outer frame */ |
207 | button.expander |
208 | { |
209 | border : none; |
210 | padding : none; |
211 | /* margin : 1px 5px 3px 1px; */ |
212 | background-color : inherit; |
213 | list-style-image : url("chrome://global/skin/closedtwisty.gif"); |
214 | } |
215 | |
216 | button[open="true"].expander |
217 | { |
218 | list-style-image : url("chrome://global/skin/opentwisty.gif"); |
219 | } |
220 | |
221 | /* internal frame */ |
222 | button.expander > .button-internal-box |
223 | { |
224 | border : none; |
225 | background-color : inherit; |
226 | padding : none; |
227 | margin : none; |
228 | } |
229 | |
230 | /* text frame */ |
231 | button.expander > .button-internal-box > .button-text-container > .button-text |
232 | { |
233 | color : #0000FF; |
234 | text-decoration : underline; |
235 | } |
236 | |
237 | button.expander:hover > .button-internal-box > .button-text-container > .button-text |
238 | { |
239 | color : #FF0000; |
240 | } |
241 | |
242 | /** |
243 | * button styles for taskbar, sidebar headers, etc. |
244 | **/ |
245 | .button-toolbar-4 |
246 | { |
247 | font : inherit; |
248 | border : none; |
249 | padding : 1px; |
250 | margin : 0px; |
251 | } |
252 | |
253 | .button-toolbar-4:hover |
254 | { |
255 | text-decoration : none; |
256 | } |
257 | |
258 | .button-toolbar-4:hover:active |
259 | { |
260 | text-decoration : none; |
261 | padding : 2px 0px 0px 2px; |
262 | } |
263 | |
264 | menubutton.button-toolbar-4 |
265 | { |
266 | -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right"); |
267 | padding : 0px; |
268 | } |
269 | |
270 | .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon |
271 | { |
272 | list-style-image : url(chrome://global/skin/mb-single-arrow.gif); |
273 | margin-left : 4px; |
274 | } |
275 | |
276 | .button-toolbar-4:hover > .menubutton-internal-box > .menubutton-single-icon, |
277 | .button-toolbar-4[open="true"] > .menubutton-internal-box > .menubutton-single-icon |
278 | { |
279 | list-style-image : url(chrome://global/skin/mb-single-arrow-hover.gif); |
280 | } |
281 | |
282 | .button-toolbar-4 > .button-internal-box, |
283 | .button-toolbar-4:hover:active > .button-internal-box, |
284 | .button-toolbar-4 > .menubutton-internal-box |
285 | { |
286 | border : none; |
287 | padding : 0px; |
288 | padding-left : 2px; |
289 | } |
290 | |
291 | |