f8220d063a7b4728515ec7591b5177f6aea94219
[themes.git] / EarlyBlue / global / menu.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Mozilla Public License Version
5  * 1.1 (the "License"); you may not use this file except in compliance with
6  * the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/MPL/
8  *
9  * Software distributed under the License is distributed on an "AS IS" basis,
10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11  * for the specific language governing rights and limitations under the
12  * License.
13  *
14  * The Original Code is "Classic" theme of mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is
17  * the Mozilla Organization.
18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Robert Kaiser <KaiRo@KaiRo.at>
23  *
24  * Alternatively, the contents of this file may be used under the terms of
25  * either the GNU General Public License Version 2 or later (the "GPL"), or
26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27  * in which case the provisions of the GPL or the LGPL are applicable instead
28  * of those above. If you wish to allow use of your version of this file only
29  * under the terms of either the GPL or the LGPL, and not to allow others to
30  * use your version of this file under the terms of the MPL, indicate your
31  * decision by deleting the provisions above and replace them with the notice
32  * and other provisions required by the GPL or the LGPL. If you do not delete
33  * the provisions above, a recipient may use your version of this file under
34  * the terms of any one of the MPL, the GPL or the LGPL.
35  *
36  * ***** END LICENSE BLOCK ***** */
37
38 /* ===== menu.css =======================================================
39   == Styles used by XUL menu-related elements.
40   ======================================================================= */
41
42 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
43
44 /* ::::: menu/menuitem ::::: */
45
46 menu,
47 menuitem,
48 .splitmenu-menuitem {
49   -moz-box-align: center;
50   max-width: 42em;
51   color: #000000;
52   list-style-image: none;
53 }
54
55 menuitem[default="true"] {
56   font-weight: bold;
57 }
58
59 menu[_moz-menuactive="true"],
60 menuitem[_moz-menuactive="true"],
61 .splitmenu-menuitem[_moz-menuactive="true"] {
62   background-color: #336699;
63   color: #FFFFFF;
64 }
65
66 menu[disabled="true"],
67 menuitem[disabled="true"],
68 .splitmenu-menuitem[disabled="true"],
69 menu[_moz-menuactive="true"][disabled="true"],
70 menuitem[_moz-menuactive="true"][disabled="true"],
71 .splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
72   color: #999999;
73 }
74
75 menubar > menu {
76   padding: 2px 0px;
77   -moz-padding-start: 3px;
78   margin: 0px 2px;
79   -moz-margin-start: 0px;
80   border: 1px solid #CCD0DD;
81 }
82
83 menubar > menu[_moz-menuactive="true"] {
84   background-color: #CCD0DD;
85   color: #000000;
86   border: 1px outset #CCD0DD;
87 }
88
89 menubar > menu[open] {
90   background-color: #CCD0DD;
91   color: #000000;
92   border: 1px inset #CCD0DD;
93 }
94
95 menubar > menu:-moz-lwtheme {
96   -moz-appearance: none;
97 }
98
99 menubar > menu:-moz-window-inactive {
100   color: #808080;
101 }
102
103 menuitem.spell-suggestion {
104   font-weight: bold;
105 }
106
107 /* ::::: menu/menuitems in popups ::::: */
108
109 menupopup > menu,
110 popup > menu,
111 menupopup > menuitem,
112 popup > menuitem {
113   padding: 2px;
114 }
115
116 /* ::::: menu/menuitems in menulist popups ::::: */
117
118 .menulist-menupopup > menuitem,
119 menulist > menupopup > menuitem,
120 .menulist-menupopup > menu,
121 menulist > menupopup > menu {
122   padding: 1px 5px;
123   max-width: none;
124 }
125
126 /* ..... internal content .... */
127
128 .menu-text,
129 .menu-iconic-left,
130 .menu-iconic-text {
131   margin-top: 0px !important;
132   margin-bottom: 0px !important;
133   -moz-margin-start: 0px !important;
134   -moz-margin-end: 2px !important;
135   color: inherit;
136 }
137
138 .menu-text {
139   -moz-margin-start: 18px !important;
140   font-weight: inherit;
141 }
142
143 .menu-description {
144   font-style: italic;
145   color: #808080;
146   -moz-margin-start: 1ex !important;
147 }
148
149 .menu-accel,
150 .menu-iconic-accel {
151   margin-top: 0px !important;
152   margin-bottom: 0px !important;
153   -moz-margin-start: 7px !important;
154   -moz-margin-end: 2px !important;
155   -moz-padding-end: 14px;
156   color: inherit;
157 }
158
159 .menu-iconic-icon {
160 /*
161   width: 16px;
162   height: 16px;
163 */
164 }
165
166 .menu-iconic-left {
167   width: 16px;
168 }
169
170 .menu-right {
171   margin-top: 0px;
172   margin-bottom: 0px;
173   -moz-margin-start: 3px;
174   -moz-margin-end: 0px;
175   width: 8px;
176   list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
177   -moz-image-region: auto;
178 }
179
180 .menu-right[_moz-menuactive="true"] {
181   list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
182 }
183
184 .menu-right[disabled="true"] {
185   list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
186 }
187
188 .menu-right:-moz-locale-dir(rtl) {
189   list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
190 }
191
192 .menu-right:-moz-locale-dir(rtl)[_moz-menuactive="true"] {
193   list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
194 }
195
196 .menu-right:-moz-locale-dir(rtl)[disabled="true"] {
197   list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
198 }
199
200 .menubar-left {
201   margin-top: 0px;
202   margin-bottom: 0px;
203   -moz-margin-start: 0px;
204   -moz-margin-end: 2px;
205   color: inherit;
206 }
207
208 .menubar-text {
209   margin: 0 1px !important;
210   color: inherit;
211 }
212
213 .menulist-menupopup > menuitem > .menu-iconic-left,
214 menulist > menupopup > menuitem > .menu-iconic-left,
215 .menulist-menupopup > menu > .menu-iconic-left,
216 menulist > menupopup > menu > .menu-iconic-left {
217   display: none;
218 }
219
220 /* ::::: checkbox menuitem ::::: */
221
222 menuitem[checked="true"] { /* [type="checkbox"] */
223   list-style-image: url("chrome://global/skin/menu/menu-check.gif");
224 }
225
226 menuitem[checked="true"][_moz-menuactive="true"] {
227   list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
228 }
229
230 menuitem[checked="true"][disabled="true"] {
231   list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
232 }
233
234 /* ::::: radio menuitem ::::: */
235
236 menuitem[checked="true"][type="radio"] {
237   list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
238 }
239
240 menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
241   list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
242 }
243
244 menuitem[checked="true"][type="radio"][disabled="true"] {
245   list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
246 }
247
248 /* ::::: menuseparator ::::: */
249
250 menuseparator {
251   border: 1px inset #CCD0DD;
252   margin: 2px 0px;
253 }
254
255 menulist > menupopup > menuseparator,
256 .menulist-menupopup > menuseparator {
257   border: 1px inset #CCD0DD;
258   margin: 2px 0px;
259 }
260
261 /* ::::: autocomplete ::::: */
262
263 .autocomplete-history-popup > menuitem {
264   max-width: none !important;
265 }
266
267 /* ::::: tree column picker ::::: */
268
269 .treecell-popupcell-menu {
270   -moz-margin-start: -2px;
271   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
272 }