start 2.48 cycle
[themes.git] / LCARStrek / browser / searchbar.css
CommitLineData
45dc7657
RK
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/. */
319c6529 4
8c6555e2 5#PopupSearchAutoComplete {
db1c5db1
RK
6 /* JS code forces the panel to have the width of the searchbar rather than
7 * the width of the textfield. Alignment of the panel with the searchbar is
8 * obtained with negative margins here: margin-inline-start when the text
9 * field is in the same direction as the rest of the UI, margin-inline-end
10 * when the textfield's direction has been reversed.
11 * (eg. using ctrl+shift+X) */
dae45075 12 margin-inline-start: -25px;
db1c5db1 13 margin-inline-end: -18px;
8c6555e2
RK
14}
15
319c6529
RK
16.autocomplete-textbox-container {
17 -moz-box-align: stretch;
18}
19
20.textbox-input-box {
21 margin: 0;
22}
23
24/* ::::: searchbar-engine-button ::::: */
25
26.searchbar-engine-image {
27 height: 16px;
28 width: 16px;
db1c5db1 29 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
dae45075 30 margin-inline-start: -1px;
319c6529
RK
31}
32
319c6529
RK
33/* ::::: search-go-button ::::: */
34
35.search-go-container {
36 -moz-box-align: center;
37}
38
39.search-go-button {
40 padding: 1px;
e9fbfc3a
RK
41 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
42 -moz-image-region: rect(0, 42px, 14px, 28px);
43 width: 14px;
319c6529
RK
44}
45
db1c5db1 46.search-go-button:-moz-locale-dir(rtl) {
71a617ff 47 transform: scaleX(-1);
319c6529
RK
48}
49
50.search-go-button:hover {
e9fbfc3a 51 -moz-image-region: rect(14px, 42px, 28px, 28px);
319c6529
RK
52}
53
54.search-go-button:hover:active {
e9fbfc3a 55 -moz-image-region: rect(14px, 42px, 28px, 28px);
319c6529 56}
58036cb8 57
58036cb8
RK
58.searchbar-search-button-container {
59 -moz-box-align: center;
58036cb8
RK
60}
61
62.searchbar-search-button {
63 list-style-image: url("chrome://browser/skin/search-indicator.png");
64 -moz-image-region: rect(0, 20px, 20px, 0);
8c6555e2
RK
65 margin-top: 1px;
66 margin-bottom: 1px;
dae45075 67 margin-inline-start: 4px;
fefd86cd 68 border-radius: 3px;
58036cb8
RK
69}
70
8c6555e2
RK
71.searchbar-search-button[addengines="true"] {
72 list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
73}
74
58036cb8
RK
75.searchbar-search-button:hover,
76.searchbar-search-button:hover:active {
77 -moz-image-region: rect(0, 40px, 20px, 20px);
fefd86cd 78 background-color: #FFCF00;
58036cb8
RK
79}
80
2e389898 81@media (min-resolution: 1.1dppx) {
e9fbfc3a 82 .search-go-button {
2e389898
RK
83 list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
84 -moz-image-region: rect(0, 84px, 28px, 56px);
85 }
86
e9fbfc3a 87 .search-go-button:hover {
2e389898
RK
88 -moz-image-region: rect(28px, 84px, 56px, 56px);
89 }
90
e9fbfc3a 91 .search-go-button:hover:active {
2e389898
RK
92 -moz-image-region: rect(56px, 84px, 84px, 56px);
93 }
94}
58036cb8
RK
95
96.search-panel-current-engine {
97 border-top: none !important;
58036cb8 98 -moz-box-align: center;
58036cb8 99
20752032
RK
100 border-bottom: none;
101}
102
fa703ff4
RK
103.search-panel-tree {
104 border-top: 1px solid #A09090 !important;
105}
106
58036cb8
RK
107.search-panel-header {
108 font-weight: normal;
109 background-color: #A09090;
20752032 110 border-top: 1px solid #000000;
58036cb8
RK
111 margin: 0;
112 padding: 3px 6px;
113 color: #000000;
114}
115
116.search-panel-current-input > label {
117 margin: 0 0 !important;
118}
119
120.search-panel-input-value {
121 color: black;
122}
123
124.search-panel-one-offs {
125 margin: 0 0 !important;
20752032 126 border-top: 1px solid #000000;
1eb9479d 127 line-height: 0;
58036cb8
RK
128}
129
130.searchbar-engine-one-off-item {
58036cb8
RK
131 display: inline-block;
132 border: none;
fefd86cd 133 border-radius: 0;
58036cb8
RK
134 min-width: 48px;
135 height: 32px;
136 margin: 0 0;
137 padding: 0 0;
138 background: none;
139 background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
140 background-repeat: no-repeat;
141 background-position: right center;
142}
143
db1c5db1
RK
144.searchbar-engine-one-off-item:-moz-locale-dir(rtl) {
145 background-position: left center;
146}
147
58036cb8 148.searchbar-engine-one-off-item:not(.last-row) {
2e389898 149 box-sizing: content-box;
58036cb8
RK
150 border-bottom: 1px solid #9C9CFF;
151}
152
153.searchbar-engine-one-off-item.last-of-row {
154 background-image: none;
155}
156
58036cb8
RK
157.searchbar-engine-one-off-item[selected] {
158 background-color: #008484;
159 background-image: none;
160}
161
162.searchbar-engine-one-off-item > .button-box {
163 border: none;
164 padding: 0 0;
165}
166
167.searchbar-engine-one-off-item > .button-box > .button-text {
168 display: none;
169}
170
171.searchbar-engine-one-off-item > .button-box > .button-icon {
172 width: 16px;
173 height: 16px;
174}
175
176.addengine-item {
58036cb8 177 border: none;
fefd86cd 178/* height: 32px;*/
58036cb8
RK
179 margin: 0 0;
180 padding: 0 10px;
fefd86cd 181 border-radius: 0;
58036cb8
RK
182}
183
184.addengine-item > .button-box {
185 -moz-box-pack: start;
186}
187
188.addengine-item:first-of-type {
20752032 189 border-top: 1px solid #000000;
58036cb8
RK
190}
191
20752032 192.addengine-item[selected] {
58036cb8
RK
193 background-color: #FFCF00;
194 color: #000000;
195}
196
8c6555e2 197.addengine-icon {
fefd86cd 198 height: 16px;
58036cb8
RK
199 width: 16px;
200}
201
8c6555e2
RK
202.addengine-badge {
203 width: 16px;
204 height: 16px;
205 margin: -7px -9px 7px 9px;
206 list-style-image: url("chrome://browser/skin/badge-add-engine.png");
207}
208
58036cb8
RK
209.addengine-item > .button-box > .button-text {
210 -moz-box-flex: 1;
211 text-align: start;
dae45075 212 padding-inline-start: 10px;
58036cb8
RK
213}
214
215.addengine-item:not([image]) {
216 list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
217}
218
58036cb8 219.search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
dae45075 220 padding-inline-start: 15px;
58036cb8
RK
221 border-top: none !important;
222}
223
1eb9479d 224.search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
dae45075 225 padding-inline-start: 4px;
1eb9479d
RK
226}
227
228.search-panel-tree > .autocomplete-treebody::-moz-tree-image {
dae45075 229 padding-inline-start: 5px;
1eb9479d
RK
230 width: 14px;
231 height: 14px;
232}
233
234.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
235 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
236}
237
238.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
239 list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
240}
241
58036cb8 242.search-setting-button {
58036cb8
RK
243 border-bottom: none;
244 border-left: none;
245 border-right: none;
fefd86cd 246 border-radius: 0;
20752032 247 background-color: #C09070;
58036cb8 248 -moz-border-top-colors: none;
fefd86cd 249/* min-height: 32px;*/
58036cb8
RK
250}
251
20752032 252.search-setting-button[selected] {
58036cb8 253 background-color: #FFCF00;
20752032 254 border-top-color: #000000;
58036cb8 255}