Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
128000f4 | 4 | |
74d14f90 | 5 | /* ===== menulist.css =================================================== |
6 | == Styles used by the XUL menulist element. | |
7 | ======================================================================= */ | |
8 | ||
df8c26c4 RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ | |
11 | ||
74d14f90 | 12 | /* :::::::::: menulist :::::::::: */ |
13 | ||
14 | menulist { | |
15 | margin: 2px 4px; | |
16 | border: 1px inset #CCD0DD; | |
17 | background-color: #CCCCCC; | |
18 | color: #000000; | |
a064a540 | 19 | text-shadow: none; |
74d14f90 | 20 | } |
21 | ||
22 | .menulist-label-box { | |
23 | -moz-box-align: center; | |
24 | -moz-box-pack: center; | |
25 | /* margin: 1px; */ | |
74d14f90 | 26 | color: inherit; |
27 | } | |
28 | ||
29 | .menulist-label { | |
30 | margin: 1px 3px !important; | |
31 | } | |
32 | ||
76983f4c | 33 | .menulist-description { |
34 | font-style: italic; | |
35 | color: #808080; | |
8caa872d | 36 | -moz-margin-start: 1ex !important; |
76983f4c | 37 | } |
38 | ||
024ec655 | 39 | menulist:focus:not(.menulist-compact) > .menulist-label-box { |
df8c26c4 RK |
40 | background-color: #336699; |
41 | color: #000000; | |
42 | } | |
43 | ||
024ec655 RK |
44 | menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box { |
45 | /* border: 1px dotted #808080; */ | |
46 | } | |
47 | ||
df8c26c4 RK |
48 | menulist[disabled="true"] { |
49 | background-color: #CCCCCC; | |
50 | color: #999999; | |
51 | } | |
52 | ||
74d14f90 | 53 | /* ..... dropmarker ..... */ |
54 | ||
55 | .menulist-dropmarker { | |
74d14f90 | 56 | background-color: #CCCCCC; |
74d14f90 | 57 | } |
58 | ||
74d14f90 | 59 | menulist[disabled="true"]:hover:active > .menulist-dropmarker { |
60 | padding: 1px; | |
61 | } | |
62 | ||
df8c26c4 | 63 | menulist:hover:active > .menulist-dropmarker, |
e181d49e | 64 | menulist[open="true"] > .menulist-dropmarker { |
74d14f90 | 65 | border: 1px inset #CCD0DD; |
02920d2b RK |
66 | padding-top: 2px; |
67 | padding-bottom: 0px; | |
68 | -moz-padding-start: 2px; | |
69 | -moz-padding-end: 0px; | |
74d14f90 | 70 | } |
71 | ||
df8c26c4 | 72 | /* ::::: editable menulists ::::: */ |
74d14f90 | 73 | |
df8c26c4 | 74 | menulist[editable="true"] { |
74d14f90 | 75 | color: #000000; |
76 | } | |
77 | ||
74d14f90 | 78 | .menulist-editable-box { |
79 | background-color: #FFFFFF; | |
76983f4c | 80 | padding: 2px; |
74d14f90 | 81 | } |
82 | ||
83 | html|*.menulist-editable-input { | |
84 | margin: 0px !important; | |
85 | border: none !important; | |
86 | padding: 0px !important; | |
0c5f9076 RK |
87 | background-color: inherit; |
88 | color: inherit; | |
74d14f90 | 89 | font: inherit; |
90 | } | |
91 | ||
92 | /* ::::: compact menulists ::::: */ | |
93 | ||
94 | .menulist-compact { | |
95 | -moz-box-align: center; | |
96 | -moz-box-pack: center; | |
97 | margin: 0px; | |
98 | border: 1px outset #CCD0DD; | |
df8c26c4 | 99 | color: #000000; |
ecb2fda9 | 100 | list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); |
74d14f90 | 101 | } |
102 | ||
d8de8145 RK |
103 | .menulist-compact > .menulist-label-box { |
104 | border: 1px solid transparent; | |
105 | } | |
106 | ||
ecb2fda9 | 107 | .menulist-compact > .menulist-label-box > .menulist-label { |
df8c26c4 | 108 | margin: 0 3px !important; |
17b8126a | 109 | text-align: end; |
f8883666 | 110 | } |
111 | ||
ecb2fda9 RK |
112 | .menulist-compact > .menulist-label-box > .menulist-icon { |
113 | -moz-margin-start: 2px; | |
114 | } | |
115 | ||
74d14f90 | 116 | .menulist-compact[open="true"] { |
117 | border: 1px inset #CCD0DD; | |
df8c26c4 | 118 | /* color: ThreeDHighlight; */ |
e68e2f2b | 119 | } |
ecb2fda9 RK |
120 | |
121 | .menulist-compact[disabled="true"] { | |
122 | list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); | |
123 | } | |
124 | ||
024ec655 | 125 | .menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box { |
ecb2fda9 | 126 | border: 1px dotted #999999; |
ecb2fda9 | 127 | } |