1d798428 |
1 | |
2 | /** Styles applying to items in a button-toolbar-3 style menu |
3 | * menuitem class="button-toolbar-3" |
4 | **/ |
5 | .button-toolbar-3 > .menubutton-icon-internal-box |
6 | { |
7 | border : none; |
8 | } |
9 | |
10 | .button-toolbar-3[open="true"] > .menubutton-icon-internal-box, |
11 | .button-toolbar-3:hover:active > .menubutton-icon-internal-box |
12 | { |
13 | border : none; |
14 | } |
15 | |
16 | menuitem.button-toolbar-3 |
17 | { |
18 | font-weight : normal; |
19 | } |
20 | |
21 | .button-toolbar-3[menuactive="true"] |
22 | { |
23 | font-weight : normal; |
24 | } |
25 | |
26 | /** menubuttons on generic grey toolbars |
27 | * class="button-toolbar" |
28 | **/ |
29 | .button-toolbar > .menubutton-internal-box |
30 | { |
31 | -moz-border-radius : 3px; |
32 | padding : 1px 2px 1px 2px; |
c9990331 |
33 | background-color : #000000; |
34 | color : #FFCF00; |
1d798428 |
35 | } |
36 | |
37 | |
38 | .button-toolbar:hover > .menubutton-internal-box |
39 | { |
40 | background-color : #FFCF00; |
41 | color : #000000; |
42 | padding : 1px 2px 1px 2px; |
43 | } |
44 | |
45 | .button-toolbar:hover:active > .menubutton-internal-box |
46 | { |
47 | background-color : #FFCF00; |
48 | color : #000000; |
49 | padding : 2px 1px 0px 3px; |
50 | } |
51 | |
52 | .button-toolbar[open="true"] > .menubutton-internal-box |
53 | { |
54 | background-color : #FF9F00; |
55 | color : #000000; |
56 | padding : 2px 1px 0px 3px; |
57 | } |
58 | |
59 | /** menubuttons on taskbar |
60 | * class="button-toolbar-4" |
61 | **/ |
62 | .button-toolbar-4 |
63 | { |
64 | border : none; |
65 | } |
66 | |
67 | .button-toolbar-4 > .menubutton-internal-box |
68 | { |
69 | -moz-border-radius : 3px; |
70 | border : none; |
71 | padding : 1px 2px 1px 2px; |
72 | } |
73 | |
74 | .button-toolbar-4:hover > .menubutton-internal-box |
75 | { |
76 | background-color : #FFCF00; |
77 | color : #000000; |
78 | padding : 1px 2px 1px 2px; |
79 | } |
80 | |
81 | .button-toolbar-4:hover:active > .menubutton-internal-box |
82 | { |
83 | background-color : #FFCF00; |
84 | color : #000000; |
85 | padding : 2px 1px 0px 3px; |
86 | } |
87 | |
88 | .button-toolbar-4[open="true"] > .menubutton-internal-box |
89 | { |
90 | background-color : #FF9F00; |
91 | color : #000000; |
92 | padding : 2px 1px 0px 3px; |
93 | } |
94 | |
bd0fcaa8 |
95 | .button-toolbar-4:hover:active, |
96 | .button-toolbar-4[open="true"] |
97 | { |
98 | padding : 0px; |
99 | } |
100 | |
1d798428 |
101 | /** |
102 | * Navigation bar style menubuttons |
103 | **/ |
104 | |
c9990331 |
105 | /* This is really a hack to deal with buggy :hover - but it's now in toolkit (see below, taken from classic) */ |
106 | |
107 | /** |
108 | * XXX - this is a hack. :hover does not work to spec and so we're using a binding |
109 | * with JS that lives in xpfe/global/resources/content/menulistBindings.xml |
110 | * to set attributes on various parts of the button when mouse down/over |
111 | * events fire. When :hover works correctly, this can be removed (see |
112 | * revision 1.21 of this file for details. |
113 | */ |
114 | |
115 | |
116 | .menubutton-dual.top |
117 | { |
118 | -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex"); |
119 | /* -moz-user-focus : ignore !important; */ |
120 | } |
121 | |
122 | .menubutton-dual.left |
123 | { |
124 | -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left"); |
125 | /* -moz-user-focus : none !important; */ |
126 | } |
127 | |
128 | |
129 | |
130 | .menubutton-dual |
1d798428 |
131 | { |
132 | font-size : smaller; |
133 | } |
134 | |
c9990331 |
135 | /* where have you gone? |
136 | |
1d798428 |
137 | .menubutton-dual.toolbar:hover > .menubutton-internal-box, |
138 | .menubutton-dual.toolbar:hover:active > .menubutton-internal-box |
139 | { |
140 | -moz-border-radius : 3px; |
141 | background-color : #FFCF00; |
142 | color : #000000; |
143 | } |
144 | |
145 | .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box |
146 | { |
147 | background-color : #FF9F00; |
148 | color : #000000; |
149 | } |
150 | |
151 | .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box, |
152 | .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box, |
153 | .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box |
154 | { |
155 | -moz-border-radius : 3px; |
156 | background-color : #000000; |
157 | color : #8050B0; |
158 | } |
159 | |
160 | |
161 | .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button, |
162 | .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button, |
163 | .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button |
164 | { |
165 | -moz-border-radius : 3px 0px 0px 3px; |
166 | } |
167 | |
c9990331 |
168 | */ |
169 | |
170 | .menubutton-dual-ex-button > .button-internal-box > .button-text-container |
1d798428 |
171 | { |
172 | padding-top : 3px; |
173 | text-align : center; |
174 | } |
175 | |
c9990331 |
176 | |
177 | |
178 | .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box |
1d798428 |
179 | { |
180 | padding : 1px; |
181 | border : none; |
182 | -moz-border-radius : 3px 0px 0px 3px; |
183 | } |
184 | |
c9990331 |
185 | .menubutton-dual-ex-button |
186 | { |
187 | margin : 0px; |
188 | } |
189 | |
190 | .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box, |
191 | .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box |
1d798428 |
192 | { |
193 | background-color : #FFCF00; |
194 | color : #000000; |
195 | padding : 1px; |
196 | border : none; |
197 | } |
198 | |
c9990331 |
199 | .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box, |
200 | .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box |
1d798428 |
201 | { |
202 | background-color : #FFCF00; |
203 | color : #000000; |
204 | padding : 2px 0px 0px 2px; |
205 | border : none; |
206 | } |
207 | |
c9990331 |
208 | .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box |
1d798428 |
209 | { |
210 | background-color : #FF9F00; |
211 | color : #000000; |
212 | padding : 2px 0px 0px 2px; |
213 | border : none; |
214 | } |
215 | |
c9990331 |
216 | .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box, |
217 | .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box, |
218 | .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box, |
219 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box, |
220 | .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box |
1d798428 |
221 | { |
222 | background-color : #000000; |
223 | color : #8050B0; |
224 | padding : 1px; |
225 | border : none; |
226 | } |
227 | |
c9990331 |
228 | |
229 | |
230 | .menubutton-dual > .menubutton-dual-dropmarker-box |
1d798428 |
231 | { |
232 | -moz-border-radius : 0px 3px 3px 0px; |
233 | padding : 1px; |
234 | border : none; |
235 | } |
236 | |
c9990331 |
237 | .menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box, |
238 | .menubutton-dual:hover > .menubutton-dual-dropmarker-box, |
239 | .menubutton-dual > .menubutton-dual-dropmarker-box:hover, |
240 | .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box |
1d798428 |
241 | { |
242 | background-color : #FFCF00; |
243 | color : #000000; |
244 | padding : 1px; |
245 | border : none; |
246 | } |
247 | |
c9990331 |
248 | .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box |
1d798428 |
249 | { |
250 | background-color : #FFCF00; |
251 | color : #000000; |
252 | padding : 2px 0px 0px 2px; |
253 | border : none; |
254 | } |
255 | |
c9990331 |
256 | .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box |
1d798428 |
257 | { |
258 | background-color : #FF9F00; |
259 | color : #000000; |
260 | padding : 2px 0px 0px 2px; |
261 | border : none; |
262 | } |
263 | |
c9990331 |
264 | .menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box, |
265 | .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box, |
266 | .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box, |
267 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box |
1d798428 |
268 | { |
269 | background-color : #000000; |
270 | color : #8050B0; |
271 | padding : 1px; |
272 | border : none; |
273 | } |
274 | |
c9990331 |
275 | menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker |
1d798428 |
276 | { |
277 | /* padding-bottom : 17px; */ |
278 | padding-bottom : 24px; |
279 | } |
bd0fcaa8 |
280 | |
c9990331 |
281 | |
282 | |