Commit | Line | Data |
---|---|---|
45dc7657 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/. */ | |
319c6529 | 4 | |
8c6555e2 | 5 | #PopupSearchAutoComplete { |
db1c5db1 RK |
6 | /* JS code forces the panel to have the width of the searchbar rather than |
7 | * the width of the textfield. Alignment of the panel with the searchbar is | |
8 | * obtained with negative margins here: margin-inline-start when the text | |
9 | * field is in the same direction as the rest of the UI, margin-inline-end | |
10 | * when the textfield's direction has been reversed. | |
11 | * (eg. using ctrl+shift+X) */ | |
dae45075 | 12 | margin-inline-start: -25px; |
db1c5db1 | 13 | margin-inline-end: -18px; |
8c6555e2 RK |
14 | } |
15 | ||
319c6529 RK |
16 | .autocomplete-textbox-container { |
17 | -moz-box-align: stretch; | |
18 | } | |
19 | ||
20 | .textbox-input-box { | |
21 | margin: 0; | |
22 | } | |
23 | ||
24 | /* ::::: searchbar-engine-button ::::: */ | |
25 | ||
26 | .searchbar-engine-image { | |
27 | height: 16px; | |
28 | width: 16px; | |
db1c5db1 | 29 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); |
dae45075 | 30 | margin-inline-start: -1px; |
319c6529 RK |
31 | } |
32 | ||
319c6529 RK |
33 | /* ::::: search-go-button ::::: */ |
34 | ||
35 | .search-go-container { | |
36 | -moz-box-align: center; | |
37 | } | |
38 | ||
39 | .search-go-button { | |
40 | padding: 1px; | |
e9fbfc3a RK |
41 | list-style-image: url("chrome://browser/skin/reload-stop-go.png"); |
42 | -moz-image-region: rect(0, 42px, 14px, 28px); | |
43 | width: 14px; | |
319c6529 RK |
44 | } |
45 | ||
db1c5db1 | 46 | .search-go-button:-moz-locale-dir(rtl) { |
71a617ff | 47 | transform: scaleX(-1); |
319c6529 RK |
48 | } |
49 | ||
50 | .search-go-button:hover { | |
e9fbfc3a | 51 | -moz-image-region: rect(14px, 42px, 28px, 28px); |
319c6529 RK |
52 | } |
53 | ||
54 | .search-go-button:hover:active { | |
e9fbfc3a | 55 | -moz-image-region: rect(14px, 42px, 28px, 28px); |
319c6529 | 56 | } |
58036cb8 | 57 | |
58036cb8 RK |
58 | .searchbar-search-button-container { |
59 | -moz-box-align: center; | |
58036cb8 RK |
60 | } |
61 | ||
62 | .searchbar-search-button { | |
63 | list-style-image: url("chrome://browser/skin/search-indicator.png"); | |
64 | -moz-image-region: rect(0, 20px, 20px, 0); | |
8c6555e2 RK |
65 | margin-top: 1px; |
66 | margin-bottom: 1px; | |
dae45075 | 67 | margin-inline-start: 4px; |
fefd86cd | 68 | border-radius: 3px; |
58036cb8 RK |
69 | } |
70 | ||
8c6555e2 RK |
71 | .searchbar-search-button[addengines="true"] { |
72 | list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png"); | |
73 | } | |
74 | ||
58036cb8 RK |
75 | .searchbar-search-button:hover, |
76 | .searchbar-search-button:hover:active { | |
77 | -moz-image-region: rect(0, 40px, 20px, 20px); | |
fefd86cd | 78 | background-color: #FFCF00; |
58036cb8 RK |
79 | } |
80 | ||
2e389898 | 81 | @media (min-resolution: 1.1dppx) { |
e9fbfc3a | 82 | .search-go-button { |
2e389898 RK |
83 | list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); |
84 | -moz-image-region: rect(0, 84px, 28px, 56px); | |
85 | } | |
86 | ||
e9fbfc3a | 87 | .search-go-button:hover { |
2e389898 RK |
88 | -moz-image-region: rect(28px, 84px, 56px, 56px); |
89 | } | |
90 | ||
e9fbfc3a | 91 | .search-go-button:hover:active { |
2e389898 RK |
92 | -moz-image-region: rect(56px, 84px, 84px, 56px); |
93 | } | |
94 | } | |
58036cb8 RK |
95 | |
96 | .search-panel-current-engine { | |
97 | border-top: none !important; | |
58036cb8 | 98 | -moz-box-align: center; |
58036cb8 | 99 | |
20752032 RK |
100 | border-bottom: none; |
101 | } | |
102 | ||
fa703ff4 | 103 | .search-panel-tree { |
d23bf94a | 104 | border-top: 1px solid var(--panel-separator-color) !important; |
fa703ff4 RK |
105 | } |
106 | ||
58036cb8 RK |
107 | .search-panel-header { |
108 | font-weight: normal; | |
109 | background-color: #A09090; | |
20752032 | 110 | border-top: 1px solid #000000; |
58036cb8 RK |
111 | margin: 0; |
112 | padding: 3px 6px; | |
113 | color: #000000; | |
114 | } | |
115 | ||
116 | .search-panel-current-input > label { | |
117 | margin: 0 0 !important; | |
118 | } | |
119 | ||
120 | .search-panel-input-value { | |
d23bf94a | 121 | color: #E7ADE7; |
58036cb8 RK |
122 | } |
123 | ||
124 | .search-panel-one-offs { | |
d23bf94a | 125 | margin: 0 !important; |
20752032 | 126 | border-top: 1px solid #000000; |
1eb9479d | 127 | line-height: 0; |
58036cb8 RK |
128 | } |
129 | ||
130 | .searchbar-engine-one-off-item { | |
58036cb8 RK |
131 | display: inline-block; |
132 | border: none; | |
fefd86cd | 133 | border-radius: 0; |
58036cb8 RK |
134 | min-width: 48px; |
135 | height: 32px; | |
d23bf94a RK |
136 | margin: 0; |
137 | padding: 0; | |
138 | background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%); | |
139 | background-size: 1px auto; | |
58036cb8 RK |
140 | background-repeat: no-repeat; |
141 | background-position: right center; | |
d23bf94a | 142 | color: #A09090; |
58036cb8 RK |
143 | } |
144 | ||
db1c5db1 RK |
145 | .searchbar-engine-one-off-item:-moz-locale-dir(rtl) { |
146 | background-position: left center; | |
147 | } | |
148 | ||
58036cb8 | 149 | .searchbar-engine-one-off-item:not(.last-row) { |
2e389898 | 150 | box-sizing: content-box; |
d23bf94a | 151 | border-bottom: 1px solid var(--panel-separator-color); |
58036cb8 RK |
152 | } |
153 | ||
2a1534f1 RK |
154 | .search-setting-button-compact { |
155 | border-bottom: none !important; | |
156 | } | |
157 | ||
158 | .search-panel-one-offs:not([compact=true]) > .searchbar-engine-one-off-item.last-of-row, | |
159 | .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-of-row:not(.dummy), | |
160 | .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.dummy:not(.last-of-row), | |
161 | .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-engine, | |
162 | .search-setting-button-compact { | |
58036cb8 RK |
163 | background-image: none; |
164 | } | |
165 | ||
58036cb8 RK |
166 | .searchbar-engine-one-off-item[selected] { |
167 | background-color: #008484; | |
168 | background-image: none; | |
d23bf94a | 169 | color: #000000; |
58036cb8 RK |
170 | } |
171 | ||
172 | .searchbar-engine-one-off-item > .button-box { | |
173 | border: none; | |
d23bf94a | 174 | padding: 0; |
58036cb8 RK |
175 | } |
176 | ||
177 | .searchbar-engine-one-off-item > .button-box > .button-text { | |
178 | display: none; | |
179 | } | |
180 | ||
181 | .searchbar-engine-one-off-item > .button-box > .button-icon { | |
182 | width: 16px; | |
183 | height: 16px; | |
184 | } | |
185 | ||
186 | .addengine-item { | |
58036cb8 | 187 | border: none; |
fefd86cd | 188 | /* height: 32px;*/ |
d23bf94a | 189 | margin: 0; |
58036cb8 | 190 | padding: 0 10px; |
fefd86cd | 191 | border-radius: 0; |
58036cb8 RK |
192 | } |
193 | ||
194 | .addengine-item > .button-box { | |
195 | -moz-box-pack: start; | |
196 | } | |
197 | ||
198 | .addengine-item:first-of-type { | |
20752032 | 199 | border-top: 1px solid #000000; |
58036cb8 RK |
200 | } |
201 | ||
20752032 | 202 | .addengine-item[selected] { |
58036cb8 RK |
203 | background-color: #FFCF00; |
204 | color: #000000; | |
205 | } | |
206 | ||
8c6555e2 | 207 | .addengine-icon { |
fefd86cd | 208 | height: 16px; |
58036cb8 RK |
209 | width: 16px; |
210 | } | |
211 | ||
8c6555e2 RK |
212 | .addengine-badge { |
213 | width: 16px; | |
214 | height: 16px; | |
215 | margin: -7px -9px 7px 9px; | |
216 | list-style-image: url("chrome://browser/skin/badge-add-engine.png"); | |
217 | } | |
218 | ||
58036cb8 RK |
219 | .addengine-item > .button-box > .button-text { |
220 | -moz-box-flex: 1; | |
221 | text-align: start; | |
dae45075 | 222 | padding-inline-start: 10px; |
58036cb8 RK |
223 | } |
224 | ||
225 | .addengine-item:not([image]) { | |
226 | list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); | |
227 | } | |
228 | ||
58036cb8 | 229 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell { |
dae45075 | 230 | padding-inline-start: 15px; |
58036cb8 RK |
231 | border-top: none !important; |
232 | } | |
233 | ||
1eb9479d | 234 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { |
dae45075 | 235 | padding-inline-start: 4px; |
1eb9479d RK |
236 | } |
237 | ||
238 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image { | |
dae45075 | 239 | padding-inline-start: 5px; |
1eb9479d RK |
240 | width: 14px; |
241 | height: 14px; | |
242 | } | |
243 | ||
244 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) { | |
245 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon"); | |
246 | } | |
247 | ||
248 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) { | |
249 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active"); | |
250 | } | |
251 | ||
58036cb8 | 252 | .search-setting-button { |
fefd86cd | 253 | border-radius: 0; |
20752032 | 254 | background-color: #C09070; |
fefd86cd | 255 | /* min-height: 32px;*/ |
58036cb8 RK |
256 | } |
257 | ||
20752032 | 258 | .search-setting-button[selected] { |
58036cb8 | 259 | background-color: #FFCF00; |
20752032 | 260 | border-top-color: #000000; |
58036cb8 | 261 | } |
2a1534f1 | 262 | |
d23bf94a RK |
263 | .search-setting-button-compact > .button-box > .button-icon { |
264 | list-style-image: url("chrome://browser/skin/gear.svg"); | |
265 | filter: url(chrome://browser/skin/filters.svg#fill); | |
266 | fill: currentColor; | |
2a1534f1 RK |
267 | } |
268 | ||
269 | .search-setting-button-compact:hover { | |
270 | background-color: #FFCF00; | |
271 | color: #000000; | |
272 | } |