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; |
2af95f78 RK |
122 | background-color: #000000; |
123 | padding: 1px 2px; | |
58036cb8 RK |
124 | } |
125 | ||
126 | .search-panel-one-offs { | |
d23bf94a | 127 | margin: 0 !important; |
20752032 | 128 | border-top: 1px solid #000000; |
1eb9479d | 129 | line-height: 0; |
58036cb8 RK |
130 | } |
131 | ||
132 | .searchbar-engine-one-off-item { | |
58036cb8 RK |
133 | display: inline-block; |
134 | border: none; | |
fefd86cd | 135 | border-radius: 0; |
58036cb8 RK |
136 | min-width: 48px; |
137 | height: 32px; | |
d23bf94a RK |
138 | margin: 0; |
139 | padding: 0; | |
140 | background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%); | |
141 | background-size: 1px auto; | |
58036cb8 RK |
142 | background-repeat: no-repeat; |
143 | background-position: right center; | |
d23bf94a | 144 | color: #A09090; |
58036cb8 RK |
145 | } |
146 | ||
db1c5db1 RK |
147 | .searchbar-engine-one-off-item:-moz-locale-dir(rtl) { |
148 | background-position: left center; | |
149 | } | |
150 | ||
58036cb8 | 151 | .searchbar-engine-one-off-item:not(.last-row) { |
2e389898 | 152 | box-sizing: content-box; |
d23bf94a | 153 | border-bottom: 1px solid var(--panel-separator-color); |
58036cb8 RK |
154 | } |
155 | ||
2a1534f1 RK |
156 | .search-setting-button-compact { |
157 | border-bottom: none !important; | |
158 | } | |
159 | ||
160 | .search-panel-one-offs:not([compact=true]) > .searchbar-engine-one-off-item.last-of-row, | |
161 | .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-of-row:not(.dummy), | |
162 | .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.dummy:not(.last-of-row), | |
163 | .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-engine, | |
164 | .search-setting-button-compact { | |
58036cb8 RK |
165 | background-image: none; |
166 | } | |
167 | ||
58036cb8 RK |
168 | .searchbar-engine-one-off-item[selected] { |
169 | background-color: #008484; | |
170 | background-image: none; | |
d23bf94a | 171 | color: #000000; |
58036cb8 RK |
172 | } |
173 | ||
174 | .searchbar-engine-one-off-item > .button-box { | |
175 | border: none; | |
d23bf94a | 176 | padding: 0; |
58036cb8 RK |
177 | } |
178 | ||
179 | .searchbar-engine-one-off-item > .button-box > .button-text { | |
180 | display: none; | |
181 | } | |
182 | ||
183 | .searchbar-engine-one-off-item > .button-box > .button-icon { | |
184 | width: 16px; | |
185 | height: 16px; | |
186 | } | |
187 | ||
188 | .addengine-item { | |
58036cb8 | 189 | border: none; |
fefd86cd | 190 | /* height: 32px;*/ |
d23bf94a | 191 | margin: 0; |
58036cb8 | 192 | padding: 0 10px; |
fefd86cd | 193 | border-radius: 0; |
58036cb8 RK |
194 | } |
195 | ||
196 | .addengine-item > .button-box { | |
197 | -moz-box-pack: start; | |
198 | } | |
199 | ||
200 | .addengine-item:first-of-type { | |
20752032 | 201 | border-top: 1px solid #000000; |
58036cb8 RK |
202 | } |
203 | ||
20752032 | 204 | .addengine-item[selected] { |
58036cb8 RK |
205 | background-color: #FFCF00; |
206 | color: #000000; | |
207 | } | |
208 | ||
8c6555e2 | 209 | .addengine-icon { |
fefd86cd | 210 | height: 16px; |
58036cb8 RK |
211 | width: 16px; |
212 | } | |
213 | ||
8c6555e2 RK |
214 | .addengine-badge { |
215 | width: 16px; | |
216 | height: 16px; | |
217 | margin: -7px -9px 7px 9px; | |
218 | list-style-image: url("chrome://browser/skin/badge-add-engine.png"); | |
219 | } | |
220 | ||
58036cb8 RK |
221 | .addengine-item > .button-box > .button-text { |
222 | -moz-box-flex: 1; | |
223 | text-align: start; | |
dae45075 | 224 | padding-inline-start: 10px; |
58036cb8 RK |
225 | } |
226 | ||
227 | .addengine-item:not([image]) { | |
228 | list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); | |
229 | } | |
230 | ||
58036cb8 | 231 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell { |
dae45075 | 232 | padding-inline-start: 15px; |
58036cb8 RK |
233 | border-top: none !important; |
234 | } | |
235 | ||
1eb9479d | 236 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { |
dae45075 | 237 | padding-inline-start: 4px; |
1eb9479d RK |
238 | } |
239 | ||
240 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image { | |
dae45075 | 241 | padding-inline-start: 5px; |
1eb9479d RK |
242 | width: 14px; |
243 | height: 14px; | |
244 | } | |
245 | ||
246 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) { | |
247 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon"); | |
248 | } | |
249 | ||
250 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) { | |
251 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active"); | |
252 | } | |
253 | ||
58036cb8 | 254 | .search-setting-button { |
fefd86cd | 255 | border-radius: 0; |
20752032 | 256 | background-color: #C09070; |
fefd86cd | 257 | /* min-height: 32px;*/ |
58036cb8 RK |
258 | } |
259 | ||
20752032 | 260 | .search-setting-button[selected] { |
58036cb8 | 261 | background-color: #FFCF00; |
20752032 | 262 | border-top-color: #000000; |
58036cb8 | 263 | } |
2a1534f1 | 264 | |
d23bf94a RK |
265 | .search-setting-button-compact > .button-box > .button-icon { |
266 | list-style-image: url("chrome://browser/skin/gear.svg"); | |
267 | filter: url(chrome://browser/skin/filters.svg#fill); | |
268 | fill: currentColor; | |
2a1534f1 RK |
269 | } |
270 | ||
271 | .search-setting-button-compact:hover { | |
272 | background-color: #FFCF00; | |
273 | color: #000000; | |
274 | } |