big changes to get this baby running again. It's not perfect, but it's up\! yay\!
[themes.git] / LCARStrek / global / skin / menu.css
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 /* .tooltip html */
212 html#TOOLTIP-tooltipText
213   {
214     padding               : 0px;
215     margin                : 0px;
216   }
217
218 /*
219  * Autorepeatbutton
220  */
221 .autorepeatbutton-up {
222     list-style-image: url("chrome://global/skin/scroll-up.gif")
223 }
224
225 .autorepeatbutton-down {
226     list-style-image: url("chrome://global/skin/scroll-down.gif")
227 }
228
229 autorepeatbutton {
230   text-align: center;
231   vertical-align: middle;
232 }
233
234 autorepeatbutton:hover {
235   background-color: #FFCF00;
236 }
237