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 border-bottom: 1px solid #9C9CFF;
138 -moz-box-align: center;
141 .search-panel-header {
143 background-color: #A09090;
144 border-top: 1px solid #9C9CFF;
150 .search-panel-current-input > label {
151 margin: 0 0 !important;
154 .search-panel-input-value {
158 .search-panel-one-offs {
159 margin: 0 0 !important;
160 border-top: 1px solid #9C9CFF;
164 .searchbar-engine-one-off-item {
165 display: inline-block;
173 background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
174 background-repeat: no-repeat;
175 background-position: right center;
178 .searchbar-engine-one-off-item:not(.last-row) {
179 box-sizing: padding-box;
180 border-bottom: 1px solid #9C9CFF;
183 .searchbar-engine-one-off-item.last-of-row {
184 background-image: none;
187 .searchbar-engine-one-off-item:hover:not(.dummy),
188 .searchbar-engine-one-off-item[selected] {
189 background-color: #008484;
190 background-image: none;
193 .searchbar-engine-one-off-item > .button-box {
198 .searchbar-engine-one-off-item > .button-box > .button-text {
202 .searchbar-engine-one-off-item > .button-box > .button-icon {
215 .addengine-item > .button-box {
216 -moz-box-pack: start;
219 .addengine-item:first-of-type {
220 border-top: 1px solid #9C9CFF;
223 .addengine-item:hover {
224 background-color: #FFCF00;
236 margin: -7px -9px 7px 9px;
237 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
240 .addengine-item > .button-box > .button-text {
243 -moz-padding-start: 10px;
246 .addengine-item:not([image]) {
247 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
250 searchbar[oneoffui] .searchbar-engine-button {
254 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
255 -moz-padding-start: 15px;
256 border-top: none !important;
259 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
260 -moz-padding-start: 4px;
263 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
264 -moz-padding-start: 5px;
269 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
270 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
273 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
274 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
277 searchbar[oneoffui] .searchbar-engine-image {
278 -moz-margin-start: -1px;
281 .search-setting-button {
286 -moz-border-top-colors: none;
287 /* min-height: 32px;*/
290 .search-setting-button:hover {
291 background-color: #FFCF00;
292 border-top-color: #9C9CFF;