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 .autocomplete-textbox-container {
10 -moz-box-align: stretch;
17 /* ::::: searchbar-engine-button ::::: */
19 .searchbar-engine-image {
22 list-style-image: url("chrome://global/skin/filepicker/file.gif");
23 -moz-margin-start: -1px;
26 /* ::::: search-go-button ::::: */
28 .search-go-container {
29 -moz-box-align: center;
34 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
35 -moz-image-region: rect(0, 42px, 14px, 28px);
39 .search-go-button:-moz-locale-dir(rtl),
40 .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
41 transform: scaleX(-1);
44 .search-go-button:hover {
45 -moz-image-region: rect(14px, 42px, 28px, 28px);
48 .search-go-button:hover:active {
49 -moz-image-region: rect(14px, 42px, 28px, 28px);
52 .searchbar-search-button-container {
53 -moz-box-align: center;
56 .searchbar-search-button {
57 list-style-image: url("chrome://browser/skin/search-indicator.png");
58 -moz-image-region: rect(0, 20px, 20px, 0);
61 -moz-margin-start: 4px;
65 .searchbar-search-button[addengines="true"] {
66 list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
69 .searchbar-search-button:hover,
70 .searchbar-search-button:hover:active {
71 -moz-image-region: rect(0, 40px, 20px, 20px);
72 background-color: #FFCF00;
75 @media (min-resolution: 1.1dppx) {
77 list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
78 -moz-image-region: rect(0, 84px, 28px, 56px);
81 .search-go-button:hover {
82 -moz-image-region: rect(28px, 84px, 56px, 56px);
85 .search-go-button:hover:active {
86 -moz-image-region: rect(56px, 84px, 84px, 56px);
90 .search-panel-current-engine {
91 border-top: none !important;
92 -moz-box-align: center;
97 .search-panel-header {
99 background-color: #A09090;
100 border-top: 1px solid #000000;
106 .search-panel-tree[collapsed=true] + .search-panel-header {
110 .search-panel-current-input > label {
111 margin: 0 0 !important;
114 .search-panel-input-value {
118 .search-panel-one-offs {
119 margin: 0 0 !important;
120 border-top: 1px solid #000000;
124 .searchbar-engine-one-off-item {
125 display: inline-block;
133 background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
134 background-repeat: no-repeat;
135 background-position: right center;
138 .searchbar-engine-one-off-item:not(.last-row) {
139 box-sizing: content-box;
140 border-bottom: 1px solid #9C9CFF;
143 .searchbar-engine-one-off-item.last-of-row {
144 background-image: none;
147 .searchbar-engine-one-off-item[selected] {
148 background-color: #008484;
149 background-image: none;
152 .searchbar-engine-one-off-item > .button-box {
157 .searchbar-engine-one-off-item > .button-box > .button-text {
161 .searchbar-engine-one-off-item > .button-box > .button-icon {
174 .addengine-item > .button-box {
175 -moz-box-pack: start;
178 .addengine-item:first-of-type {
179 border-top: 1px solid #000000;
182 .addengine-item[selected] {
183 background-color: #FFCF00;
195 margin: -7px -9px 7px 9px;
196 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
199 .addengine-item > .button-box > .button-text {
202 -moz-padding-start: 10px;
205 .addengine-item:not([image]) {
206 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
209 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
210 -moz-padding-start: 15px;
211 border-top: none !important;
214 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
215 -moz-padding-start: 4px;
218 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
219 -moz-padding-start: 5px;
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");
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");
232 .search-setting-button {
237 background-color: #C09070;
238 -moz-border-top-colors: none;
239 /* min-height: 32px;*/
242 .search-setting-button[selected] {
243 background-color: #FFCF00;
244 border-top-color: #000000;