1d798428 |
1 | \r |
2 | /* NEW WIDGET LANDING: <menulist> popup */\r |
3 | \r |
4 | /* outer frame */\r |
5 | menulist \r |
6 | {\r |
7 | -moz-border-radius : 3px;\r |
8 | padding : 0px;\r |
9 | border : none;\r |
10 | background-color : #000000;\r |
11 | color : #E7ADE7;\r |
12 | margin : 1px 5px 2px 5px;\r |
13 | }\r |
14 | \r |
15 | menulist[menuactive="true"],\r |
16 | menulist:hover \r |
17 | {\r |
18 | background-color : #FFCF00;\r |
19 | color : #000000;\r |
20 | border : none;\r |
21 | }\r |
22 | \r |
23 | menulist[open="true"] \r |
24 | {\r |
25 | background-color : #FF9F00;\r |
26 | color : #000000;\r |
27 | border : none;\r |
28 | }\r |
29 | \r |
30 | menulist[disabled="true"]\r |
31 | {\r |
32 | border : none;\r |
33 | color : #8050B0;\r |
34 | }\r |
35 | \r |
36 | /* icon display frame */\r |
37 | menulist > .menu-icon \r |
38 | {\r |
39 | -moz-border-radius : 3px 0px 0px 3px;\r |
40 | border-left : 1px solid #9C9CFF;\r |
41 | border-top : 1px solid #9C9CFF;\r |
42 | border-bottom : 1px solid #9C9CFF;\r |
43 | padding : 2px 0px 2px 0px;\r |
44 | } \r |
45 | \r |
46 | menulist[open="true"] > .menu-icon \r |
47 | {\r |
48 | border-left : 1px solid #FFCF00;\r |
49 | border-top : 1px solid #FFCF00;\r |
50 | border-bottom : 1px solid #FFCF00;\r |
51 | padding : 2px 0px 2px 0px;\r |
52 | }\r |
53 | \r |
54 | menulist[disabled="true"] > .menu-icon \r |
55 | {\r |
56 | border-left : 1px solid #8050B0;\r |
57 | border-top : 1px solid #8050B0;\r |
58 | border-bottom : 1px solid #8050B0;\r |
59 | }\r |
60 | \r |
61 | /* text display frame */\r |
62 | menulist > .menu-text \r |
63 | {\r |
64 | padding : 2px 4px 2px 4px;\r |
65 | border-top : 1px solid #9C9CFF;\r |
66 | border-bottom : 1px solid #9C9CFF;\r |
67 | border-right : 1px solid #9C9CFF;\r |
68 | margin-right : 0px;\r |
69 | }\r |
70 | \r |
71 | menulist[open="true"] > .menu-text \r |
72 | {\r |
73 | border-top : 1px solid #FFCF00;\r |
74 | border-bottom : 1px solid #FFCF00;\r |
75 | border-right : 1px solid #FFCF00;\r |
76 | padding : 2px 4px 2px 4px;\r |
77 | }\r |
78 | \r |
79 | menulist[disabled="true"] > .menu-text \r |
80 | {\r |
81 | border-top : 1px solid #8050B0;\r |
82 | border-bottom : 1px solid #8050B0;\r |
83 | border-right : 1px solid #8050B0;\r |
84 | padding : 2px 4px 2px 4px;\r |
85 | }\r |
86 | \r |
87 | /* drop marker display frame */\r |
88 | menulist > .menu-dropmarker \r |
89 | {\r |
90 | -moz-border-radius : 0px 3px 3px 0px;\r |
91 | border : 1px solid #9C9CFF;\r |
92 | border-left : none;\r |
93 | list-style-image : url("chrome://global/skin/scroll-down.gif");\r |
94 | padding : 2px;\r |
95 | }\r |
96 | \r |
97 | menulist:hover > .menu-dropmarker, \r |
98 | menulist[open="true"] > .menu-dropmarker \r |
99 | {\r |
100 | list-style-image : url("chrome://global/skin/scroll-down-hover.gif");\r |
101 | }\r |
102 | \r |
103 | menulist[disabled="true"] > .menu-dropmarker\r |
104 | {\r |
105 | border : 1px solid #8050B0;\r |
106 | list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");\r |
107 | }\r |
108 | \r |
109 | menulist[open="true"] > .menu-dropmarker \r |
110 | {\r |
111 | border : 1px solid #FFCF00;\r |
112 | padding : 3px 2px 1px 2px;\r |
113 | }\r |
114 | \r |
115 | /** rules for EDITABLE menulists (aka 'comboboxes'). \r |
116 | **/\r |
117 | \r |
118 | /* outer frame */\r |
119 | menulist[editable="true"] \r |
120 | {\r |
121 | padding : 0px;\r |
122 | }\r |
123 | \r |
124 | /* icon display frame */\r |
125 | menulist[editable="true"] > .menu-icon \r |
126 | {\r |
127 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r |
128 | background-color : white;\r |
129 | padding : 1px;\r |
130 | border-left : 1px solid #9C9CFF;\r |
131 | border-top : 1px solid #9C9CFF;\r |
132 | border-right : none;\r |
133 | border-bottom : 1px solid #9C9CFF;\r |
134 | }\r |
135 | \r |
136 | /* text display frame */ \r |
137 | menulist[editable="true"] > .menu-text \r |
138 | {\r |
139 | border-left : none;\r |
140 | border-top : 1px solid #9C9CFF;\r |
141 | border-right : 1px solid #9C9CFF;\r |
142 | border-bottom : 1px solid #9C9CFF;\r |
143 | margin : 0px 2px 0px 0px;\r |
144 | }\r |
145 | \r |
146 | /* drop marker display frame */\r |
147 | menulist[editable="true"] > .menu-dropmarker \r |
148 | {\r |
149 | border : 1px solid #9C9CFF;\r |
150 | }\r |
151 | \r |
152 | menulist[editable="true"][open="true"] > .menu-dropmarker \r |
153 | {\r |
154 | border : 1px solid #FFCF00;\r |
155 | }\r |
156 | \r |
157 | /* rules for popups and separators associated with menulists */\r |
158 | /*\r |
159 | menulist > menupopup \r |
160 | {\r |
161 | border : 1px solid #FF9F00;\r |
162 | min-width : 0px;\r |
163 | padding : 0px;\r |
164 | }\r |
165 | \r |
166 | menulist > menupopup > menuseparator \r |
167 | {\r |
168 | border-bottom : 1px solid #FF9F00;\r |
169 | }\r |
170 | */\r |
171 | menulist > menupopup > menuitem \r |
172 | {\r |
173 | padding : 0px;\r |
174 | min-width: 0px;\r |
175 | max-width: auto;\r |
176 | }\r |
177 | \r |
178 | menulist > menupopup > menuitem > .menu-left \r |
179 | {\r |
180 | width : 13px;\r |
181 | }\r |
182 | \r |
183 | menulist > menupopup > menuitem[selected="true"] > .menu-left\r |
184 | {\r |
185 | list-style-image : url(chrome://global/skin/menu-check.gif);\r |
186 | }\r |
187 | \r |
188 | menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left\r |
189 | {\r |
190 | list-style-image : url(chrome://global/skin/menu-check-hover.gif);\r |
191 | }\r |