|
1 /* This Source Code Form is subject to the terms of the Mozilla Public |
|
2 * License, v. 2.0. If a copy of the MPL was not distributed with this |
|
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4 |
|
5 /* ===== menulist.css =================================================== |
|
6 == Styles used by the XUL menulist element. |
|
7 ====================================================================== */ |
|
8 |
|
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
|
10 @namespace html url("http://www.w3.org/1999/xhtml"); |
|
11 |
|
12 /* :::::::::: menulist :::::::::: */ |
|
13 |
|
14 menulist { |
|
15 -moz-appearance: menulist; |
|
16 margin: 2px 4px; |
|
17 color: -moz-DialogText; |
|
18 font: menu; |
|
19 text-shadow: none; |
|
20 } |
|
21 |
|
22 .menulist-label-box { |
|
23 -moz-appearance: menulist-text; |
|
24 -moz-box-align: center; |
|
25 -moz-box-pack: center; |
|
26 color: inherit; |
|
27 } |
|
28 |
|
29 .menulist-label { |
|
30 margin: 1px 3px !important; |
|
31 } |
|
32 |
|
33 .menulist-dropmarker { |
|
34 display: none; |
|
35 } |
|
36 |
|
37 menulist:hover { |
|
38 color: -moz-buttonhovertext; |
|
39 } |
|
40 |
|
41 menulist:hover:active, |
|
42 menulist[open="true"] { |
|
43 color: ButtonText; |
|
44 } |
|
45 |
|
46 menulist[disabled="true"], |
|
47 menulist[disabled="true"]:hover, |
|
48 menulist[disabled="true"]:hover:active { |
|
49 color: GrayText; |
|
50 } |
|
51 |
|
52 .menulist-description { |
|
53 font-style: italic; |
|
54 color: GrayText; |
|
55 -moz-margin-start: 1ex !important; |
|
56 } |
|
57 |
|
58 /* ::::: editable menulists ::::: */ |
|
59 |
|
60 menulist[editable="true"] { |
|
61 -moz-appearance: none; |
|
62 color: -moz-FieldText; |
|
63 } |
|
64 |
|
65 .menulist-editable-box { |
|
66 -moz-appearance: menulist-textfield; |
|
67 padding-top: 3px; |
|
68 padding-bottom: 3px; |
|
69 -moz-padding-start: 2px; |
|
70 -moz-padding-end: 0px; |
|
71 } |
|
72 |
|
73 menulist[editable="true"] > .menulist-dropmarker { |
|
74 display: -moz-box; |
|
75 -moz-appearance: menulist-button; |
|
76 } |
|
77 |
|
78 html|*.menulist-editable-input { |
|
79 margin: 0px !important; |
|
80 border: none !important; |
|
81 padding: 0px !important; |
|
82 font: inherit; |
|
83 } |
|
84 |
|
85 |
|
86 /* ::::: compact menulists ::::: */ |
|
87 |
|
88 .menulist-compact { |
|
89 -moz-appearance: none; |
|
90 -moz-box-align: center; |
|
91 -moz-box-pack: center; |
|
92 margin: 0; |
|
93 border: 2px solid; |
|
94 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; |
|
95 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; |
|
96 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; |
|
97 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; |
|
98 background-color: ThreeDFace; |
|
99 color: ButtonText; |
|
100 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); |
|
101 } |
|
102 |
|
103 .menulist-compact:hover { |
|
104 color: ButtonText; |
|
105 } |
|
106 |
|
107 .menulist-compact > .menulist-label-box > .menulist-label { |
|
108 margin: 0 3px !important; |
|
109 text-align: end; |
|
110 } |
|
111 |
|
112 .menulist-compact > .menulist-label-box > .menulist-icon { |
|
113 -moz-margin-start: 2px; |
|
114 } |
|
115 |
|
116 .menulist-compact[open="true"] { |
|
117 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; |
|
118 -moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight; |
|
119 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight; |
|
120 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; |
|
121 } |
|
122 |
|
123 .menulist-compact[disabled="true"] { |
|
124 list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); |
|
125 } |
|
126 |
|
127 .menulist-compact > .menulist-label-box, |
|
128 .menulist-compact[open="true"]:focus > .menulist-label-box { |
|
129 border: 1px solid transparent; |
|
130 -moz-appearance: none; |
|
131 } |
|
132 |
|
133 .menulist-compact:focus > .menulist-label-box { |
|
134 border: 1px dotted; |
|
135 } |