|
1 /* This Source Code Form is subject to the terms of the Mozilla Public |
|
2 * License, v. 2.0. If a copy of the MPL was not distributed with this |
|
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4 |
|
5 /* ===== menu.css ======================================================= |
|
6 == Styles used by XUL menu-related elements. |
|
7 ======================================================================= */ |
|
8 |
|
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
|
10 |
|
11 /* ::::: menu/menuitem ::::: */ |
|
12 |
|
13 menu, |
|
14 menuitem, |
|
15 .splitmenu-menuitem { |
|
16 -moz-appearance: menuitem; |
|
17 -moz-box-align: center; |
|
18 color: MenuText; |
|
19 font: menu; |
|
20 list-style-image: none; |
|
21 -moz-image-region: auto; |
|
22 } |
|
23 |
|
24 menuitem[default="true"] { |
|
25 font-weight: bold; |
|
26 } |
|
27 |
|
28 menu[disabled="true"], |
|
29 menuitem[disabled="true"], |
|
30 .splitmenu-menuitem[disabled="true"], |
|
31 menu[_moz-menuactive="true"][disabled="true"], |
|
32 menuitem[_moz-menuactive="true"][disabled="true"], |
|
33 .splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] { |
|
34 color: GrayText; |
|
35 text-shadow: none; |
|
36 } |
|
37 |
|
38 @media (-moz-windows-classic) { |
|
39 menu[disabled="true"], |
|
40 menubar > menu[disabled="true"][_moz-menuactive="true"], |
|
41 menuitem[disabled="true"], |
|
42 .splitmenu-menuitem[disabled="true"] { |
|
43 color: ThreeDShadow; |
|
44 text-shadow: 1px 1px ThreeDHighlight; |
|
45 } |
|
46 } |
|
47 |
|
48 menuitem.spell-suggestion { |
|
49 font-weight: bold; |
|
50 } |
|
51 |
|
52 /* ..... internal content .... */ |
|
53 |
|
54 .menu-accel, |
|
55 .menu-iconic-accel, |
|
56 .menu-text, |
|
57 .menu-iconic-text { |
|
58 margin: 0px !important; |
|
59 padding: 1px 0px; |
|
60 color: inherit; |
|
61 } |
|
62 |
|
63 .menu-text { |
|
64 -moz-padding-start: 1.45em !important; |
|
65 -moz-appearance: menuitemtext; |
|
66 } |
|
67 |
|
68 .menu-text, |
|
69 .menu-iconic-text { |
|
70 font-weight: inherit; |
|
71 -moz-margin-start: 2px !important; |
|
72 -moz-padding-end: 2px; |
|
73 } |
|
74 |
|
75 .menu-description { |
|
76 font-style: italic; |
|
77 color: GrayText; |
|
78 -moz-margin-start: 1ex !important; |
|
79 } |
|
80 |
|
81 .menu-accel, |
|
82 .menu-iconic-accel { |
|
83 color: inherit; |
|
84 -moz-margin-start: 0.74em !important; |
|
85 -moz-margin-end: 1.35em !important; |
|
86 } |
|
87 |
|
88 .menu-iconic-left { |
|
89 min-width: 1.45em; |
|
90 } |
|
91 |
|
92 .menu-iconic-icon { |
|
93 width: 16px; |
|
94 height: 16px; |
|
95 } |
|
96 |
|
97 menu.menu-iconic > .menu-iconic-left, |
|
98 menuitem.menuitem-iconic > .menu-iconic-left, |
|
99 .splitmenu-menuitem[iconic="true"] > .menu-iconic-left { |
|
100 -moz-appearance: menuimage; |
|
101 padding-top: 2px; |
|
102 } |
|
103 |
|
104 /* ..... menu arrow box ..... */ |
|
105 |
|
106 .menu-right { |
|
107 -moz-appearance: menuarrow; |
|
108 -moz-margin-end: -2px; |
|
109 list-style-image: none; |
|
110 min-width: 1.28em; |
|
111 padding-top: 1px; |
|
112 } |
|
113 |
|
114 /* ::::: menu/menuitems in menubar ::::: */ |
|
115 |
|
116 menubar > menu { |
|
117 border: 2px solid transparent; |
|
118 } |
|
119 |
|
120 menubar > menu[_moz-menuactive="true"]:not([disabled="true"]) { |
|
121 color: -moz-menubarhovertext; |
|
122 } |
|
123 |
|
124 menubar > menu[_moz-menuactive="true"][open="true"] { |
|
125 border-width: 3px 1px 1px 3px; |
|
126 } |
|
127 |
|
128 menubar > menu:-moz-lwtheme { |
|
129 -moz-appearance: none; |
|
130 border-style: none; |
|
131 } |
|
132 |
|
133 menubar > menu:-moz-lwtheme:not([disabled="true"]) { |
|
134 color: inherit !important; |
|
135 } |
|
136 |
|
137 menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]) { |
|
138 background-color: Highlight; |
|
139 color: HighlightText !important; |
|
140 text-shadow: none; |
|
141 } |
|
142 |
|
143 %ifdef XP_WIN |
|
144 menubar > menu:-moz-window-inactive { |
|
145 color: ThreeDShadow; |
|
146 } |
|
147 %endif |
|
148 |
|
149 /* ..... internal content .... */ |
|
150 |
|
151 .menubar-left { |
|
152 color: inherit; |
|
153 } |
|
154 |
|
155 .menubar-text { |
|
156 margin: 1px 6px 2px 6px !important; |
|
157 color: inherit; |
|
158 } |
|
159 |
|
160 /* ::::: menu/menuitems in popups ::::: */ |
|
161 |
|
162 menupopup > menu, |
|
163 menupopup > menuitem { |
|
164 max-width: 42em; |
|
165 } |
|
166 |
|
167 menu[_moz-menuactive="true"], |
|
168 menuitem[_moz-menuactive="true"], |
|
169 .splitmenu-menuitem[_moz-menuactive="true"] { |
|
170 background-color: -moz-menuhover; |
|
171 color: -moz-menuhovertext; |
|
172 } |
|
173 |
|
174 /* ::::: menu/menuitems in menulist popups ::::: */ |
|
175 |
|
176 .menulist-menupopup > menuitem, |
|
177 menulist > menupopup > menuitem, |
|
178 .menulist-menupopup > menu, |
|
179 menulist > menupopup > menu { |
|
180 -moz-appearance: none; |
|
181 border: 1px solid transparent; |
|
182 -moz-padding-start: 5px; |
|
183 -moz-padding-end: 5px; |
|
184 max-width: none; |
|
185 font: message-box; |
|
186 color: -moz-FieldText; |
|
187 } |
|
188 |
|
189 .menulist-menupopup > menuitem[_moz-menuactive="true"], |
|
190 menulist > menupopup > menuitem[_moz-menuactive="true"], |
|
191 .menulist-menupopup > menu[_moz-menuactive="true"], |
|
192 menulist > menupopup > menu[_moz-menuactive="true"] { |
|
193 background-color: highlight; |
|
194 color: highlighttext; |
|
195 } |
|
196 |
|
197 .menulist-menupopup > menuitem > .menu-iconic-left, |
|
198 menulist > menupopup > menuitem > .menu-iconic-left, |
|
199 .menulist-menupopup > menu > .menu-iconic-left, |
|
200 menulist > menupopup > menu > .menu-iconic-left { |
|
201 display: none; |
|
202 padding-top: 0px; |
|
203 } |
|
204 |
|
205 .menulist-menupopup > menuitem > label, |
|
206 menulist > menupopup > menuitem > label, |
|
207 .menulist-menupopup > menu > label, |
|
208 menulist > menupopup > menu > label { |
|
209 padding-top: 0px; |
|
210 padding-bottom: 0px; |
|
211 } |
|
212 |
|
213 menulist:-moz-focusring > menupopup > menuitem[_moz-menuactive="true"] { |
|
214 border: 1px dotted #F5DB95; |
|
215 } |
|
216 |
|
217 menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] { |
|
218 color: GrayText; |
|
219 } |
|
220 |
|
221 menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]):-moz-system-metric(windows-classic) { |
|
222 color: GrayText; |
|
223 text-shadow: none; |
|
224 } |
|
225 |
|
226 menulist > menupopup > menuitem:not(.menuitem-iconic) > .menu-iconic-text { |
|
227 margin: 0 !important; |
|
228 } |
|
229 |
|
230 /* ::::: checkbox and radio menuitems ::::: */ |
|
231 |
|
232 menuitem[type="checkbox"], |
|
233 menuitem[checked="true"] { |
|
234 -moz-appearance: checkmenuitem; |
|
235 } |
|
236 menuitem[type="checkbox"] > .menu-iconic-left, |
|
237 menuitem[checked="true"] > .menu-iconic-left { |
|
238 -moz-appearance: menucheckbox; |
|
239 padding-top: 0px; |
|
240 } |
|
241 |
|
242 menuitem[type="radio"] { |
|
243 -moz-appearance: radiomenuitem; |
|
244 } |
|
245 menuitem[type="radio"] > .menu-iconic-left { |
|
246 -moz-appearance: menuradio; |
|
247 padding-top: 0px; |
|
248 } |
|
249 |
|
250 menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, |
|
251 menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, |
|
252 menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { |
|
253 /* prevent .menu-iconic-icon from enforcing a minimal height of 16px (see bug 411064) |
|
254 XXXzeniko apply that .menu-iconic-icon rule only for children of .menu-iconic */ |
|
255 display: none; |
|
256 } |
|
257 |
|
258 /* ::::: menuseparator ::::: */ |
|
259 |
|
260 menuseparator { |
|
261 -moz-appearance: menuseparator; |
|
262 padding: 3px 1px 4px 1px; |
|
263 border-top: 1px solid ThreeDShadow; |
|
264 border-bottom: 1px solid ThreeDHighlight; |
|
265 } |
|
266 |
|
267 menulist > menupopup > menuseparator, |
|
268 .menulist-menupopup > menuseparator { |
|
269 padding: 6px 0 5px 0; |
|
270 border-top: 1px solid #000000; |
|
271 border-bottom: none; |
|
272 } |
|
273 |
|
274 /* ::::: autocomplete ::::: */ |
|
275 |
|
276 .autocomplete-history-popup > menuitem { |
|
277 max-width: none !important; |
|
278 font: message-box; |
|
279 } |
|
280 |
|
281 /* ::::: tree column picker ::::: */ |
|
282 |
|
283 .treecell-popupcell-menu { |
|
284 -moz-margin-start: -2px; |
|
285 list-style-image: url("chrome://global/skin/columnselect.gif"); |
|
286 -moz-image-region: auto; |
|
287 } |