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