c9990331 |
1 | |
2 | /* outermost frame */ |
3 | menubutton |
4 | { |
5 | margin : 0px 1px 0px 1px; |
6 | -moz-border-radius : 3px; |
7 | background-color : #000000; |
8 | color : #E7ADE7; |
9 | border : none; |
10 | } |
11 | |
12 | menubutton[disabled="true"] |
13 | { |
14 | color : #8050B0; |
15 | } |
16 | |
17 | menubutton > .menubutton-internal-box |
18 | { |
19 | border : none; |
20 | padding : 0px; |
21 | vertical-align : middle; |
22 | } |
23 | |
24 | .menubutton-single-icon |
25 | { |
26 | margin-right : 3px; |
27 | } |
28 | |
29 | /** "Dual Functionality" menubutton |
30 | * Has a popup spawning button and a command invoking button, e.g. back/forward |
31 | * class="menubutton-dual" |
32 | **/ |
33 | |
34 | /* inner button */ |
35 | |
36 | menubutton > .menubutton-internal-box > .menubutton-dual-button, |
37 | menubutton:hover > .menubutton-internal-box > .menubutton-dual-button, |
38 | menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button, |
39 | menubutton:active > .menubutton-internal-box > .menubutton-dual-button |
40 | { |
41 | border : none; |
42 | margin : 0px; |
43 | -moz-border-radius : 3px; |
44 | } |
45 | |
46 | menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box |
47 | { |
48 | border : 1px solid #9C9CFF; |
49 | margin : 0px |
50 | } |
51 | |
52 | menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box, |
53 | menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box |
54 | { |
55 | border : 1px solid #FF9F00; |
56 | } |
57 | |
58 | menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box |
59 | { |
60 | border : 1px solid #FFCF00; |
61 | } |
62 | |
63 | menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box, |
64 | menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box, |
65 | menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box |
66 | { |
67 | border : 1px solid #8050B0; |
68 | } |
69 | |
70 | /* inner dropmarker */ |
71 | menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box |
72 | { |
73 | -moz-border-radius : 3px; |
74 | border : 1px solid #9C9CFF; |
75 | padding : 0px 2px 0px 2px; |
76 | } |
77 | |
78 | menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box, |
79 | menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box |
80 | { |
81 | border : 1px solid #8050B0; |
82 | } |
83 | |
84 | menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box |
85 | { |
86 | border : 1px solid #FF9F00; |
87 | } |
88 | |
89 | menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box |
90 | { |
91 | border : 1px solid #FFCF00; |
92 | padding : 1px 1px -1px 3px; |
93 | } |
94 | |
95 | .menubutton-dual-dropmarker-box > .menubutton-dropmarker |
96 | { |
97 | border : none; |
98 | list-style-image : url("chrome://global/skin/scroll-down.gif"); |
99 | } |
100 | |
101 | menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
102 | menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
103 | menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
104 | .menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"], |
105 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
106 | .menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker |
107 | { |
108 | list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); |
109 | } |
110 | |
111 | menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
112 | menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
113 | menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
114 | .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
115 | .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, |
116 | .menubutton-dual:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker |
117 | { |
118 | list-style-image : url("chrome://global/skin/scroll-down-hover.gif"); |
119 | } |
120 | |
121 | /** Icon only menubutton.menubutton-duals |
122 | * class="menubutton.menubutton-dual-icon" |
123 | **/ |
124 | .menubutton.menubutton-dual-icon |
125 | { |
126 | border : none; |
127 | background-color : #000000; |
128 | } |
129 | |
130 | .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box |
131 | { |
132 | border : none; |
133 | padding : 1px; |
134 | } |
135 | |
136 | .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box |
137 | { |
138 | background-color : #FFCF00; |
139 | border : none; |
140 | padding : 1px; |
141 | } |
142 | |
143 | .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box, |
144 | .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box |
145 | { |
146 | background-color : #FF9F00; |
147 | border : none; |
148 | padding : 2px 0px 0px 2px; |
149 | } |
150 | |
151 | .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box, |
152 | .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box, |
153 | .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box |
154 | { |
155 | background-color : #FFCF00; |
156 | border : none; |
157 | padding : 2px 0px 0px 2px; |
158 | } |
159 | |
160 | /** Icon only menubuttons |
161 | * class="menubutton.menubutton-icon" |
162 | **/ |
163 | .menubutton-icon |
164 | { |
165 | border : none; |
166 | background-color : #000000; |
167 | } |
168 | |
169 | .menubutton-icon > .menubutton-icon-internal-box |
170 | { |
171 | padding : 1px; |
172 | } |
173 | |
174 | .menubutton-icon:hover > .menubutton-icon-internal-box |
175 | { |
176 | background-color : #FFCF00; |
177 | padding : 1px; |
178 | } |
179 | |
180 | .menubutton-icon:hover:active > .menubutton-icon-internal-box, |
181 | .menubutton-icon[open="true"] > .menubutton-icon-internal-box |
182 | { |
183 | background-color : #FF9F00; |
184 | padding : 2px 0px 0px 2px; |
185 | } |
186 | |
187 | .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box, |
188 | .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box, |
189 | .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box |
190 | { |
191 | background-color : #FFCF00; |
192 | padding : 2px 0px 0px 2px; |
193 | } |
194 | |
195 | |
196 | |
197 | |