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/. */ | |
351107c9 | 4 | |
b1eaa419 | 5 | /* ===== menulist.css =================================================== |
6 | == Styles used by the XUL menulist element. | |
7 | ======================================================================= */ | |
8 | ||
f98e9249 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 | ||
b1eaa419 | 12 | /* :::::::::: menulist :::::::::: */ |
13 | ||
14 | menulist { | |
569543b3 | 15 | border-radius: 3px; |
01d40f5a | 16 | margin: 1px 2px; |
b1eaa419 | 17 | border: 1px solid #9C9CFF; |
18 | background-color: #000000; | |
19 | color: #E7ADE7; | |
a064a540 | 20 | text-shadow: none; |
b1eaa419 | 21 | } |
22 | ||
23 | menulist[menuactive="true"], | |
24 | menulist:hover { | |
25 | background-color: #FFCF00; | |
26 | color: #000000; | |
27 | border: 1px solid #9C9CFF; | |
28 | } | |
29 | ||
30 | menulist[open="true"] { | |
31 | background-color: #FF9F00; | |
32 | color: #000000; | |
33 | border: 1px solid #FFCF00; | |
34 | } | |
35 | ||
36 | .menulist-label-box { | |
37 | -moz-box-align: center; | |
38 | -moz-box-pack: center; | |
39 | /* margin: 1px; */ | |
b1eaa419 | 40 | color: inherit; |
41 | } | |
42 | ||
43 | .menulist-label { | |
44 | margin: 1px 3px !important; | |
45 | } | |
46 | ||
3d6dd546 | 47 | .menulist-description { |
48 | font-style: italic; | |
a8df931f | 49 | color: #9C9CFF; |
8caa872d | 50 | -moz-margin-start: 1ex !important; |
3d6dd546 | 51 | } |
52 | ||
024ec655 | 53 | menulist:focus:not(.menulist-compact) > .menulist-label-box { |
f98e9249 | 54 | background-color: #008484; |
a8df931f | 55 | color: #FFCF00; |
f98e9249 RK |
56 | } |
57 | ||
024ec655 RK |
58 | menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box { |
59 | /* border: 1px dotted #FFCF00; */ | |
60 | } | |
61 | ||
f98e9249 RK |
62 | menulist[disabled="true"] { |
63 | background-color: #000000; | |
64 | color: #8050B0; | |
1e32332f | 65 | border-color: #8050B0; |
f98e9249 RK |
66 | } |
67 | ||
b1eaa419 | 68 | /* ..... dropmarker ..... */ |
69 | ||
70 | .menulist-dropmarker { | |
569543b3 | 71 | border-radius: 0px 3px 3px 0px; |
b1eaa419 | 72 | min-width: 15px; |
1e32332f RK |
73 | border: none !important; |
74 | border-left: 1px solid #9C9CFF !important; | |
b1eaa419 | 75 | } |
76 | ||
1e32332f | 77 | menulist[disabled="true"] > .menulist-dropmarker { |
b1eaa419 | 78 | padding: 1px; |
1e32332f | 79 | border-left: 1px solid #8050B0 !important; |
b1eaa419 | 80 | } |
81 | ||
1e32332f RK |
82 | menulist:not([disabled="true"])[menuactive="true"] > .menulist-dropmarker, |
83 | menulist:not([disabled="true"])[open="true"] > .menulist-dropmarker, | |
84 | menulist:not([disabled="true"]):hover > .menulist-dropmarker, | |
85 | menulist:not([disabled="true"]):hover:active > .menulist-dropmarker { | |
b1eaa419 | 86 | list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); |
87 | } | |
88 | ||
89 | menulist[menuactive="true"] > .menulist-dropmarker, | |
90 | menulist:hover > .menulist-dropmarker { | |
91 | background-color: #FFCF00; | |
92 | } | |
93 | ||
f98e9249 RK |
94 | menulist:hover:active > .menulist-dropmarker, |
95 | menulist[open="true"] > .menulist-dropmarker { | |
02920d2b RK |
96 | padding-top: 2px; |
97 | padding-bottom: 0; | |
98 | -moz-padding-start: 2px; | |
99 | -moz-padding-end: 0; | |
95c949c5 | 100 | border: none; |
b1eaa419 | 101 | border-left: 1px solid #FFCF00; |
102 | background-color: #FF9F00; | |
103 | } | |
104 | ||
f98e9249 | 105 | /* ::::: editable menulists ::::: */ |
b1eaa419 | 106 | |
f98e9249 RK |
107 | menulist[editable="true"] { |
108 | color: #E7ADE7; | |
b1eaa419 | 109 | } |
110 | ||
b1eaa419 | 111 | .menulist-editable-box { |
112 | background-color: #000000; | |
3d6dd546 | 113 | padding: 2px; |
b1eaa419 | 114 | } |
115 | ||
116 | html|*.menulist-editable-input { | |
117 | margin: 0px !important; | |
118 | border: none !important; | |
119 | padding: 0px !important; | |
0c5f9076 RK |
120 | background-color: inherit; |
121 | color: inherit; | |
b1eaa419 | 122 | font: inherit; |
123 | } | |
124 | ||
125 | /* ::::: compact menulists ::::: */ | |
126 | ||
127 | .menulist-compact { | |
128 | -moz-box-align: center; | |
129 | -moz-box-pack: center; | |
130 | margin: 0px; | |
f98e9249 | 131 | color: #E7ADE7; |
b1eaa419 | 132 | border: 1px solid #9C9CFF; |
6046f027 | 133 | list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); |
134 | } | |
135 | ||
6046f027 | 136 | .menulist-compact > .menulist-label-box > .menulist-label { |
b1eaa419 | 137 | margin: 0 3px !important; |
17b8126a | 138 | text-align: end; |
3d6dd546 | 139 | } |
b1eaa419 | 140 | |
6046f027 | 141 | .menulist-compact > .menulist-label-box > .menulist-icon { |
f98e9249 | 142 | -moz-margin-start: 2px; |
6046f027 | 143 | } |
144 | ||
b1eaa419 | 145 | .menulist-compact[open="true"] { |
146 | border: 1px solid #FFCF00; | |
147 | } | |
6046f027 | 148 | |
149 | .menulist-compact:hover, | |
150 | .menulist-compact[open="true"] { | |
151 | list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); | |
152 | } | |
153 | ||
154 | .menulist-compact[disabled="true"] { | |
155 | list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); | |
156 | } |