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);
122 searchbar[oneoffui] .search-go-button:hover {
123 -moz-image-region: rect(14px, 42px, 28px, 28px);
126 searchbar[oneoffui] .search-go-button:hover:active {
127 -moz-image-region: rect(28px, 42px, 42px, 28px);
130 searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
131 transform: scaleX(-1);
135 .search-panel-current-engine {
136 border-top: none !important;
137 -moz-box-align: center;
142 .search-panel-header {
144 background-color: #A09090;
145 border-top: 1px solid #000000;
151 .search-panel-tree[collapsed=true] + .search-panel-header {
155 .search-panel-current-input > label {
156 margin: 0 0 !important;
159 .search-panel-input-value {
163 .search-panel-one-offs {
164 margin: 0 0 !important;
165 border-top: 1px solid #000000;
169 .searchbar-engine-one-off-item {
170 display: inline-block;
178 background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
179 background-repeat: no-repeat;
180 background-position: right center;
183 .searchbar-engine-one-off-item:not(.last-row) {
184 box-sizing: padding-box;
185 border-bottom: 1px solid #9C9CFF;
188 .searchbar-engine-one-off-item.last-of-row {
189 background-image: none;
192 .searchbar-engine-one-off-item[selected] {
193 background-color: #008484;
194 background-image: none;
197 .searchbar-engine-one-off-item > .button-box {
202 .searchbar-engine-one-off-item > .button-box > .button-text {
206 .searchbar-engine-one-off-item > .button-box > .button-icon {
219 .addengine-item > .button-box {
220 -moz-box-pack: start;
223 .addengine-item:first-of-type {
224 border-top: 1px solid #000000;
227 .addengine-item[selected] {
228 background-color: #FFCF00;
240 margin: -7px -9px 7px 9px;
241 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
244 .addengine-item > .button-box > .button-text {
247 -moz-padding-start: 10px;
250 .addengine-item:not([image]) {
251 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
254 searchbar[oneoffui] .searchbar-engine-button {
258 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
259 -moz-padding-start: 15px;
260 border-top: none !important;
263 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
264 -moz-padding-start: 4px;
267 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
268 -moz-padding-start: 5px;
273 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
274 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
277 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
278 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
281 searchbar[oneoffui] .searchbar-engine-image {
282 -moz-margin-start: -1px;
285 .search-setting-button {
290 background-color: #C09070;
291 -moz-border-top-colors: none;
292 /* min-height: 32px;*/
295 .search-setting-button[selected] {
296 background-color: #FFCF00;
297 border-top-color: #000000;