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 .autocomplete-textbox-container {
6 -moz-box-align: stretch;
13 /* ::::: searchbar-engine-button ::::: */
15 .searchbar-engine-image {
18 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
19 margin-inline-start: -1px;
22 /* ::::: search-go-button ::::: */
24 .search-go-container {
25 -moz-box-align: center;
30 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
31 -moz-image-region: rect(0, 42px, 14px, 28px);
35 .search-go-button:-moz-locale-dir(rtl) {
36 transform: scaleX(-1);
39 .search-go-button:hover {
40 -moz-image-region: rect(14px, 42px, 28px, 28px);
43 .search-go-button:hover:active {
44 -moz-image-region: rect(14px, 42px, 28px, 28px);
47 .searchbar-search-button-container {
48 -moz-box-align: center;
51 .searchbar-search-button {
52 list-style-image: url("chrome://browser/skin/search-indicator.png");
53 -moz-image-region: rect(0, 20px, 20px, 0);
56 margin-inline-start: 4px;
60 .searchbar-search-button[addengines="true"] {
61 list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
64 .searchbar-search-button:hover,
65 .searchbar-search-button:hover:active {
66 -moz-image-region: rect(0, 40px, 20px, 20px);
67 background-color: #FFCF00;
70 @media (min-resolution: 1.1dppx) {
72 list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
73 -moz-image-region: rect(0, 84px, 28px, 56px);
76 .search-go-button:hover {
77 -moz-image-region: rect(28px, 84px, 56px, 56px);
80 .search-go-button:hover:active {
81 -moz-image-region: rect(56px, 84px, 84px, 56px);
85 .search-panel-current-engine {
86 -moz-box-align: center;
90 * The borders of the various elements are specified as follows.
92 * The current engine always has a bottom border.
93 * The search results never have a border.
95 * When the search results are not collapsed:
96 * - The elements underneath the search results all have a top border.
98 * When the search results are collapsed:
99 * - The elements underneath the search results all have a bottom border, except
100 * the lowest one: search-setting-button.
103 .search-panel-current-engine {
104 border-top: none !important;
105 border-bottom: 1px solid var(--panel-separator-color) !important;
108 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-header,
109 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs,
110 .search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:first-of-type {
111 border-top: none !important;
114 .search-panel-tree[collapsed=true] + .search-one-offs > .searchbar-engine-one-off-item,
115 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-current-input,
116 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs,
117 .search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:last-of-type {
118 border-bottom: 1px solid var(--panel-separator-color) !important;
121 .search-panel-header {
123 background-color: #A09090;
124 border-top: 1px solid #000000;
130 .search-panel-current-input > label {
131 margin: 0 0 !important;
134 .search-panel-input-value {
136 background-color: #000000;
140 .search-panel-one-offs {
141 margin: 0 !important;
142 border-top: 1px solid #000000;
146 .searchbar-engine-one-off-item {
147 display: inline-block;
154 background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%);
155 background-size: 1px auto;
156 background-repeat: no-repeat;
157 background-position: right center;
161 .searchbar-engine-one-off-item:-moz-locale-dir(rtl) {
162 background-position: left center;
165 .searchbar-engine-one-off-item:not(.last-row) {
166 box-sizing: content-box;
167 border-bottom: 1px solid var(--panel-separator-color);
170 .search-setting-button-compact {
171 border-bottom: none !important;
174 .search-panel-one-offs:not([compact=true]) > .searchbar-engine-one-off-item.last-of-row,
175 .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-of-row:not(.dummy),
176 .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.dummy:not(.last-of-row),
177 .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-engine,
178 .search-setting-button-compact {
179 background-image: none;
182 .searchbar-engine-one-off-item:not([selected]):not(.dummy):hover,
183 .search-setting-button:hover,
184 .addengine-item:hover {
185 background-color: #FFCF00;
189 .searchbar-engine-one-off-item[selected] {
190 background-color: #008484;
191 background-image: none;
195 .searchbar-engine-one-off-item > .button-box {
200 .searchbar-engine-one-off-item > .button-box > .button-text {
204 .searchbar-engine-one-off-item > .button-box > .button-icon {
217 .addengine-item > .button-box {
218 -moz-box-pack: start;
221 .addengine-item:first-of-type {
222 border-top: 1px solid #000000;
225 .addengine-item[selected] {
226 background-color: #FFCF00;
230 .addengine-item[type=menu][selected] {
232 background-color: var(--arrowpanel-dimmed-further);
243 margin: -7px -9px 7px 9px;
244 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
247 .addengine-item > .button-box > .button-text,
248 .addengine-item[type=menu] > .button-box > .box-inherit > .button-text {
251 padding-inline-start: 10px;
254 .addengine-item:not([image]) {
255 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
258 .addengine-item[type=menu] > .button-box > .button-menu-dropmarker {
260 /* -moz-appearance: menuarrow !important;*/
261 list-style-image: none;
264 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
265 padding-inline-start: 15px;
266 border-top: none !important;
269 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
270 padding-inline-start: 4px;
273 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
274 padding-inline-start: 5px;
279 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
280 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
283 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
284 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
287 .search-setting-button {
289 background-color: #C09070;
290 /* min-height: 32px;*/
293 .search-setting-button[selected] {
294 background-color: #FFCF00;
295 border-top-color: #000000;
298 .search-setting-button-compact > .button-box > .button-icon {
299 list-style-image: url("chrome://browser/skin/gear.svg");
300 -moz-context-properties: fill;
304 .search-setting-button-compact:hover {
305 background-color: #FFCF00;