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