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