sixth part of syncing LCARStrek with Firefox 42-44 windows theme changes
[themes.git] / LCARStrek / browser / searchbar.css
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 .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");
23   -moz-margin-start: -1px;
24 }
25
26 /* ::::: search-go-button ::::: */
27
28 .search-go-container {
29   -moz-box-align: center;
30 }
31
32 .search-go-button {
33   padding: 1px;
34   list-style-image: url("chrome://browser/skin/reload-stop-go.png");
35   -moz-image-region: rect(0, 42px, 14px, 28px);
36   width: 14px;
37 }
38
39 .search-go-button:-moz-locale-dir(rtl),
40 .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
41   transform: scaleX(-1);
42 }
43
44 .search-go-button:hover {
45   -moz-image-region: rect(14px, 42px, 28px, 28px);
46 }
47
48 .search-go-button:hover:active {
49   -moz-image-region: rect(14px, 42px, 28px, 28px);
50 }
51
52 .searchbar-search-button-container {
53   -moz-box-align: center;
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);
59   margin-top: 1px;
60   margin-bottom: 1px;
61   -moz-margin-start: 4px;
62   border-radius: 3px;
63 }
64
65 .searchbar-search-button[addengines="true"] {
66   list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
67 }
68
69 .searchbar-search-button:hover,
70 .searchbar-search-button:hover:active {
71   -moz-image-region: rect(0, 40px, 20px, 20px);
72   background-color: #FFCF00;  
73 }
74
75 @media (min-resolution: 1.1dppx) {
76   .search-go-button {
77     list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
78     -moz-image-region: rect(0, 84px, 28px, 56px);
79   }
80
81   .search-go-button:hover {
82     -moz-image-region: rect(28px, 84px, 56px, 56px);
83   }
84
85   .search-go-button:hover:active {
86     -moz-image-region: rect(56px, 84px, 84px, 56px);
87   }
88 }
89
90 .search-panel-current-engine {
91   border-top: none !important;
92   -moz-box-align: center;
93
94   border-bottom: none;
95 }
96
97 .search-panel-header {
98   font-weight: normal;
99   background-color: #A09090;
100   border-top: 1px solid #000000;
101   margin: 0;
102   padding: 3px 6px;
103   color: #000000;
104 }
105
106 .search-panel-tree[collapsed=true] + .search-panel-header {
107   border-top: none;
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;
120   border-top: 1px solid #000000;
121   line-height: 0;
122 }
123
124 .searchbar-engine-one-off-item {
125   display: inline-block;
126   border: none;
127   border-radius: 0;
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) {
139   box-sizing: content-box;
140   border-bottom: 1px solid #9C9CFF;
141 }
142
143 .searchbar-engine-one-off-item.last-of-row {
144   background-image: none;
145 }
146
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 {
167   border: none;
168 /*  height: 32px;*/
169   margin: 0 0;
170   padding: 0 10px;
171   border-radius: 0;
172 }
173
174 .addengine-item > .button-box {
175   -moz-box-pack: start;
176 }
177
178 .addengine-item:first-of-type {
179   border-top: 1px solid #000000;
180 }
181
182 .addengine-item[selected] {
183   background-color: #FFCF00;
184   color: #000000;
185 }
186
187 .addengine-icon {
188   height: 16px;
189   width: 16px;
190 }
191
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
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
209 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
210   -moz-padding-start: 15px;
211   border-top: none !important;
212 }
213
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
232 .search-setting-button {
233   border-bottom: none;
234   border-left: none;
235   border-right: none;
236   border-radius: 0;
237   background-color: #C09070;
238   -moz-border-top-colors: none;
239 /*  min-height: 32px;*/
240 }
241
242 .search-setting-button[selected] {
243   background-color: #FFCF00;
244   border-top-color: #000000;
245 }