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