1d798428 |
1 | |
2 | menubar |
3 | { |
4 | border-bottom : 3px solid #000000; |
5 | } |
6 | |
7 | menubar > .toolbar-holder |
8 | { |
9 | /* max-height is only important as long as we need to workaround bug 24998... */ |
10 | max-height : 17px; |
11 | padding-right : 18px; |
12 | background-color : #6000CF; |
13 | background-image : url("chrome://global/skin/menubar-endcap.gif"); |
14 | background-repeat : no-repeat; |
15 | background-position : right; |
16 | |
17 | /* THE FOLLOWING LINES ARE NOT WORKING THOUGH THEY SHOULD! BUG 24998 */ |
18 | /* -moz-border-radius : 0px 10px 10px 0px; |
19 | background-image : url("chrome://global/skin/toolbar-bg.gif"); |
20 | background-repeat : repeat-y; |
21 | background-position : right; |
22 | */ |
23 | } |
24 | |
25 | menubar > toolbargrippy |
26 | { |
27 | /* display : none; */ |
28 | } |
29 | |
30 | menu, menuitem |
31 | { |
32 | background-color : #000000; |
33 | color : #FF9F00; |
34 | vertical-align : middle; |
35 | } |
36 | |
37 | menuitem[default="true"] |
38 | { |
39 | font-weight : bold; |
40 | } |
41 | |
42 | menu[disabled="true"], menuitem[disabled="true"], |
43 | menu[menuactive="true"][disabled="true"], |
44 | menuitem[menuactive="true"][disabled="true"] |
45 | { |
46 | color : #8050B0; |
47 | } |
48 | |
49 | /* XXX menupopups have to have a color explicitly specified. this is a bug */ |
50 | menupopup, popup |
51 | { |
52 | background-color : #000000; |
53 | color : #FF9F00; |
54 | border : 1px solid #FF9F00; |
55 | } |
56 | |
57 | menupopup > menu, popup > menu, |
58 | menupopup > menuitem, popup > menuitem |
59 | { |
60 | max-width : 250px; |
61 | min-width : 125px; |
62 | margin-left : 0px; |
63 | margin-right : 0px; |
64 | margin-top : 0px; |
65 | margin-bottom : 0px; |
66 | } |
67 | |
68 | menuseparator |
69 | { |
70 | border : 1px solid #9C9CFF; |
71 | margin : 2px 2px 2px 2px; |
72 | } |
73 | |
74 | menubar > menu |
75 | { |
76 | -moz-border-radius : 0px; |
77 | border : 1px solid transparent; |
78 | padding : 2px 0px 2px 3px; |
79 | margin : 0px 2px 0px 2px; |
80 | } |
81 | |
82 | menupopup > menu, menupopup > menuitem, |
83 | popup > menu, popup > menuitem |
84 | { |
85 | -moz-border-radius : 0px; |
86 | padding : 2px; |
87 | } |
88 | |
89 | menubar > menu[menuactive="true"] |
90 | { |
91 | background-color : #FFCF00; |
92 | color : #000000; |
93 | border : 1px solid transparent; |
94 | } |
95 | |
96 | menubar > menu[menuactive="true"][open="true"] |
97 | { |
98 | background-color : #FF9F00; |
99 | color : #000000; |
100 | border : 1px solid transparent; |
101 | } |
102 | |
103 | menupopup > menu[menuactive="true"], |
104 | menupopup > menuitem[menuactive="true"], |
105 | popup > menu[menuactive="true"], |
106 | popup > menuitem[menuactive="true"] |
107 | { |
108 | background-color : #FFCF00; |
109 | color : #000000; |
110 | } |
111 | |
112 | /** |
113 | * Atomic sub-parts of standard menus |
114 | **/ |
115 | .menu-right |
116 | { |
117 | margin : 0px 0px 0px 6px; |
118 | width : 8px; |
119 | text-align : center; |
120 | list-style-image : url("chrome://global/skin/menu-arrow.gif"); |
121 | } |
122 | |
123 | .menu-right[disabled="true"] |
124 | { |
125 | list-style-image : url("chrome://global/skin/menu-arrow-disabled.gif"); |
126 | } |
127 | |
128 | .menu-right[menuactive="true"][disabled="true"] |
129 | { |
130 | list-style-image : url("chrome://global/skin/menu-arrow-disabled.gif"); |
131 | } |
132 | |
133 | .menu-right[menuactive="true"], |
134 | .menu-right[menuactive="true"][open="true"] |
135 | { |
136 | list-style-image : url("chrome://global/skin/menu-arrow-hover.gif"); |
137 | } |
138 | |
139 | .menu-iconic-left |
140 | { |
141 | color : inherit; |
142 | margin : 0px 2px 0px 0px; |
143 | width : 13px; |
144 | text-align : center; |
145 | list-style-image : inherit; |
146 | } |
147 | |
148 | .menubar-left |
149 | { |
150 | color : inherit; |
151 | margin : 0px 2px 0px 0px; |
152 | } |
153 | |
154 | .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel |
155 | { |
156 | color : inherit; |
157 | margin : 0px 2px 0px 0px; |
158 | } |
159 | |
160 | .menu-text |
161 | { |
162 | padding-left : 15px; |
163 | font-weight : inherit; |
164 | } |
165 | |
166 | .menu-accel |
167 | { |
168 | margin-left : 4px; |
169 | padding-right : 14px; |
170 | } |
171 | |
172 | .menu-iconic-accel |
173 | { |
174 | margin-left : 4px; |
175 | } |
176 | |
177 | .menubar-text |
178 | { |
179 | color : inherit; |
180 | margin-right : 2px; |
181 | } |
182 | |
183 | menuitem[checked="true"] |
184 | { |
185 | list-style-image : url("chrome://global/skin/menu-check.gif"); |
186 | } |
187 | |
188 | menuitem[checked="true"][disabled="true"] |
189 | { |
190 | list-style-image : url("chrome://global/skin/menu-check-disabled.gif"); |
191 | } |
192 | |
193 | menuitem[checked="true"][menuactive="true"] |
194 | { |
195 | list-style-image : url("chrome://global/skin/menu-check-hover.gif"); |
196 | } |
197 | |
198 | /** Tooltips (tooltip <popup> element) |
199 | * class="tooltip" |
200 | **/ |
201 | .tooltip |
202 | { |
203 | -moz-border-radius : 3px; |
204 | background-color : #9C9CFF; |
205 | border : 1px solid #FFCF00; |
206 | color : #000000; |
207 | font : smaller; |
208 | padding : 3px; |
209 | } |
210 | |
211 | /* |
212 | * Autorepeatbutton |
213 | */ |
214 | .autorepeatbutton-up { |
215 | list-style-image: url("chrome://global/skin/scroll-up.gif") |
216 | } |
217 | |
218 | .autorepeatbutton-down { |
219 | list-style-image: url("chrome://global/skin/scroll-down.gif") |
220 | } |
221 | |
222 | autorepeatbutton { |
223 | text-align: center; |
224 | vertical-align: middle; |
225 | } |
226 | |
227 | autorepeatbutton:hover { |
228 | background-color: #FFCF00; |
229 | } |