source: sandbox/expresso-solr/solr/example/work/jetty-0.0.0.0-8983-solr.war-_solr-any-/webapp/css/chosen.css @ 7588

Revision 7588, 13.7 KB checked in by adir, 11 years ago (diff)

Ticket #000 - Adicionando a integracao de buscas com Solr na base a ser isnerida na comunidade

Line 
1/* @group Base */
2.chzn-container {
3  font-size: 13px;
4  position: relative;
5  display: inline-block;
6  zoom: 1;
7  *display: inline;
8}
9.chzn-container .chzn-drop {
10  background: #fff;
11  border: 1px solid #aaa;
12  border-top: 0;
13  position: absolute;
14  top: 29px;
15  left: 0;
16  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
17  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
18  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
19  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
20  z-index: 999;
21}
22/* @end */
23
24/* @group Single Chosen */
25.chzn-container-single .chzn-single {
26  background-color: #ffffff;
27  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
28  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
29  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
30  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
31  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
32  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
33  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
34  -webkit-border-radius: 5px;
35  -moz-border-radius   : 5px;
36  border-radius        : 5px;
37  -moz-background-clip   : padding;
38  -webkit-background-clip: padding-box;
39  background-clip        : padding-box;
40  border: 1px solid #aaaaaa;
41  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
42  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
43  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
44  display: block;
45  overflow: hidden;
46  white-space: nowrap;
47  position: relative;
48  height: 23px;
49  line-height: 24px;
50  padding: 0 0 0 8px;
51  color: #444444;
52  text-decoration: none;
53}
54.chzn-container-single .chzn-default {
55        color: #999;
56}
57.chzn-container-single .chzn-single span {
58  margin-right: 26px;
59  display: block;
60  overflow: hidden;
61  white-space: nowrap;
62  -o-text-overflow: ellipsis;
63  -ms-text-overflow: ellipsis;
64  text-overflow: ellipsis;
65}
66.chzn-container-single .chzn-single abbr {
67  display: block;
68  position: absolute;
69  right: 26px;
70  top: 6px;
71  width: 12px;
72  height: 13px;
73  font-size: 1px;
74  background: url(../img/chosen-sprite.png) right top no-repeat;
75}
76.chzn-container-single .chzn-single abbr:hover {
77  background-position: right -11px;
78}
79.chzn-container-single .chzn-single div {
80  position: absolute;
81  right: 0;
82  top: 0;
83  display: block;
84  height: 100%;
85  width: 18px;
86}
87.chzn-container-single .chzn-single div b {
88  background: url('../img/chosen-sprite.png') no-repeat 0 0;
89  display: block;
90  width: 100%;
91  height: 100%;
92}
93.chzn-container-single .chzn-search {
94  padding: 3px 4px;
95  position: relative;
96  margin: 0;
97  white-space: nowrap;
98  z-index: 1010;
99}
100.chzn-container-single .chzn-search input {
101  background: #fff url('../img/chosen-sprite.png') no-repeat 100% -22px;
102  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
103  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
104  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
105  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
106  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
107  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
108  margin: 1px 0;
109  padding: 4px 20px 4px 5px;
110  outline: 0;
111  border: 1px solid #aaa;
112  font-family: sans-serif;
113  font-size: 1em;
114}
115.chzn-container-single .chzn-drop {
116  -webkit-border-radius: 0 0 4px 4px;
117  -moz-border-radius   : 0 0 4px 4px;
118  border-radius        : 0 0 4px 4px;
119  -moz-background-clip   : padding;
120  -webkit-background-clip: padding-box;
121  background-clip        : padding-box;
122}
123/* @end */
124
125.chzn-container-single-nosearch .chzn-search input {
126  position: absolute;
127  left: -9000px;
128}
129
130/* @group Multi Chosen */
131.chzn-container-multi .chzn-choices {
132  background-color: #fff;
133  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
134  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
135  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
136  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
137  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
138  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
139  border: 1px solid #aaa;
140  margin: 0;
141  padding: 0;
142  cursor: text;
143  overflow: hidden;
144  height: auto !important;
145  height: 1%;
146  position: relative;
147}
148.chzn-container-multi .chzn-choices li {
149  float: left;
150  list-style: none;
151}
152.chzn-container-multi .chzn-choices .search-field {
153  white-space: nowrap;
154  margin: 0;
155  padding: 0;
156}
157.chzn-container-multi .chzn-choices .search-field input {
158  color: #666;
159  background: transparent !important;
160  border: 0 !important;
161  font-family: sans-serif;
162  font-size: 100%;
163  height: 15px;
164  padding: 5px;
165  margin: 1px 0;
166  outline: 0;
167  -webkit-box-shadow: none;
168  -moz-box-shadow   : none;
169  -o-box-shadow     : none;
170  box-shadow        : none;
171}
172.chzn-container-multi .chzn-choices .search-field .default {
173  color: #999;
174}
175.chzn-container-multi .chzn-choices .search-choice {
176  -webkit-border-radius: 3px;
177  -moz-border-radius   : 3px;
178  border-radius        : 3px;
179  -moz-background-clip   : padding;
180  -webkit-background-clip: padding-box;
181  background-clip        : padding-box;
182  background-color: #e4e4e4;
183  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
184  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
185  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
186  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
187  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
188  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
189  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
190  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
191  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
192  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
193  color: #333;
194  border: 1px solid #aaaaaa;
195  line-height: 13px;
196  padding: 3px 20px 3px 5px;
197  margin: 3px 0 3px 5px;
198  position: relative;
199  cursor: default;
200}
201.chzn-container-multi .chzn-choices .search-choice-focus {
202  background: #d4d4d4;
203}
204.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
205  display: block;
206  position: absolute;
207  right: 3px;
208  top: 4px;
209  width: 12px;
210  height: 13px;
211  font-size: 1px;
212  background: url(../img/chosen-sprite.png) right top no-repeat;
213}
214.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
215  background-position: right -11px;
216}
217.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
218  background-position: right -11px;
219}
220/* @end */
221
222/* @group Results */
223.chzn-container .chzn-results {
224  margin: 0 4px 4px 0;
225  max-height: 240px;
226  padding: 0 0 0 4px;
227  position: relative;
228  overflow-x: hidden;
229  overflow-y: auto;
230}
231.chzn-container-multi .chzn-results {
232  margin: -1px 0 0;
233  padding: 0;
234}
235.chzn-container .chzn-results li {
236  display: none;
237  line-height: 15px;
238  padding: 5px 6px;
239  margin: 0;
240  list-style: none;
241}
242.chzn-container .chzn-results .active-result {
243  cursor: pointer;
244  display: list-item;
245}
246.chzn-container .chzn-results .highlighted {
247  background-color: #3875d7;
248  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); 
249  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
250  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
251  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
252  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
253  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
254  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
255  color: #fff;
256}
257.chzn-container .chzn-results li em {
258  background: #feffde;
259  font-style: normal;
260}
261.chzn-container .chzn-results .highlighted em {
262  background: transparent;
263}
264.chzn-container .chzn-results .no-results {
265  background: #f4f4f4;
266  display: list-item;
267}
268.chzn-container .chzn-results .group-result {
269  cursor: default;
270  color: #999;
271  font-weight: bold;
272}
273.chzn-container .chzn-results .group-option {
274  padding-left: 15px;
275}
276.chzn-container-multi .chzn-drop .result-selected {
277  display: none;
278}
279.chzn-container .chzn-results-scroll {
280  background: white;
281  margin: 0 4px;
282  position: absolute;
283  text-align: center;
284  width: 321px; /* This should by dynamic with js */
285  z-index: 1;
286}
287.chzn-container .chzn-results-scroll span {
288  display: inline-block;
289  height: 17px;
290  text-indent: -5000px;
291  width: 9px;
292}
293.chzn-container .chzn-results-scroll-down {
294  bottom: 0;
295}
296.chzn-container .chzn-results-scroll-down span {
297  background: url('../img/chosen-sprite.png') no-repeat -4px -3px;
298}
299.chzn-container .chzn-results-scroll-up span {
300  background: url('../img/chosen-sprite.png') no-repeat -22px -3px;
301}
302/* @end */
303
304/* @group Active  */
305.chzn-container-active .chzn-single {
306  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
307  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
308  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
309  box-shadow        : 0 0 5px rgba(0,0,0,.3);
310  border: 1px solid #5897fb;
311}
312.chzn-container-active .chzn-single-with-drop {
313  border: 1px solid #aaa;
314  -webkit-box-shadow: 0 1px 0 #fff inset;
315  -moz-box-shadow   : 0 1px 0 #fff inset;
316  -o-box-shadow     : 0 1px 0 #fff inset;
317  box-shadow        : 0 1px 0 #fff inset;
318  background-color: #eee;
319  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
320  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
321  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
322  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
323  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
324  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
325  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
326  -webkit-border-bottom-left-radius : 0;
327  -webkit-border-bottom-right-radius: 0;
328  -moz-border-radius-bottomleft : 0;
329  -moz-border-radius-bottomright: 0;
330  border-bottom-left-radius : 0;
331  border-bottom-right-radius: 0;
332}
333.chzn-container-active .chzn-single-with-drop div {
334  background: transparent;
335  border-left: none;
336}
337.chzn-container-active .chzn-single-with-drop div b {
338  background-position: -18px 1px;
339}
340.chzn-container-active .chzn-choices {
341  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
342  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
343  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
344  box-shadow        : 0 0 5px rgba(0,0,0,.3);
345  border: 1px solid #5897fb;
346}
347.chzn-container-active .chzn-choices .search-field input {
348  color: #111 !important;
349}
350/* @end */
351
352/* @group Disabled Support */
353.chzn-disabled {
354  cursor: default;
355  opacity:0.5 !important;
356}
357.chzn-disabled .chzn-single {
358  cursor: default;
359}
360.chzn-disabled .chzn-choices .search-choice .search-choice-close {
361  cursor: default;
362}
363
364/* @group Right to Left */
365.chzn-rtl { text-align: right; }
366.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
367.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
368
369.chzn-rtl .chzn-single div { left: 3px; right: auto; }
370.chzn-rtl .chzn-single abbr {
371  left: 26px;
372  right: auto;
373}
374.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
375.chzn-rtl .chzn-choices li { float: right; }
376.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
377.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
378.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
379.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
380.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
381.chzn-rtl .chzn-search input {
382  background: #fff url('../img/chosen-sprite.png') no-repeat -38px -22px;
383  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
384  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 
385  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
386  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
387  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
388  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
389  padding: 4px 5px 4px 20px;
390  direction: rtl;
391}
392/* @end */
Note: See TracBrowser for help on using the repository browser.