adding :hover:active to scrollbar(s)
[themes.git] / LCARStrek / global / skin / menulist.css
CommitLineData
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