hjg
2024-07-09 30304784e82d4bba24121328da8eb8490aec4f4f
提交 | 用户 | 时间
58d006 1 /*
A 2 Version: 3.4.3 Timestamp: Tue Sep 17 06:47:14 PDT 2013
3 Modifed by keenthemes for Metronic theme integration.
4 */
5 .select2-container.form-control {
6     height: auto !important;
7     padding: 0 !important;
8     border: 0 !important;
9 }
10
11 .select2-container {
12     margin: 0;
13     position: relative;
14     display: inline-block;
15     /* inline-block for ie7 */
16     zoom: 1;
17     *display: inline;
18     vertical-align: middle;
19 }
20
21 .select2-container,
22 .select2-drop,
23 .select2-search,
24 .select2-search input {
25   /*
26     Force border-box so that % widths fit the parent
27     container without overlap because of margin/padding.
28
29     More Info : http://www.quirksmode.org/css/box.html
30   */
31   -webkit-box-sizing: border-box; /* webkit */
32      -moz-box-sizing: border-box; /* firefox */
33           box-sizing: border-box; /* css3 */
34 }
35
36 .select2-container .select2-choice {
37     display: block;
38     height: 34px;
39     padding: 2px 0 0 8px;
40     overflow: hidden;
41     position: relative;
42
43     border: 1px solid #e5e5e5;
44     white-space: nowrap;
45     line-height: 26px;
46     color: #444;
47     text-decoration: none;
48
49     border-radius: 4px;
50
51     background-clip: padding-box;
52
53     -webkit-touch-callout: none;
54       -webkit-user-select: none;
55          -moz-user-select: none;
56           -ms-user-select: none;
57               user-select: none;
58
59     background-color: #fff;
60 }
61
62 .select2-container.select2-drop-above .select2-choice {
63     border-bottom-color: #aaa;
64 }
65
66 .select2-container.select2-allowclear .select2-choice .select2-chosen {
67     margin-right: 42px;
68 }
69
70 .select2-container .select2-choice > .select2-chosen {
71     margin-right: 26px;
72     display: block;
73     overflow: hidden;
74
75     white-space: nowrap;
76
77     text-overflow: ellipsis;
78 }
79
80 .select2-container .select2-choice abbr {
81     display: none;
82     width: 12px;
83     height: 12px;
84     position: absolute;
85     right: 24px;
86     top: 8px;
87
88     font-size: 1px;
89     text-decoration: none;
90
91     border: 0;
92     background: url('select2.png') right top no-repeat;
93     cursor: pointer;
94     outline: 0;
95 }
96
97 .select2-container.select2-allowclear .select2-choice abbr {
98     display: inline-block;
99 }
100
101 .select2-container .select2-choice abbr:hover {
102     background-position: right -11px;
103     cursor: pointer;
104 }
105
106 .select2-drop-mask {
107     border: 0;
108     margin: 0;
109     padding: 0;
110     position: fixed;
111     left: 0;
112     top: 0;
113     min-height: 100%;
114     min-width: 100%;
115     height: auto;
116     width: auto;
117     opacity: 0;
118     z-index: 9990;
119     /* styles required for IE to work */
120     background-color: #fff;
121     filter: alpha(opacity=0);
122 }
123
124 .select2-drop {
125     width: 100%;
126     margin-top: -1px;
127     position: absolute;
128     z-index: 9991;
129     top: 100%;
130
131     background: #fff;
132     color: #000;
133     border: 1px solid #e5e5e5;
134     border-top: 0;
135 }
136
137 .select2-drop-auto-width {
138     border-top: 1px solid #e5e5e5;
139     width: auto;
140 }
141
142 .select2-drop-auto-width .select2-search {
143     padding-top: 4px;
144 }
145
146 .select2-drop.select2-drop-above {
147     margin-top: 1px;
148     border-top: 1px solid #e5e5e5;
149     border-bottom: 0;
150 }
151
152 .select2-drop-active {
153     border: 1px solid #999999;
154     border-top: none;
155 }
156
157 .select2-drop.select2-drop-above.select2-drop-active {
158     border-top: 1px solid #999999;
159 }
160
161 .select2-container .select2-choice .select2-arrow {
162     display: inline-block;
163     width: 18px;
164     height: 100%;
165     position: absolute;
166     right: 0;
167     top: 0;
168
169     border-left: 1px solid #e5e5e5;
170     border-radius: 0 4px 4px 0;
171
172     background-clip: padding-box;
173
174     background: transparent;
175 }
176
177 .select2-container .select2-choice .select2-arrow b {
178     display: block;
179     width: 100%;
180     height: 100%;
181     background: url('select2.png') no-repeat 0 1px;
182 }
183
184 .select2-search {
185     display: inline-block;
186     width: 100%;
187     min-height: 26px;
188     margin: 0;
189     padding-left: 4px;
190     padding-right: 4px;
191
192     position: relative;
193     z-index: 10000;
194
195     white-space: nowrap;
196 }
197
198 .select2-search input {
199     width: 100%;
200     margin: 0;
201     outline: 0;
202     border: 1px solid #e5e5e5;
203     webkit-appearance: none !important;   
204     color: #333333;         
205     outline: 0;    
206     height: auto !important;
207     min-height: 26px;
208     padding: 6px 6px !important;
209     line-height: 20px;
210     font-size: 14px;
211     font-weight: normal;
212     vertical-align: top;  
213     background-color: #ffffff;
214     filter: none !important;
215     -webkit-box-shadow: none !important;
216        -moz-box-shadow: none !important;
217             box-shadow: none !important;
218 }
219
220 .select2-drop.select2-drop-above .select2-search input {
221     margin-top: 4px;
222 }
223
224 .select2-search input.select2-active {
225     background: #fff url('select2-spinner.gif') no-repeat 100%;
226 }
227
228 .select2-container-active .select2-choice,
229 .select2-container-active .select2-choices {
230     border: 1px solid #999999 !important;
231     outline: none;
232 }
233
234 .select2-dropdown-open .select2-choice {
235     border-bottom-color: transparent;
236     background-color: #fff;
237 }
238
239 .select2-dropdown-open.select2-drop-above .select2-choice,
240 .select2-dropdown-open.select2-drop-above .select2-choices {
241     border: 1px solid #999999;
242     border-top-color: transparent;
243 }
244
245 .select2-dropdown-open .select2-choice .select2-arrow {
246     background: transparent;
247     border-left: none;
248     filter: none;
249 }
250 .select2-dropdown-open .select2-choice .select2-arrow b {
251     background-position: -18px 1px;
252 }
253
254 /* results */
255 .select2-results {
256     max-height: 200px;
257     padding: 0 0 0 4px;
258     margin: 4px 4px 4px 0;
259     position: relative;
260     overflow-x: hidden;
261     overflow-y: auto;
262     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
263 }
264
265 .select2-results ul.select2-result-sub {
266     margin: 0;
267     padding-left: 0;
268 }
269
270 .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
271 .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
272 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
273 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
274 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
275 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
276 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
277
278 .select2-results li {
279     list-style: none;
280     display: list-item;
281     background-image: none;
282 }
283
284 .select2-results li.select2-result-with-children > .select2-result-label {
285     font-weight: bold;
286 }
287
288 .select2-results .select2-result-label {
289     padding: 3px 7px 4px;
290     margin: 0;
291     cursor: pointer;
292
293     min-height: 1em;
294
295     -webkit-touch-callout: none;
296       -webkit-user-select: none;
297          -moz-user-select: none;
298           -ms-user-select: none;
299               user-select: none;
300 }
301
302 .select2-results .select2-highlighted {
303     background: #eee;
304     color: #333;
305 }
306
307 .select2-results li em {
308     background: #eee;
309     font-style: normal;
310 }
311
312 .select2-results .select2-highlighted em {
313     background: transparent;
314 }
315
316 .select2-results .select2-highlighted ul {
317     background: #fff;
318     color: #000;
319 }
320
321
322 .select2-results .select2-no-results,
323 .select2-results .select2-searching,
324 .select2-results .select2-selection-limit {
325     background: #f4f4f4;
326     display: list-item;
327 }
328
329 /*
330 disabled look for disabled choices in the results dropdown
331 */
332 .select2-results .select2-disabled.select2-highlighted {
333     color: #666;
334     background: #f4f4f4;
335     display: list-item;
336     cursor: default;
337 }
338 .select2-results .select2-disabled {
339   background: #f4f4f4;
340   display: list-item;
341   cursor: default;
342 }
343
344 .select2-results .select2-selected {
345     display: none;
346 }
347
348 .select2-more-results.select2-active {
349     background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
350 }
351
352 .select2-more-results {
353     background: #f4f4f4;
354     display: list-item;
355 }
356
357 /* disabled styles */
358
359 .select2-container.select2-container-disabled .select2-choice {
360     background-color: #f4f4f4;
361     background-image: none;
362     border: 1px solid #ddd;
363     cursor: default;
364 }
365
366 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
367     background-color: #f4f4f4;
368     background-image: none;
369     border-left: 0;
370 }
371
372 .select2-container.select2-container-disabled .select2-choice abbr {
373     display: none;
374 }
375
376
377 /* multiselect */
378
379 .select2-container-multi .select2-choices {
380     height: auto !important;
381     height: 1%;
382     margin: 0;
383     padding: 0;
384     position: relative;
385
386     border: 1px solid #e5e5e5;
387     cursor: text;
388     overflow: hidden;
389
390     background-color: #fff;
391 }
392
393 .select2-locked {
394   padding: 3px 5px 3px 5px !important;
395 }
396
397 .select2-container-multi .select2-choices {
398     min-height: 26px;
399 }
400
401 .select2-container-multi.select2-dropdown-open .select2-choices,
402 .select2-container-multi.select2-container-active .select2-choices {
403     border: 1px solid #999999 !important;
404     outline: none;
405 }
406 .select2-container-multi .select2-choices li {
407     float: left;
408     list-style: none;
409 }
410 .select2-container-multi .select2-choices .select2-search-field {
411     margin: 0;
412     padding: 0;
413     white-space: nowrap;
414 }
415
416 .select2-container-multi .select2-choices .select2-search-field input {
417     outline: 0;    
418     height: auto;
419     min-height: 32px;
420     padding: 6px 6px;
421     line-height: 20px;
422     font-size: 14px;
423     font-weight: normal;
424     vertical-align: top; 
425     font-size: 100%;
426     color: #666;
427     outline: 0;
428     border: 0;    
429     -webkit-box-shadow: none;
430        -moz-box-shadow: none;
431             box-shadow: none;
432     background: transparent !important;
433     margin: 0;
434 }
435
436 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
437     background: #fff url('select2-spinner.gif') no-repeat 100% !important;
438 }
439
440 .select2-default {
441     color: #999 !important;
442 }
443
444 .select2-container-multi .select2-choices .select2-search-choice {
445     padding: 3px 5px 3px 18px;
446     margin: 6px 0 3px 5px;
447     position: relative;
448
449     line-height: 13px;
450     color: #333;
451     cursor: default;
452     border: 1px solid #e5e5e5;
453
454     -webkit-background-clip: padding-box;
455        -moz-background-clip: padding;
456             background-clip: padding-box;
457
458     -webkit-touch-callout: none;
459       -webkit-user-select: none;
460          -moz-user-select: none;
461           -ms-user-select: none;
462               user-select: none;
463
464     background-color: #ffffff;
465 }
466 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
467     cursor: default;
468 }
469 .select2-container-multi .select2-choices .select2-search-choice-focus {
470     background: #ffffff;
471 }
472
473 .select2-search-choice-close {
474     display: block;
475     width: 12px;
476     height: 13px;
477     position: absolute;
478     right: 3px;
479     top: 4px;
480     font-size: 1px;
481     outline: none;
482     background: url('select2.png') right top no-repeat;
483 }
484
485 .select2-container-multi .select2-search-choice-close {
486     left: 3px;
487 }
488
489 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
490   background-position: right -11px;
491 }
492 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
493     background-position: right -11px;
494 }
495
496 /* disabled styles */
497 .select2-container-multi.select2-container-disabled .select2-choices {
498     background-color: #f4f4f4;
499     background-image: none;
500     border: 1px solid #ddd;
501     cursor: default;
502 }
503
504 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
505     padding: 3px 5px 3px 5px;
506     border: 1px solid #ddd;
507     background-image: none;
508     background-color: #f4f4f4;
509 }
510
511 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
512     background: none;
513 }
514 /* end multiselect */
515
516
517 .select2-result-selectable .select2-match,
518 .select2-result-unselectable .select2-match {
519     text-decoration: underline;
520 }
521
522 .select2-offscreen, .select2-offscreen:focus {
523     clip: rect(0 0 0 0) !important;
524     width: 1px !important;
525     height: 1px !important;
526     border: 0 !important;
527     margin: 0 !important;
528     padding: 0 !important;
529     overflow: hidden !important;
530     position: absolute !important;
531     outline: 0 !important;
532     left: 0px !important;
533     top: 0px !important;
534 }
535
536 .select2-display-none {
537     display: none;
538 }
539
540 .select2-measure-scrollbar {
541     position: absolute;
542     top: -10000px;
543     left: -10000px;
544     width: 100px;
545     height: 100px;
546     overflow: scroll;
547 }
548 /* Retina-ize icons */
549
550 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
551   .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
552       background-image: url('select2x2.png') !important;
553       background-repeat: no-repeat !important;
554       background-size: 60px 40px !important;
555   }
556   .select2-search input {
557       background-position: 100% -21px !important;
558   }
559 }
560
561
562 /* Fix z-index when select2 opened in modals*/
563 .modal-open .select2-drop-mask {
564     z-index: 10101;
565 }
566
567 .modal-open .select2-drop {
568     z-index: 10102;
569 }
570  
571 .modal-open .select2-search {
572     z-index: 10102;
573 }