/[projects]/misc/horsensspejder-web/jquery/chosen_v1.0.0/chosen.css
ViewVC logotype

Annotation of /misc/horsensspejder-web/jquery/chosen_v1.0.0/chosen.css

Parent Directory Parent Directory | Revision Log Revision Log


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

  ViewVC Help
Powered by ViewVC 1.1.20