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 RK |
103 | .search-panel-tree { |
104 | border-top: 1px solid #A09090 !important; | |
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 { | |
121 | color: black; | |
122 | } | |
123 | ||
124 | .search-panel-one-offs { | |
125 | margin: 0 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; | |
136 | margin: 0 0; | |
137 | padding: 0 0; | |
138 | background: none; | |
139 | background-image: url('chrome://browser/skin/search-oneoff-bg-border.png'); | |
140 | background-repeat: no-repeat; | |
141 | background-position: right center; | |
142 | } | |
143 | ||
db1c5db1 RK |
144 | .searchbar-engine-one-off-item:-moz-locale-dir(rtl) { |
145 | background-position: left center; | |
146 | } | |
147 | ||
58036cb8 | 148 | .searchbar-engine-one-off-item:not(.last-row) { |
2e389898 | 149 | box-sizing: content-box; |
58036cb8 RK |
150 | border-bottom: 1px solid #9C9CFF; |
151 | } | |
152 | ||
153 | .searchbar-engine-one-off-item.last-of-row { | |
154 | background-image: none; | |
155 | } | |
156 | ||
58036cb8 RK |
157 | .searchbar-engine-one-off-item[selected] { |
158 | background-color: #008484; | |
159 | background-image: none; | |
160 | } | |
161 | ||
162 | .searchbar-engine-one-off-item > .button-box { | |
163 | border: none; | |
164 | padding: 0 0; | |
165 | } | |
166 | ||
167 | .searchbar-engine-one-off-item > .button-box > .button-text { | |
168 | display: none; | |
169 | } | |
170 | ||
171 | .searchbar-engine-one-off-item > .button-box > .button-icon { | |
172 | width: 16px; | |
173 | height: 16px; | |
174 | } | |
175 | ||
176 | .addengine-item { | |
58036cb8 | 177 | border: none; |
fefd86cd | 178 | /* height: 32px;*/ |
58036cb8 RK |
179 | margin: 0 0; |
180 | padding: 0 10px; | |
fefd86cd | 181 | border-radius: 0; |
58036cb8 RK |
182 | } |
183 | ||
184 | .addengine-item > .button-box { | |
185 | -moz-box-pack: start; | |
186 | } | |
187 | ||
188 | .addengine-item:first-of-type { | |
20752032 | 189 | border-top: 1px solid #000000; |
58036cb8 RK |
190 | } |
191 | ||
20752032 | 192 | .addengine-item[selected] { |
58036cb8 RK |
193 | background-color: #FFCF00; |
194 | color: #000000; | |
195 | } | |
196 | ||
8c6555e2 | 197 | .addengine-icon { |
fefd86cd | 198 | height: 16px; |
58036cb8 RK |
199 | width: 16px; |
200 | } | |
201 | ||
8c6555e2 RK |
202 | .addengine-badge { |
203 | width: 16px; | |
204 | height: 16px; | |
205 | margin: -7px -9px 7px 9px; | |
206 | list-style-image: url("chrome://browser/skin/badge-add-engine.png"); | |
207 | } | |
208 | ||
58036cb8 RK |
209 | .addengine-item > .button-box > .button-text { |
210 | -moz-box-flex: 1; | |
211 | text-align: start; | |
dae45075 | 212 | padding-inline-start: 10px; |
58036cb8 RK |
213 | } |
214 | ||
215 | .addengine-item:not([image]) { | |
216 | list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); | |
217 | } | |
218 | ||
58036cb8 | 219 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell { |
dae45075 | 220 | padding-inline-start: 15px; |
58036cb8 RK |
221 | border-top: none !important; |
222 | } | |
223 | ||
1eb9479d | 224 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { |
dae45075 | 225 | padding-inline-start: 4px; |
1eb9479d RK |
226 | } |
227 | ||
228 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image { | |
dae45075 | 229 | padding-inline-start: 5px; |
1eb9479d RK |
230 | width: 14px; |
231 | height: 14px; | |
232 | } | |
233 | ||
234 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) { | |
235 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon"); | |
236 | } | |
237 | ||
238 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) { | |
239 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active"); | |
240 | } | |
241 | ||
58036cb8 | 242 | .search-setting-button { |
58036cb8 RK |
243 | border-bottom: none; |
244 | border-left: none; | |
245 | border-right: none; | |
fefd86cd | 246 | border-radius: 0; |
20752032 | 247 | background-color: #C09070; |
58036cb8 | 248 | -moz-border-top-colors: none; |
fefd86cd | 249 | /* min-height: 32px;*/ |
58036cb8 RK |
250 | } |
251 | ||
20752032 | 252 | .search-setting-button[selected] { |
58036cb8 | 253 | background-color: #FFCF00; |
20752032 | 254 | border-top-color: #000000; |
58036cb8 | 255 | } |