bug 77 css scoping - making skin work again
[themes.git] / EarlyBlue / global / skin / menu.css
1 menu, menuitem  
2   {
3     color                 : #000000;
4     vertical-align        : middle;
5   }
6
7 menuitem[default="true"]
8   {
9     font-weight           : bold;
10   }  
11   
12 menu[disabled="true"], menuitem[disabled="true"],
13 menu[menuactive="true"][disabled="true"],
14 menuitem[menuactive="true"][disabled="true"]
15   {
16           color                 : #999999;
17   }
18
19 menuseparator 
20   {
21     border                : 1px inset #CCD0DD; 
22     margin                : 2px 2px 2px 2px;
23   }
24
25 menubar > menu 
26   {
27     border                : 1px solid #CCD0DD;
28     padding               : 2px 0px 2px 3px;
29     margin                : 0px 2px 1px 0px;
30   }
31
32 menupopup > menu, menupopup > menuitem,
33 popup > menu, popup > menuitem
34   {
35     padding               : 2px;
36     max-width             : 42em; /* should move to content */
37   }
38
39 menubar > menu[menuactive="true"] 
40   {
41     border                : 1px outset #CCD0DD;
42   }
43
44 menubar > menu[menuactive="true"][open="true"] 
45   {
46     border                : 1px inset #CCD0DD;
47   }
48
49 menupopup > menu[menuactive="true"],
50 menupopup > menuitem[menuactive="true"],
51 popup > menu[menuactive="true"],
52 popup > menuitem[menuactive="true"]
53   {
54     background-color      : #336699;
55     color                 : #FFFFFF;
56   }
57
58
59 /** 
60  * Atomic sub-parts of standard menus
61  **/
62 .menu-right 
63   {
64     margin                : 0px 0px 0px 6px;
65     width                 : 8px;
66     text-align            : center;
67     list-style-image      : url("chrome://global/skin/menu-arrow.gif");
68   }
69
70 .menu-iconic-left 
71   {
72     color                 : inherit;
73     margin                : 0px 2px 0px 0px;
74     width                 : 13px;
75     text-align            : center;
76     list-style-image      : inherit;
77   }
78
79 .menubar-left 
80   {
81     color                 : inherit;
82     margin                : 0px 2px 0px 0px;
83   }
84
85 .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel 
86   {
87     color                 : inherit;
88     margin                : 0px 2px 0px 0px;
89   }
90
91 .menu-text 
92   {
93     padding-left          : 15px;
94     font-weight           : inherit;
95   }
96
97 .menu-accel 
98   {
99     margin-left           : 4px;
100     padding-right         : 14px;
101   }
102
103 .menu-iconic-accel 
104   {
105     margin-left           : 4px;
106   }
107
108 .menubar-text 
109   {
110     color                 : inherit;
111     margin-right          : 2px;
112   }
113
114 menuitem[checked="true"] 
115   {
116     list-style-image      : url("chrome://global/skin/menu-check.gif");
117   }
118
119 menuitem[checked="true"][disabled="true"] 
120   {
121     list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");
122   }
123
124 menuitem[checked="true"][menuactive="true"] 
125   {
126     list-style-image      : url("chrome://global/skin/menu-check-hover.gif");
127   }
128
129 .menu-right[disabled="true"] 
130   {
131     list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
132   }
133
134 .menu-right[menuactive="true"][disabled="true"] 
135   {
136     list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
137   }
138
139 .menu-right[menuactive="true"] 
140   {
141     list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
142   }
143
144 /* ::::: menu/menuitems in a menulist popup ::::: */
145
146   menulist > menupopup > menuitem
147         {
148           min-width: 0px;
149           max-width: none;
150           padding: 0px 4px !important;
151         }
152
153   menulist > menupopup > menuitem > .menu-iconic-accel,
154   menulist > menupopup > menuitem > .menu-accel,
155   menulist > menupopup > menuitem > .menu-text,
156   menulist > menupopup > menuitem > .menu-iconic-text,
157   menulist > menupopup > menu > .menu-text,
158   menulist > menupopup > menu > .menu-accel,
159   menulist > menupopup > menu > .menu-iconic-text,
160   menulist > menupopup > menu > .menu-iconic-accel
161     {
162       margin-top          : 0px;
163       margin-bottom       : 0px;
164     }
165
166
167   menulist > menupopup > menuitem > .menu-iconic-left,
168   menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]
169     {
170       list-style-image    : inherit;
171       width               : 0px;
172       border              : none;
173     }
174
175   menulist > menupopup > menuitem[menuactive="true"][selected="true"]
176     {
177       list-style-image    : url(chrome://global/skin/menulist-select-dot-active.gif);
178       margin-right                : 3px;
179     }
180   
181   menulist > menupopup > menuitem[selected="true"]
182     {
183       list-style-image    : url(chrome://global/skin/menulist-select-dot.gif);
184       margin-right                : 3px;
185     }
186
187