2 /* outermost frame */
\r
5 margin : 0px 1px 0px 1px;
\r
6 -moz-border-radius : 3px;
\r
7 background-color : #000000;
\r
12 menubutton[disabled="true"]
\r
17 menubutton > .menubutton-internal-box
\r
21 vertical-align : middle;
\r
24 .menubutton-single-icon
\r
29 /** "Dual Functionality" menubutton
\r
30 * Has a popup spawning button and a command invoking button, e.g. back/forward
\r
31 * class="menubutton-dual"
\r
36 menubutton > .menubutton-internal-box > .menubutton-dual-button,
\r
37 menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,
\r
38 menubutton:active > .menubutton-internal-box > .menubutton-dual-button
\r
42 -moz-border-radius : 3px;
\r
45 menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
\r
47 border : 1px solid #9C9CFF;
\r
51 menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
\r
52 menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
\r
54 border : 1px solid #FF9F00;
\r
57 menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
\r
59 border : 1px solid #FFCF00;
\r
62 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
\r
63 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
\r
64 menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
\r
66 border : 1px solid #8050B0;
\r
69 /* inner dropmarker */
\r
70 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box
\r
72 -moz-border-radius : 3px;
\r
73 border : 1px solid #9C9CFF;
\r
74 padding : 0px 2px 0px 2px;
\r
77 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
\r
78 menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
\r
80 border : 1px solid #8050B0;
\r
83 menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
\r
85 border : 1px solid #FF9F00;
\r
88 menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
\r
90 border : 1px solid #FFCF00;
\r
91 padding : 1px 1px -1px 3px;
\r
94 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
\r
97 list-style-image : url("chrome://global/skin/scroll-down.gif");
\r
100 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
\r
101 menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
\r
102 menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
\r
104 list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
\r
107 menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
\r
108 menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
\r
109 menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
\r
111 list-style-image : url("chrome://global/skin/scroll-down-hover.gif");
\r
114 /** Icon only menubutton.menubutton-duals
\r
115 * class="menubutton.menubutton-dual-icon"
\r
117 .menubutton.menubutton-dual-icon
\r
120 background-color : #000000;
\r
123 .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
\r
129 .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box
\r
131 background-color : #FFCF00;
\r
136 .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
\r
137 .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
\r
139 background-color : #FF9F00;
\r
141 padding : 2px 0px 0px 2px;
\r
144 .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,
\r
145 .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,
\r
146 .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box
\r
148 background-color : #FFCF00;
\r
150 padding : 2px 0px 0px 2px;
\r
153 /** Icon only menubuttons
\r
154 * class="menubutton.menubutton-icon"
\r
159 background-color : #000000;
\r
162 .menubutton-icon > .menubutton-icon-internal-box
\r
167 .menubutton-icon:hover > .menubutton-icon-internal-box
\r
169 background-color : #FFCF00;
\r
173 .menubutton-icon:hover:active > .menubutton-icon-internal-box,
\r
174 .menubutton-icon[open="true"] > .menubutton-icon-internal-box
\r
176 background-color : #FF9F00;
\r
177 padding : 2px 0px 0px 2px;
\r
180 .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,
\r
181 .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,
\r
182 .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box
\r
184 background-color : #FFCF00;
\r
185 padding : 2px 0px 0px 2px;
\r