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