2 /** Standard toolbar buttons
3 * class="button-toolbar"
8 margin : 0px 1px 0px 1px;
10 /* font : 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */
15 .button-toolbar[toggled="true"]
17 background-color : #008484;
20 .button-toolbar[disabled="true"],
21 .button-toolbar[disabled="true"]:hover,
22 .button-toolbar[disabled="true"]:hover:active
27 .button-toolbar > .button-internal-box
30 padding : 1px 2px 1px 2px;
33 .button-toolbar:hover > .button-internal-box
36 padding : 1px 2px 1px 2px;
39 .button-toolbar:hover:active > .button-internal-box
42 padding : 2px 1px 0px 3px;
45 .button-toolbar[disabled="true"]:hover:active > .button-internal-box
48 padding : 1px 2px 1px 2px;
51 .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box
54 padding : 1px 2px 1px 2px;
57 .button-toolbar > .button-internal-box > .button-text-container
63 .button-toolbar > .button-internal-box > .button-text-container > .button-text
70 /** The largest type of toolbar buttons. In the Seamonkey implementation,
71 * these are only used in the navigation toolbar in the navigator package.
77 /* background-color : transparent;
81 margin : 0px 1px 0px 1px;
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
96 .button-toolbar-1 > .button-internal-box
99 vertical-align : middle;
102 .button-toolbar-1:hover > .button-internal-box
105 vertical-align : middle;
108 .button-toolbar-1:hover:active > .button-internal-box
111 vertical-align : middle;
112 padding : 2px 0px 0px 2px;
115 .button-toolbar-1 > .button-internal-box > .button-text-container
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.
127 /* background-color : transparent;
132 margin : 0px 1px 0px 1px;
139 .button-toolbar-2 > .button-internal-box
143 vertical-align : middle;
146 .button-toolbar-2:hover > .button-internal-box
152 .button-toolbar-2:hover:active > .button-internal-box
154 padding : 2px 0px 0px 2px;
158 .button-toolbar-2[disabled="true"] > .button-internal-box,
159 .button-toolbar-2[disabled="true"]:hover > .button-internal-box,
160 .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
166 /* text wrapper frame */
167 .button-toolbar-2 > .button-internal-box > .button-text-container
174 /** "Green" buttons, e.g. "Search"
175 * class="button-toolbar-3"
179 margin : 0px 1px 0px 1px;
181 /* background-color : #9999CC; */
185 .button-toolbar-3[disabled="true"],
186 .button-toolbar-3[disabled="true"]:hover,
187 .button-toolbar-3[disabled="true"]:hover:active
190 /* color : #CCCCCC; */
193 .button-toolbar-3 > .button-internal-box,
199 .button-toolbar-3:hover:active > .button-internal-box,
202 padding : 2px 0px 0px 2px;
205 /** Expanding Region Button **/
212 /* margin : 1px 5px 3px 1px; */
213 background-color : inherit;
214 list-style-image : url("chrome://global/skin/closedtwisty.gif");
217 button[open="true"].expander
219 list-style-image : url("chrome://global/skin/opentwisty.gif");
223 button.expander > .button-internal-box
226 background-color : inherit;
232 button.expander > .button-internal-box > .button-text-container > .button-text
235 text-decoration : underline;
238 button.expander:hover > .button-internal-box > .button-text-container > .button-text
244 * button styles for taskbar, sidebar headers, etc.
254 .button-toolbar-4:hover
256 text-decoration : none;
259 .button-toolbar-4:hover:active
261 text-decoration : none;
262 /* padding : 2px 0px 0px 2px; */
266 menubutton.button-toolbar-4
268 -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-single-right");
272 .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
274 list-style-image : url(chrome://global/skin/mb-single-arrow.gif);
278 .button-toolbar-4:hover > .menubutton-internal-box > .menubutton-single-icon,
279 .button-toolbar-4[open="true"] > .menubutton-internal-box > .menubutton-single-icon
281 list-style-image : url(chrome://global/skin/mb-single-arrow-hover.gif);
284 .button-toolbar-4 > .button-internal-box,
285 .button-toolbar-4 > .menubutton-internal-box
292 .button-toolbar-4:hover:active > .button-internal-box,
293 .button-toolbar-4:hover:active > .menubutton-internal-box
295 padding : 2px 0px 0px 4px;