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/. */
5 #PopupSearchAutoComplete {
6 -moz-margin-start: -25px;
9 .searchbar-dropmarker-image {
10 --searchbar-dropmarker-url: url("chrome://global/skin/arrow/arrow-down.gif");
11 --searchbar-dropmarker-hover-url: url("chrome://global/skin/arrow/arrow-down-hover.gif");
14 .autocomplete-textbox-container {
15 -moz-box-align: stretch;
22 /* ::::: searchbar-engine-button ::::: */
24 .searchbar-engine-image {
27 list-style-image: url("chrome://global/skin/filepicker/file.gif");
30 .searchbar-engine-button {
34 -moz-padding-end: 2px;
35 -moz-box-align: center;
38 border-radius: 3px 0px 0px 3px;
41 .searchbar-engine-button:-moz-locale-dir(rtl) {
42 border-radius: 0px 3px 3px 0px;
45 .searchbar-engine-button:hover {
46 background-color: #FFCF00;
49 .searchbar-engine-button[open="true"] {
50 background-color: #FF9F00;
53 .searchbar-engine-button > .button-box {
58 .searchbar-dropmarker-image {
59 list-style-image: var(--searchbar-dropmarker-url);
62 .searchbar-engine-button:hover > .searchbar-dropmarker-image,
63 .searchbar-engine-button[open="true"] > .searchbar-dropmarker-image {
64 list-style-image: var(--searchbar-dropmarker-hover-url);
68 /* ::::: search-go-button ::::: */
70 .search-go-container {
71 -moz-box-align: center;
76 list-style-image: url("chrome://global/skin/icons/search.png");
77 -moz-image-region: rect(0, 16px, 16px, 0);
80 .search-go-button:-moz-locale-dir(rtl) {
81 transform: scaleX(-1);
84 .search-go-button:hover {
87 .search-go-button:hover:active {
90 .searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {
94 .searchbar-search-button-container {
95 -moz-box-align: center;
98 .searchbar-search-button {
99 list-style-image: url("chrome://browser/skin/search-indicator.png");
100 -moz-image-region: rect(0, 20px, 20px, 0);
103 -moz-margin-start: 4px;
107 .searchbar-search-button[addengines="true"] {
108 list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
111 .searchbar-search-button:hover,
112 .searchbar-search-button:hover:active {
113 -moz-image-region: rect(0, 40px, 20px, 20px);
114 background-color: #FFCF00;
117 searchbar[oneoffui] .search-go-button {
118 list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
119 -moz-image-region: rect(0, 42px, 14px, 28px);
123 searchbar[oneoffui] .search-go-button:hover {
124 -moz-image-region: rect(14px, 42px, 28px, 28px);
127 searchbar[oneoffui] .search-go-button:hover:active {
128 -moz-image-region: rect(28px, 42px, 42px, 28px);
131 searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
132 transform: scaleX(-1);
135 @media (min-resolution: 1.1dppx) {
136 searchbar[oneoffui] .search-go-button {
137 list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
138 -moz-image-region: rect(0, 84px, 28px, 56px);
141 searchbar[oneoffui] .search-go-button:hover {
142 -moz-image-region: rect(28px, 84px, 56px, 56px);
145 searchbar[oneoffui] .search-go-button:hover:active {
146 -moz-image-region: rect(56px, 84px, 84px, 56px);
150 .search-panel-current-engine {
151 border-top: none !important;
152 -moz-box-align: center;
157 .search-panel-header {
159 background-color: #A09090;
160 border-top: 1px solid #000000;
166 .search-panel-tree[collapsed=true] + .search-panel-header {
170 .search-panel-current-input > label {
171 margin: 0 0 !important;
174 .search-panel-input-value {
178 .search-panel-one-offs {
179 margin: 0 0 !important;
180 border-top: 1px solid #000000;
184 .searchbar-engine-one-off-item {
185 display: inline-block;
193 background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
194 background-repeat: no-repeat;
195 background-position: right center;
198 .searchbar-engine-one-off-item:not(.last-row) {
199 box-sizing: content-box;
200 border-bottom: 1px solid #9C9CFF;
203 .searchbar-engine-one-off-item.last-of-row {
204 background-image: none;
207 .searchbar-engine-one-off-item[selected] {
208 background-color: #008484;
209 background-image: none;
212 .searchbar-engine-one-off-item > .button-box {
217 .searchbar-engine-one-off-item > .button-box > .button-text {
221 .searchbar-engine-one-off-item > .button-box > .button-icon {
234 .addengine-item > .button-box {
235 -moz-box-pack: start;
238 .addengine-item:first-of-type {
239 border-top: 1px solid #000000;
242 .addengine-item[selected] {
243 background-color: #FFCF00;
255 margin: -7px -9px 7px 9px;
256 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
259 .addengine-item > .button-box > .button-text {
262 -moz-padding-start: 10px;
265 .addengine-item:not([image]) {
266 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
269 searchbar[oneoffui] .searchbar-engine-button {
273 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
274 -moz-padding-start: 15px;
275 border-top: none !important;
278 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
279 -moz-padding-start: 4px;
282 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
283 -moz-padding-start: 5px;
288 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
289 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
292 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
293 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
296 searchbar[oneoffui] .searchbar-engine-image {
297 -moz-margin-start: -1px;
300 .search-setting-button {
305 background-color: #C09070;
306 -moz-border-top-colors: none;
307 /* min-height: 32px;*/
310 .search-setting-button[selected] {
311 background-color: #FFCF00;
312 border-top-color: #000000;