|
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 max-width: 42em; |
|
19 color: MenuText; |
|
20 font: menu; |
|
21 list-style-image: none; |
|
22 -moz-image-region: auto; |
|
23 } |
|
24 |
|
25 menuitem[default="true"] { |
|
26 font-weight: bold; |
|
27 } |
|
28 |
|
29 menu[_moz-menuactive="true"], |
|
30 menuitem[_moz-menuactive="true"], |
|
31 .splitmenu-menuitem[_moz-menuactive="true"] { |
|
32 color: -moz-menuhovertext; |
|
33 background-color: -moz-menuhover; |
|
34 } |
|
35 |
|
36 menu[disabled="true"], |
|
37 menuitem[disabled="true"], |
|
38 .splitmenu-menuitem[disabled="true"] { |
|
39 color: GrayText; |
|
40 } |
|
41 |
|
42 menubar > menu { |
|
43 padding: 0px 4px; |
|
44 color: -moz-menubartext; |
|
45 } |
|
46 |
|
47 menubar:-moz-lwtheme > menu { |
|
48 text-shadow: none; |
|
49 } |
|
50 |
|
51 menubar:-moz-lwtheme > menu:not([open="true"]) { |
|
52 color: inherit; |
|
53 text-shadow: inherit; |
|
54 } |
|
55 |
|
56 menubar > menu[_moz-menuactive="true"]:not([open]):not([disabled="true"]):not(:-moz-lwtheme) { |
|
57 color: -moz-menubartext; |
|
58 } |
|
59 |
|
60 menubar > menu[open] { |
|
61 color: -moz-menubarhovertext; |
|
62 background-color: -moz-menuhover; |
|
63 } |
|
64 menuitem.spell-suggestion { |
|
65 font-weight:bold; |
|
66 } |
|
67 |
|
68 /* ::::: menu/menuitems in menulist popups ::::: */ |
|
69 |
|
70 .menulist-menupopup > menuitem, |
|
71 menulist > menupopup > menuitem, |
|
72 .menulist-menupopup > menu, |
|
73 menulist > menupopup > menu { |
|
74 padding: 1px 5px; |
|
75 max-width: none; |
|
76 font: message-box; |
|
77 } |
|
78 |
|
79 /* ..... internal content .... */ |
|
80 |
|
81 .menu-text, |
|
82 .menu-iconic-left, |
|
83 .menu-iconic-text { |
|
84 margin-top: 0px !important; |
|
85 margin-bottom: 0px !important; |
|
86 -moz-margin-start: 0px !important; |
|
87 -moz-margin-end: 2px !important; |
|
88 color: inherit; |
|
89 } |
|
90 |
|
91 .menu-text { |
|
92 /* This is (18 + the size of end-padding on .menu-iconic-left)px */ |
|
93 -moz-margin-start: 21px !important; |
|
94 font-weight: inherit; |
|
95 } |
|
96 |
|
97 .menu-description { |
|
98 font-style: italic; |
|
99 color: GrayText; |
|
100 -moz-margin-start: 1ex !important; |
|
101 } |
|
102 |
|
103 .menu-accel, |
|
104 .menu-iconic-accel { |
|
105 margin-top: 0px !important; |
|
106 margin-bottom: 0px !important; |
|
107 -moz-margin-start: 7px !important; |
|
108 color: inherit; |
|
109 } |
|
110 |
|
111 .menu-accel-container { |
|
112 -moz-box-pack: end; |
|
113 } |
|
114 |
|
115 .menu-iconic-left { |
|
116 width: 16px; |
|
117 /* We can only hardcode this, to make the default GTK icon<->label spacing */ |
|
118 -moz-padding-end: 3px !important; |
|
119 } |
|
120 |
|
121 .menu-iconic-icon { |
|
122 width: 16px; |
|
123 height: 16px; |
|
124 } |
|
125 |
|
126 .menu-right { |
|
127 margin-top: 0px; |
|
128 margin-bottom: 0px; |
|
129 -moz-margin-start: 6px; |
|
130 -moz-margin-end: 0px; |
|
131 width: 1ex; |
|
132 height: 1ex; |
|
133 /* These next two rules are needed to prevent inheritance and thus ugliness */ |
|
134 list-style-image: none; |
|
135 -moz-image-region: auto; |
|
136 -moz-appearance: menuarrow; |
|
137 } |
|
138 |
|
139 .menubar-left { |
|
140 margin-top: 0px; |
|
141 margin-bottom: 0px; |
|
142 -moz-margin-start: 0px; |
|
143 -moz-margin-end: 2px; |
|
144 color: inherit; |
|
145 } |
|
146 |
|
147 .menubar-text { |
|
148 margin: 0 1px !important; |
|
149 color: inherit; |
|
150 } |
|
151 |
|
152 |
|
153 .menulist-menupopup > menuitem > .menu-iconic-left, |
|
154 menulist > menupopup > menuitem > .menu-iconic-left, |
|
155 .menulist-menupopup > menu > .menu-iconic-left, |
|
156 menulist > menupopup > menu > .menu-iconic-left { |
|
157 display: none; |
|
158 } |
|
159 |
|
160 /* ::::: checkbox menuitem ::::: */ |
|
161 |
|
162 menuitem[checked="true"] { |
|
163 -moz-appearance: checkmenuitem !important; |
|
164 } |
|
165 |
|
166 menuitem[type="checkbox"] { |
|
167 -moz-appearance: checkmenuitem !important; |
|
168 } |
|
169 |
|
170 /* ::::: radio menuitem ::::: */ |
|
171 |
|
172 menuitem[type="radio"] { |
|
173 -moz-appearance: radiomenuitem !important; |
|
174 } |
|
175 |
|
176 /* ::::: menuseparator ::::: */ |
|
177 |
|
178 menuseparator { |
|
179 -moz-appearance: menuseparator !important; |
|
180 margin: 2px 0; |
|
181 border-top: 1px solid ThreeDShadow; |
|
182 border-bottom: 1px solid ThreeDHighlight; |
|
183 } |
|
184 |
|
185 menulist > menupopup > menuseparator, |
|
186 .menulist-menupopup > menuseparator { |
|
187 border-top: 1px solid #000000; |
|
188 border-bottom: none; |
|
189 } |
|
190 |
|
191 /* ::::: autocomplete ::::: */ |
|
192 |
|
193 .autocomplete-history-popup > menuitem { |
|
194 max-width: none !important; |
|
195 font: message-box; |
|
196 } |
|
197 |
|
198 /* ::::: tree column picker ::::: */ |
|
199 |
|
200 .treecell-popupcell-menu { |
|
201 -moz-margin-start: -2px; |
|
202 list-style-image: url("chrome://global/skin/columnselect.gif"); |
|
203 -moz-image-region: auto; |
|
204 } |