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