some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / global / menu.css
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 menucaption {
16   -moz-box-align: center;
17   max-width: 42em;
18   background-color: #000000;
19   color: #FF9F00;
20   list-style-image: none;
21   -moz-image-region: auto;
22 }
23
24 menuitem[default="true"] {
25   font-weight: bold;
26 }
27
28 menu[_moz-menuactive="true"],
29 menuitem[_moz-menuactive="true"] {
30   background-color: #FFCF00;
31   color: #000000;
32 }
33
34 menu[disabled="true"],
35 menuitem[disabled="true"],
36 menu[_moz-menuactive="true"][disabled="true"],
37 menuitem[_moz-menuactive="true"][disabled="true"] {
38   color: #8050B0;
39 }
40
41 menubar > menu {
42   padding: 2px;
43   margin: 0px;
44   margin-inline-start: 2px;
45   border: none;
46 }
47
48 menubar > menu[_moz-menuactive="true"] {
49   background-color: #FFCF00;
50   color: #000000;
51   border: none;
52 }
53
54 menubar > menu[open] {
55   background-color: #FF9F00;
56   color: #000000;
57   border: none;
58 }
59
60 menubar > menu:-moz-lwtheme {
61   -moz-appearance: none;
62 }
63
64 menubar > menu:-moz-window-inactive {
65   color: #8050B0;
66 }
67
68 menuitem.spell-suggestion {
69   font-weight: bold;
70 }
71
72 /* ::::: menu/menuitems in popups ::::: */
73
74 menupopup > menu,
75 popup > menu,
76 menupopup > menuitem,
77 popup > menuitem,
78 menupopup > menucaption {
79   padding: 2px;
80 }
81
82 /* ::::: menu/menuitems in menulist popups ::::: */
83
84 menulist > menupopup > menuitem,
85 menulist > menupopup > menucaption,
86 menulist > menupopup > menu {
87   padding: 1px 5px;
88   max-width: none;
89 }
90
91 /* ..... internal content .... */
92
93 .menu-text,
94 .menu-iconic-left,
95 .menu-iconic-text {
96   margin-top: 0px !important;
97   margin-bottom: 0px !important;
98   margin-inline-start: 0px !important;
99   margin-inline-end: 2px !important;
100   color: inherit;
101 }
102
103 .menu-iconic-left {
104   margin-inline-end: 3px !important;
105 }
106
107 .menu-text {
108   margin-inline-start: 19px !important;
109   font-weight: inherit;
110 }
111
112 menucaption > .menu-text,
113 menucaption > .menu-iconic-text {
114   font-weight: bold;
115   padding-inline-start: 0 !important;
116 }
117
118 .menu-description {
119   font-style: italic;
120   color: #9C9CFF;
121   margin-inline-start: 1ex !important;
122 }
123
124 .menu-accel,
125 .menu-iconic-accel {
126   margin-top: 0px !important;
127   margin-bottom: 0px !important;
128   margin-inline-start: 7px !important;
129   margin-inline-end: 2px !important;
130   padding-inline-end: 14px;
131   color: #A09090;
132 }
133
134 .menu-iconic-icon {
135   width: 16px;
136   height: 16px;
137 }
138
139 .menu-iconic-left {
140   width: 16px;
141 }
142
143 .menu-right {
144   margin-top: 0px;
145   margin-bottom: 0px;
146   margin-inline-start: 3px;
147   margin-inline-end: 0px;
148   width: 8px;
149   list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
150   -moz-image-region: auto;
151 }
152
153 .menu-right[_moz-menuactive="true"] {
154   list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
155 }
156
157 .menu-right[disabled="true"] {
158   list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
159 }
160
161 .menu-right:-moz-locale-dir(rtl) {
162   list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
163 }
164
165 .menu-right:-moz-locale-dir(rtl)[_moz-menuactive="true"] {
166   list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
167 }
168
169 .menu-right:-moz-locale-dir(rtl)[disabled="true"] {
170   list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
171 }
172
173 .menubar-left {
174   margin-top: 0px;
175   margin-bottom: 0px;
176   margin-inline-start: 0px;
177   margin-inline-end: 2px;
178   color: inherit;
179 }
180
181 .menubar-text {
182   margin: 0 1px !important;
183   color: inherit;
184 }
185
186 menulist > menupopup > menuitem > .menu-iconic-left,
187 menulist > menupopup > menucaption > .menu-iconic-left,
188 menulist > menupopup > menu > .menu-iconic-left {
189   display: none;
190 }
191
192 /* ::::: checkbox menuitem ::::: */
193
194 menuitem[checked="true"] { /* [type="checkbox"] */
195   list-style-image: url("chrome://global/skin/menu/menu-check.gif");
196 }
197
198 menuitem[checked="true"][_moz-menuactive="true"] {
199    list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
200 }
201
202 menuitem[checked="true"][disabled="true"] {
203   list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
204 }
205
206 menuitem[checked="true"] .menu-iconic-icon {
207   width: auto;
208   height: auto;
209 }
210
211 /* ::::: radio menuitem ::::: */
212
213 menuitem[checked="true"][type="radio"] {
214   list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
215 }
216
217 menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
218   list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
219 }
220
221 menuitem[checked="true"][type="radio"][disabled="true"] {
222   list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
223 }
224
225 /* ::::: menuseparator ::::: */
226
227 menuseparator {
228   border: 1px solid #9C9CFF;
229   margin: 2px 0px;
230 }
231
232 menulist > menupopup > menuseparator {
233   border: 1px solid #9C9CFF;
234   margin: 2px 0px;
235 }
236
237 /* ::::: autocomplete ::::: */
238
239 .autocomplete-history-popup > menuitem {
240   max-width: none !important;
241 }