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