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; |
5eb731b0 |
34 | color : #E7ADE7; |
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 | { |
8b168888 |
118 | -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex"); |
c9990331 |
119 | /* -moz-user-focus : ignore !important; */ |
120 | } |
121 | |
122 | .menubutton-dual.left |
123 | { |
8b168888 |
124 | -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left"); |
c9990331 |
125 | /* -moz-user-focus : none !important; */ |
126 | } |
127 | |
128 | |
129 | |
130 | .menubutton-dual |
1d798428 |
131 | { |
132 | font-size : smaller; |
133 | } |
134 | |
170fdc38 |
135 | /* Mail & Co. */ |
c9990331 |
136 | |
170fdc38 |
137 | .menubutton-dual.toolbar |
1d798428 |
138 | { |
170fdc38 |
139 | min-width : 32px; |
140 | min-height : 32px; |
141 | max-height : 40px; |
142 | margin : 0px 1px 0px 1px; |
143 | padding : 0px; |
144 | font-size : smaller; |
145 | border : none; |
1d798428 |
146 | } |
147 | |
170fdc38 |
148 | .menubutton-dual.toolbar > button > .button-internal-box |
1d798428 |
149 | { |
170fdc38 |
150 | min-width : 32px; |
151 | min-height : 32px; |
152 | max-height : 40px; |
153 | border : none; |
1d798428 |
154 | } |
155 | |
c9990331 |
156 | |
157 | .menubutton-dual-ex-button > .button-internal-box > .button-text-container |
1d798428 |
158 | { |
159 | padding-top : 3px; |
7ff5b526 |
160 | -moz-box-pack : center; |
1d798428 |
161 | } |
162 | |
c9990331 |
163 | |
164 | |
165 | .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box |
1d798428 |
166 | { |
167 | padding : 1px; |
168 | border : none; |
169 | -moz-border-radius : 3px 0px 0px 3px; |
170 | } |
171 | |
c9990331 |
172 | .menubutton-dual-ex-button |
173 | { |
174 | margin : 0px; |
175 | } |
176 | |
177 | .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box, |
178 | .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box |
1d798428 |
179 | { |
180 | background-color : #FFCF00; |
181 | color : #000000; |
182 | padding : 1px; |
183 | border : none; |
184 | } |
185 | |
c9990331 |
186 | .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box, |
187 | .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box |
1d798428 |
188 | { |
189 | background-color : #FFCF00; |
190 | color : #000000; |
191 | padding : 2px 0px 0px 2px; |
192 | border : none; |
193 | } |
194 | |
c9990331 |
195 | .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box |
1d798428 |
196 | { |
197 | background-color : #FF9F00; |
198 | color : #000000; |
199 | padding : 2px 0px 0px 2px; |
200 | border : none; |
201 | } |
202 | |
c9990331 |
203 | .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box, |
204 | .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box, |
205 | .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box, |
206 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box, |
207 | .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box |
1d798428 |
208 | { |
209 | background-color : #000000; |
210 | color : #8050B0; |
211 | padding : 1px; |
212 | border : none; |
213 | } |
214 | |
c9990331 |
215 | |
216 | |
217 | .menubutton-dual > .menubutton-dual-dropmarker-box |
1d798428 |
218 | { |
219 | -moz-border-radius : 0px 3px 3px 0px; |
220 | padding : 1px; |
221 | border : none; |
222 | } |
223 | |
c9990331 |
224 | .menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box, |
225 | .menubutton-dual:hover > .menubutton-dual-dropmarker-box, |
226 | .menubutton-dual > .menubutton-dual-dropmarker-box:hover, |
227 | .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box |
1d798428 |
228 | { |
229 | background-color : #FFCF00; |
230 | color : #000000; |
231 | padding : 1px; |
232 | border : none; |
233 | } |
234 | |
c9990331 |
235 | .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box |
1d798428 |
236 | { |
237 | background-color : #FFCF00; |
238 | color : #000000; |
239 | padding : 2px 0px 0px 2px; |
240 | border : none; |
241 | } |
242 | |
c9990331 |
243 | .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box |
1d798428 |
244 | { |
245 | background-color : #FF9F00; |
246 | color : #000000; |
247 | padding : 2px 0px 0px 2px; |
248 | border : none; |
249 | } |
250 | |
c9990331 |
251 | .menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box, |
252 | .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box, |
253 | .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box, |
254 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box |
1d798428 |
255 | { |
256 | background-color : #000000; |
257 | color : #8050B0; |
258 | padding : 1px; |
259 | border : none; |
260 | } |
261 | |
c9990331 |
262 | menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker |
1d798428 |
263 | { |
264 | /* padding-bottom : 17px; */ |
265 | padding-bottom : 24px; |
266 | } |
7ff5b526 |
267 | |