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 RK |
5 | #PopupSearchAutoComplete { |
6 | -moz-margin-start: -25px; | |
7 | } | |
8 | ||
319c6529 RK |
9 | .autocomplete-textbox-container { |
10 | -moz-box-align: stretch; | |
11 | } | |
12 | ||
13 | .textbox-input-box { | |
14 | margin: 0; | |
15 | } | |
16 | ||
17 | /* ::::: searchbar-engine-button ::::: */ | |
18 | ||
19 | .searchbar-engine-image { | |
20 | height: 16px; | |
21 | width: 16px; | |
22 | list-style-image: url("chrome://global/skin/filepicker/file.gif"); | |
e9fbfc3a | 23 | -moz-margin-start: -1px; |
319c6529 RK |
24 | } |
25 | ||
319c6529 RK |
26 | /* ::::: search-go-button ::::: */ |
27 | ||
28 | .search-go-container { | |
29 | -moz-box-align: center; | |
30 | } | |
31 | ||
32 | .search-go-button { | |
33 | padding: 1px; | |
e9fbfc3a RK |
34 | list-style-image: url("chrome://browser/skin/reload-stop-go.png"); |
35 | -moz-image-region: rect(0, 42px, 14px, 28px); | |
36 | width: 14px; | |
319c6529 RK |
37 | } |
38 | ||
e9fbfc3a RK |
39 | .search-go-button:-moz-locale-dir(rtl), |
40 | .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { | |
71a617ff | 41 | transform: scaleX(-1); |
319c6529 RK |
42 | } |
43 | ||
44 | .search-go-button:hover { | |
e9fbfc3a | 45 | -moz-image-region: rect(14px, 42px, 28px, 28px); |
319c6529 RK |
46 | } |
47 | ||
48 | .search-go-button:hover:active { | |
e9fbfc3a | 49 | -moz-image-region: rect(14px, 42px, 28px, 28px); |
319c6529 | 50 | } |
58036cb8 | 51 | |
58036cb8 RK |
52 | .searchbar-search-button-container { |
53 | -moz-box-align: center; | |
58036cb8 RK |
54 | } |
55 | ||
56 | .searchbar-search-button { | |
57 | list-style-image: url("chrome://browser/skin/search-indicator.png"); | |
58 | -moz-image-region: rect(0, 20px, 20px, 0); | |
8c6555e2 RK |
59 | margin-top: 1px; |
60 | margin-bottom: 1px; | |
61 | -moz-margin-start: 4px; | |
fefd86cd | 62 | border-radius: 3px; |
58036cb8 RK |
63 | } |
64 | ||
8c6555e2 RK |
65 | .searchbar-search-button[addengines="true"] { |
66 | list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png"); | |
67 | } | |
68 | ||
58036cb8 RK |
69 | .searchbar-search-button:hover, |
70 | .searchbar-search-button:hover:active { | |
71 | -moz-image-region: rect(0, 40px, 20px, 20px); | |
fefd86cd | 72 | background-color: #FFCF00; |
58036cb8 RK |
73 | } |
74 | ||
2e389898 | 75 | @media (min-resolution: 1.1dppx) { |
e9fbfc3a | 76 | .search-go-button { |
2e389898 RK |
77 | list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); |
78 | -moz-image-region: rect(0, 84px, 28px, 56px); | |
79 | } | |
80 | ||
e9fbfc3a | 81 | .search-go-button:hover { |
2e389898 RK |
82 | -moz-image-region: rect(28px, 84px, 56px, 56px); |
83 | } | |
84 | ||
e9fbfc3a | 85 | .search-go-button:hover:active { |
2e389898 RK |
86 | -moz-image-region: rect(56px, 84px, 84px, 56px); |
87 | } | |
88 | } | |
58036cb8 RK |
89 | |
90 | .search-panel-current-engine { | |
91 | border-top: none !important; | |
58036cb8 | 92 | -moz-box-align: center; |
58036cb8 | 93 | |
20752032 RK |
94 | border-bottom: none; |
95 | } | |
96 | ||
fa703ff4 RK |
97 | .search-panel-tree { |
98 | border-top: 1px solid #A09090 !important; | |
99 | } | |
100 | ||
58036cb8 RK |
101 | .search-panel-header { |
102 | font-weight: normal; | |
103 | background-color: #A09090; | |
20752032 | 104 | border-top: 1px solid #000000; |
58036cb8 RK |
105 | margin: 0; |
106 | padding: 3px 6px; | |
107 | color: #000000; | |
108 | } | |
109 | ||
110 | .search-panel-current-input > label { | |
111 | margin: 0 0 !important; | |
112 | } | |
113 | ||
114 | .search-panel-input-value { | |
115 | color: black; | |
116 | } | |
117 | ||
118 | .search-panel-one-offs { | |
119 | margin: 0 0 !important; | |
20752032 | 120 | border-top: 1px solid #000000; |
1eb9479d | 121 | line-height: 0; |
58036cb8 RK |
122 | } |
123 | ||
124 | .searchbar-engine-one-off-item { | |
58036cb8 RK |
125 | display: inline-block; |
126 | border: none; | |
fefd86cd | 127 | border-radius: 0; |
58036cb8 RK |
128 | min-width: 48px; |
129 | height: 32px; | |
130 | margin: 0 0; | |
131 | padding: 0 0; | |
132 | background: none; | |
133 | background-image: url('chrome://browser/skin/search-oneoff-bg-border.png'); | |
134 | background-repeat: no-repeat; | |
135 | background-position: right center; | |
136 | } | |
137 | ||
138 | .searchbar-engine-one-off-item:not(.last-row) { | |
2e389898 | 139 | box-sizing: content-box; |
58036cb8 RK |
140 | border-bottom: 1px solid #9C9CFF; |
141 | } | |
142 | ||
143 | .searchbar-engine-one-off-item.last-of-row { | |
144 | background-image: none; | |
145 | } | |
146 | ||
58036cb8 RK |
147 | .searchbar-engine-one-off-item[selected] { |
148 | background-color: #008484; | |
149 | background-image: none; | |
150 | } | |
151 | ||
152 | .searchbar-engine-one-off-item > .button-box { | |
153 | border: none; | |
154 | padding: 0 0; | |
155 | } | |
156 | ||
157 | .searchbar-engine-one-off-item > .button-box > .button-text { | |
158 | display: none; | |
159 | } | |
160 | ||
161 | .searchbar-engine-one-off-item > .button-box > .button-icon { | |
162 | width: 16px; | |
163 | height: 16px; | |
164 | } | |
165 | ||
166 | .addengine-item { | |
58036cb8 | 167 | border: none; |
fefd86cd | 168 | /* height: 32px;*/ |
58036cb8 RK |
169 | margin: 0 0; |
170 | padding: 0 10px; | |
fefd86cd | 171 | border-radius: 0; |
58036cb8 RK |
172 | } |
173 | ||
174 | .addengine-item > .button-box { | |
175 | -moz-box-pack: start; | |
176 | } | |
177 | ||
178 | .addengine-item:first-of-type { | |
20752032 | 179 | border-top: 1px solid #000000; |
58036cb8 RK |
180 | } |
181 | ||
20752032 | 182 | .addengine-item[selected] { |
58036cb8 RK |
183 | background-color: #FFCF00; |
184 | color: #000000; | |
185 | } | |
186 | ||
8c6555e2 | 187 | .addengine-icon { |
fefd86cd | 188 | height: 16px; |
58036cb8 RK |
189 | width: 16px; |
190 | } | |
191 | ||
8c6555e2 RK |
192 | .addengine-badge { |
193 | width: 16px; | |
194 | height: 16px; | |
195 | margin: -7px -9px 7px 9px; | |
196 | list-style-image: url("chrome://browser/skin/badge-add-engine.png"); | |
197 | } | |
198 | ||
58036cb8 RK |
199 | .addengine-item > .button-box > .button-text { |
200 | -moz-box-flex: 1; | |
201 | text-align: start; | |
202 | -moz-padding-start: 10px; | |
203 | } | |
204 | ||
205 | .addengine-item:not([image]) { | |
206 | list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); | |
207 | } | |
208 | ||
58036cb8 RK |
209 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell { |
210 | -moz-padding-start: 15px; | |
211 | border-top: none !important; | |
212 | } | |
213 | ||
1eb9479d RK |
214 | .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { |
215 | -moz-padding-start: 4px; | |
216 | } | |
217 | ||
218 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image { | |
219 | -moz-padding-start: 5px; | |
220 | width: 14px; | |
221 | height: 14px; | |
222 | } | |
223 | ||
224 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) { | |
225 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon"); | |
226 | } | |
227 | ||
228 | .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) { | |
229 | list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active"); | |
230 | } | |
231 | ||
58036cb8 | 232 | .search-setting-button { |
58036cb8 RK |
233 | border-bottom: none; |
234 | border-left: none; | |
235 | border-right: none; | |
fefd86cd | 236 | border-radius: 0; |
20752032 | 237 | background-color: #C09070; |
58036cb8 | 238 | -moz-border-top-colors: none; |
fefd86cd | 239 | /* min-height: 32px;*/ |
58036cb8 RK |
240 | } |
241 | ||
20752032 | 242 | .search-setting-button[selected] { |
58036cb8 | 243 | background-color: #FFCF00; |
20752032 | 244 | border-top-color: #000000; |
58036cb8 | 245 | } |