first part of syncing LCARStrek with Firefox 37 windows theme changes
[themes.git] / LCARStrek / browser / searchbar.css
... / ...
CommitLineData
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/. */
4
5#PopupSearchAutoComplete {
6 -moz-margin-start: -25px;
7}
8
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");
12}
13
14.autocomplete-textbox-container {
15 -moz-box-align: stretch;
16}
17
18.textbox-input-box {
19 margin: 0;
20}
21
22/* ::::: searchbar-engine-button ::::: */
23
24.searchbar-engine-image {
25 height: 16px;
26 width: 16px;
27 list-style-image: url("chrome://global/skin/filepicker/file.gif");
28}
29
30.searchbar-engine-button {
31 min-width: 0;
32 margin: 0;
33 padding: 0;
34 -moz-padding-end: 2px;
35 -moz-box-align: center;
36 background: none;
37 border: none;
38 border-radius: 3px 0px 0px 3px;
39}
40
41.searchbar-engine-button:-moz-locale-dir(rtl) {
42 border-radius: 0px 3px 3px 0px;
43}
44
45.searchbar-engine-button:hover {
46 background-color: #FFCF00;
47}
48
49.searchbar-engine-button[open="true"] {
50 background-color: #FF9F00;
51}
52
53.searchbar-engine-button > .button-box {
54 padding: 0;
55 border: 0;
56}
57
58.searchbar-dropmarker-image {
59 list-style-image: var(--searchbar-dropmarker-url);
60}
61
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);
65}
66
67
68/* ::::: search-go-button ::::: */
69
70.search-go-container {
71 -moz-box-align: center;
72}
73
74.search-go-button {
75 padding: 1px;
76 list-style-image: url("chrome://global/skin/icons/search.png");
77 -moz-image-region: rect(0, 16px, 16px, 0);
78}
79
80.search-go-button:-moz-locale-dir(rtl) {
81 transform: scaleX(-1);
82}
83
84.search-go-button:hover {
85}
86
87.search-go-button:hover:active {
88}
89
90.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {
91 font-weight: bold;
92}
93
94.searchbar-search-button-container {
95 -moz-box-align: center;
96}
97
98.searchbar-search-button {
99 list-style-image: url("chrome://browser/skin/search-indicator.png");
100 -moz-image-region: rect(0, 20px, 20px, 0);
101 margin-top: 1px;
102 margin-bottom: 1px;
103 -moz-margin-start: 4px;
104 border-radius: 3px;
105}
106
107.searchbar-search-button[addengines="true"] {
108 list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
109}
110
111.searchbar-search-button:hover,
112.searchbar-search-button:hover:active {
113 -moz-image-region: rect(0, 40px, 20px, 20px);
114 background-color: #FFCF00;
115}
116
117searchbar[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);
120}
121
122searchbar[oneoffui] .search-go-button:hover {
123 -moz-image-region: rect(14px, 42px, 28px, 28px);
124}
125
126searchbar[oneoffui] .search-go-button:hover:active {
127 -moz-image-region: rect(28px, 42px, 42px, 28px);
128}
129
130searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
131 transform: scaleX(-1);
132}
133
134
135.search-panel-current-engine {
136 border-top: none !important;
137 border-bottom: 1px solid #9C9CFF;
138 -moz-box-align: center;
139}
140
141.search-panel-header {
142 font-weight: normal;
143 background-color: #A09090;
144 border-top: 1px solid #9C9CFF;
145 margin: 0;
146 padding: 3px 6px;
147 color: #000000;
148}
149
150.search-panel-current-input > label {
151 margin: 0 0 !important;
152}
153
154.search-panel-input-value {
155 color: black;
156}
157
158.search-panel-one-offs {
159 margin: 0 0 !important;
160 border-top: 1px solid #9C9CFF;
161 line-height: 0;
162}
163
164.searchbar-engine-one-off-item {
165 display: inline-block;
166 border: none;
167 border-radius: 0;
168 min-width: 48px;
169 height: 32px;
170 margin: 0 0;
171 padding: 0 0;
172 background: none;
173 background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
174 background-repeat: no-repeat;
175 background-position: right center;
176}
177
178.searchbar-engine-one-off-item:not(.last-row) {
179 box-sizing: padding-box;
180 border-bottom: 1px solid #9C9CFF;
181}
182
183.searchbar-engine-one-off-item.last-of-row {
184 background-image: none;
185}
186
187.searchbar-engine-one-off-item:hover:not(.dummy),
188.searchbar-engine-one-off-item[selected] {
189 background-color: #008484;
190 background-image: none;
191}
192
193.searchbar-engine-one-off-item > .button-box {
194 border: none;
195 padding: 0 0;
196}
197
198.searchbar-engine-one-off-item > .button-box > .button-text {
199 display: none;
200}
201
202.searchbar-engine-one-off-item > .button-box > .button-icon {
203 width: 16px;
204 height: 16px;
205}
206
207.addengine-item {
208 border: none;
209/* height: 32px;*/
210 margin: 0 0;
211 padding: 0 10px;
212 border-radius: 0;
213}
214
215.addengine-item > .button-box {
216 -moz-box-pack: start;
217}
218
219.addengine-item:first-of-type {
220 border-top: 1px solid #9C9CFF;
221}
222
223.addengine-item:hover {
224 background-color: #FFCF00;
225 color: #000000;
226}
227
228.addengine-icon {
229 height: 16px;
230 width: 16px;
231}
232
233.addengine-badge {
234 width: 16px;
235 height: 16px;
236 margin: -7px -9px 7px 9px;
237 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
238}
239
240.addengine-item > .button-box > .button-text {
241 -moz-box-flex: 1;
242 text-align: start;
243 -moz-padding-start: 10px;
244}
245
246.addengine-item:not([image]) {
247 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
248}
249
250searchbar[oneoffui] .searchbar-engine-button {
251 display: none;
252}
253
254.search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
255 -moz-padding-start: 15px;
256 border-top: none !important;
257}
258
259.search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
260 -moz-padding-start: 4px;
261}
262
263.search-panel-tree > .autocomplete-treebody::-moz-tree-image {
264 -moz-padding-start: 5px;
265 width: 14px;
266 height: 14px;
267}
268
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");
271}
272
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");
275}
276
277searchbar[oneoffui] .searchbar-engine-image {
278 -moz-margin-start: -1px;
279}
280
281.search-setting-button {
282 border-bottom: none;
283 border-left: none;
284 border-right: none;
285 border-radius: 0;
286 -moz-border-top-colors: none;
287/* min-height: 32px;*/
288}
289
290.search-setting-button:hover {
291 background-color: #FFCF00;
292 border-top-color: #9C9CFF;
293}