2 /** Styles applying to items in a button-toolbar-3 style menu
3 * menuitem class="button-toolbar-3"
5 .button-toolbar-3 > .menubutton-icon-internal-box
10 .button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
11 .button-toolbar-3:hover:active > .menubutton-icon-internal-box
16 menuitem.button-toolbar-3
21 .button-toolbar-3[menuactive="true"]
26 /** menubuttons on generic grey toolbars
27 * class="button-toolbar"
29 .button-toolbar > .menubutton-internal-box
31 -moz-border-radius : 3px;
32 padding : 1px 2px 1px 2px;
33 background-color : #000000;
38 .button-toolbar:hover > .menubutton-internal-box
40 background-color : #FFCF00;
42 padding : 1px 2px 1px 2px;
45 .button-toolbar:hover:active > .menubutton-internal-box
47 background-color : #FFCF00;
49 padding : 2px 1px 0px 3px;
52 .button-toolbar[open="true"] > .menubutton-internal-box
54 background-color : #FF9F00;
56 padding : 2px 1px 0px 3px;
59 /** menubuttons on taskbar
60 * class="button-toolbar-4"
67 .button-toolbar-4 > .menubutton-internal-box
69 -moz-border-radius : 3px;
71 padding : 1px 2px 1px 2px;
74 .button-toolbar-4:hover > .menubutton-internal-box
76 background-color : #FFCF00;
78 padding : 1px 2px 1px 2px;
81 .button-toolbar-4:hover:active > .menubutton-internal-box
83 background-color : #FFCF00;
85 padding : 2px 1px 0px 3px;
88 .button-toolbar-4[open="true"] > .menubutton-internal-box
90 background-color : #FF9F00;
92 padding : 2px 1px 0px 3px;
95 .button-toolbar-4:hover:active,
96 .button-toolbar-4[open="true"]
102 * Navigation bar style menubuttons
105 /* This is really a hack to deal with buggy :hover - but it's now in toolkit (see below, taken from classic) */
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.
118 -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex");
119 /* -moz-user-focus : ignore !important; */
122 .menubutton-dual.left
124 -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left");
125 /* -moz-user-focus : none !important; */
137 .menubutton-dual.toolbar
142 margin : 0px 1px 0px 1px;
148 .menubutton-dual.toolbar > button > .button-internal-box
157 .menubutton-dual-ex-button > .button-internal-box > .button-text-container
165 .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
169 -moz-border-radius : 3px 0px 0px 3px;
172 .menubutton-dual-ex-button
177 .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box,
178 .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box
180 background-color : #FFCF00;
186 .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box,
187 .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box
189 background-color : #FFCF00;
191 padding : 2px 0px 0px 2px;
195 .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box
197 background-color : #FF9F00;
199 padding : 2px 0px 0px 2px;
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
209 background-color : #000000;
217 .menubutton-dual > .menubutton-dual-dropmarker-box
219 -moz-border-radius : 0px 3px 3px 0px;
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
229 background-color : #FFCF00;
235 .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box
237 background-color : #FFCF00;
239 padding : 2px 0px 0px 2px;
243 .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
245 background-color : #FF9F00;
247 padding : 2px 0px 0px 2px;
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
256 background-color : #000000;
262 menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
264 /* padding-bottom : 17px; */
265 padding-bottom : 24px;