PluginProbe
Hash Form – Drag & Drop Form Builder / trunk
Hash Form – Drag & Drop Form Builder vtrunk
1.4.4 1.4.3 1.4.2 1.4.1 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.2.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.6.1 1.2.7 1.2.8 1.2.9 1.3.0 All 47 releases
hash-form / css / select2.min.css

select2.min.css in Hash Form – Drag & Drop Form Builder trunk, at css/select2.min.css

631 lines 16.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .select2-container {
2 box-sizing: border-box;
3 display: inline-block;
4 margin: 0;
5 position: relative;
6 vertical-align: middle
7 }
8
9 .select2-container .select2-selection--single {
10 box-sizing: border-box;
11 cursor: pointer;
12 display: block;
13 height: 28px;
14 user-select: none;
15 -webkit-user-select: none
16 }
17
18 .select2-container .select2-selection--single .select2-selection__rendered {
19 display: block;
20 padding-left: 8px;
21 padding-right: 20px;
22 overflow: hidden;
23 text-overflow: ellipsis;
24 white-space: nowrap
25 }
26
27 .select2-container .select2-selection--single .select2-selection__clear {
28 position: relative
29 }
30
31 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
32 padding-right: 8px;
33 padding-left: 20px
34 }
35
36 .select2-container .select2-selection--multiple {
37 box-sizing: border-box;
38 cursor: pointer;
39 display: block;
40 min-height: 32px;
41 user-select: none;
42 -webkit-user-select: none
43 }
44
45 .select2-container .select2-selection--multiple .select2-selection__rendered {
46 display: inline-block;
47 overflow: hidden;
48 padding-left: 8px;
49 text-overflow: ellipsis;
50 white-space: nowrap
51 }
52
53 .select2-container .select2-search--inline {
54 float: left
55 }
56
57 .select2-container .select2-search--inline .select2-search__field {
58 box-sizing: border-box;
59 border: none;
60 font-size: 100%;
61 margin-top: 5px;
62 padding: 0
63 }
64
65 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
66 -webkit-appearance: none
67 }
68
69 .select2-dropdown {
70 background-color: white;
71 border: 1px solid #aaa;
72 border-radius: 4px;
73 box-sizing: border-box;
74 display: block;
75 position: absolute;
76 left: -100000px;
77 width: 100%;
78 z-index: 1051
79 }
80
81 .select2-results {
82 display: block
83 }
84
85 .select2-results__options {
86 list-style: none;
87 margin: 0;
88 padding: 0
89 }
90
91 .select2-results__option {
92 padding: 6px;
93 user-select: none;
94 -webkit-user-select: none
95 }
96
97 .select2-results__option[aria-selected] {
98 cursor: pointer
99 }
100
101 .select2-container--open .select2-dropdown {
102 left: 0
103 }
104
105 .select2-container--open .select2-dropdown--above {
106 border-bottom: none;
107 border-bottom-left-radius: 0;
108 border-bottom-right-radius: 0
109 }
110
111 .select2-container--open .select2-dropdown--below {
112 border-top: none;
113 border-top-left-radius: 0;
114 border-top-right-radius: 0
115 }
116
117 .select2-search--dropdown {
118 display: block;
119 padding: 4px
120 }
121
122 .select2-search--dropdown .select2-search__field {
123 padding: 4px;
124 width: 100%;
125 box-sizing: border-box
126 }
127
128 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
129 -webkit-appearance: none
130 }
131
132 .select2-search--dropdown.select2-search--hide {
133 display: none
134 }
135
136 .select2-close-mask {
137 border: 0;
138 margin: 0;
139 padding: 0;
140 display: block;
141 position: fixed;
142 left: 0;
143 top: 0;
144 min-height: 100%;
145 min-width: 100%;
146 height: auto;
147 width: auto;
148 opacity: 0;
149 z-index: 99;
150 background-color: #fff;
151 filter: alpha(opacity=0)
152 }
153
154 .select2-hidden-accessible {
155 border: 0 !important;
156 clip: rect(0 0 0 0) !important;
157 -webkit-clip-path: inset(50%) !important;
158 clip-path: inset(50%) !important;
159 height: 1px !important;
160 overflow: hidden !important;
161 padding: 0 !important;
162 position: absolute !important;
163 width: 1px !important;
164 white-space: nowrap !important
165 }
166
167 .select2-container--default .select2-selection--single {
168 background-color: #fff;
169 border: 1px solid #aaa;
170 border-radius: 4px
171 }
172
173 .select2-container--default .select2-selection--single .select2-selection__rendered {
174 color: #444;
175 line-height: 28px
176 }
177
178 .select2-container--default .select2-selection--single .select2-selection__clear {
179 cursor: pointer;
180 float: right;
181 font-weight: bold
182 }
183
184 .select2-container--default .select2-selection--single .select2-selection__placeholder {
185 color: #999
186 }
187
188 .select2-container--default .select2-selection--single .select2-selection__arrow {
189 height: 26px;
190 position: absolute;
191 top: 1px;
192 right: 1px;
193 width: 20px
194 }
195
196 .select2-container--default .select2-selection--single .select2-selection__arrow b {
197 border-color: #888 transparent transparent transparent;
198 border-style: solid;
199 border-width: 5px 4px 0 4px;
200 height: 0;
201 left: 50%;
202 margin-left: -4px;
203 margin-top: -2px;
204 position: absolute;
205 top: 50%;
206 width: 0
207 }
208
209 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
210 float: left
211 }
212
213 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
214 left: 1px;
215 right: auto
216 }
217
218 .select2-container--default.select2-container--disabled .select2-selection--single {
219 background-color: #eee;
220 cursor: default
221 }
222
223 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
224 display: none
225 }
226
227 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
228 border-color: transparent transparent #888 transparent;
229 border-width: 0 4px 5px 4px
230 }
231
232 .select2-container--default .select2-selection--multiple {
233 background-color: white;
234 border: 1px solid #aaa;
235 border-radius: 4px;
236 cursor: text
237 }
238
239 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
240 box-sizing: border-box;
241 list-style: none;
242 margin: 0;
243 padding: 0 5px;
244 width: 100%
245 }
246
247 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
248 list-style: none
249 }
250
251 .select2-container--default .select2-selection--multiple .select2-selection__clear {
252 cursor: pointer;
253 float: right;
254 font-weight: bold;
255 margin-top: 5px;
256 margin-right: 10px;
257 padding: 1px
258 }
259
260 .select2-container--default .select2-selection--multiple .select2-selection__choice {
261 background-color: #e4e4e4;
262 border: 1px solid #aaa;
263 border-radius: 4px;
264 cursor: default;
265 float: left;
266 margin-right: 5px;
267 margin-top: 5px;
268 padding: 0 5px
269 }
270
271 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
272 color: #999;
273 cursor: pointer;
274 display: inline-block;
275 font-weight: bold;
276 margin-right: 2px
277 }
278
279 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
280 color: #333
281 }
282
283 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
284 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
285 float: right
286 }
287
288 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
289 margin-left: 5px;
290 margin-right: auto
291 }
292
293 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
294 margin-left: 2px;
295 margin-right: auto
296 }
297
298 .select2-container--default.select2-container--focus .select2-selection--multiple {
299 border: solid black 1px;
300 outline: 0
301 }
302
303 .select2-container--default.select2-container--disabled .select2-selection--multiple {
304 background-color: #eee;
305 cursor: default
306 }
307
308 .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
309 display: none
310 }
311
312 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
313 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
314 border-top-left-radius: 0;
315 border-top-right-radius: 0
316 }
317
318 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
319 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
320 border-bottom-left-radius: 0;
321 border-bottom-right-radius: 0
322 }
323
324 .select2-container--default .select2-search--dropdown .select2-search__field {
325 border: 1px solid #aaa
326 }
327
328 .select2-container--default .select2-search--inline .select2-search__field {
329 background: transparent;
330 border: none;
331 outline: 0;
332 box-shadow: none;
333 -webkit-appearance: textfield
334 }
335
336 .select2-container--default .select2-results > .select2-results__options {
337 max-height: 200px;
338 overflow-y: auto
339 }
340
341 .select2-container--default .select2-results__option[role=group] {
342 padding: 0
343 }
344
345 .select2-container--default .select2-results__option[aria-disabled=true] {
346 color: #999
347 }
348
349 .select2-container--default .select2-results__option[aria-selected=true] {
350 background-color: #ddd
351 }
352
353 .select2-container--default .select2-results__option .select2-results__option {
354 padding-left: 1em
355 }
356
357 .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
358 padding-left: 0
359 }
360
361 .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
362 margin-left: -1em;
363 padding-left: 2em
364 }
365
366 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
367 margin-left: -2em;
368 padding-left: 3em
369 }
370
371 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
372 margin-left: -3em;
373 padding-left: 4em
374 }
375
376 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
377 margin-left: -4em;
378 padding-left: 5em
379 }
380
381 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
382 margin-left: -5em;
383 padding-left: 6em
384 }
385
386 .select2-container--default .select2-results__option--highlighted[aria-selected] {
387 background-color: #5897fb;
388 color: white
389 }
390
391 .select2-container--default .select2-results__group {
392 cursor: default;
393 display: block;
394 padding: 6px
395 }
396
397 .select2-container--classic .select2-selection--single {
398 background-color: #f7f7f7;
399 border: 1px solid #aaa;
400 border-radius: 4px;
401 outline: 0;
402 background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
403 background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
404 background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
405 background-repeat: repeat-x;
406 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
407 }
408
409 .select2-container--classic .select2-selection--single:focus {
410 border: 1px solid #5897fb
411 }
412
413 .select2-container--classic .select2-selection--single .select2-selection__rendered {
414 color: #444;
415 line-height: 28px
416 }
417
418 .select2-container--classic .select2-selection--single .select2-selection__clear {
419 cursor: pointer;
420 float: right;
421 font-weight: bold;
422 margin-right: 10px
423 }
424
425 .select2-container--classic .select2-selection--single .select2-selection__placeholder {
426 color: #999
427 }
428
429 .select2-container--classic .select2-selection--single .select2-selection__arrow {
430 background-color: #ddd;
431 border: none;
432 border-left: 1px solid #aaa;
433 border-top-right-radius: 4px;
434 border-bottom-right-radius: 4px;
435 height: 26px;
436 position: absolute;
437 top: 1px;
438 right: 1px;
439 width: 20px;
440 background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
441 background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
442 background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
443 background-repeat: repeat-x;
444 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
445 }
446
447 .select2-container--classic .select2-selection--single .select2-selection__arrow b {
448 border-color: #888 transparent transparent transparent;
449 border-style: solid;
450 border-width: 5px 4px 0 4px;
451 height: 0;
452 left: 50%;
453 margin-left: -4px;
454 margin-top: -2px;
455 position: absolute;
456 top: 50%;
457 width: 0
458 }
459
460 .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
461 float: left
462 }
463
464 .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
465 border: none;
466 border-right: 1px solid #aaa;
467 border-radius: 0;
468 border-top-left-radius: 4px;
469 border-bottom-left-radius: 4px;
470 left: 1px;
471 right: auto
472 }
473
474 .select2-container--classic.select2-container--open .select2-selection--single {
475 border: 1px solid #5897fb
476 }
477
478 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
479 background: transparent;
480 border: none
481 }
482
483 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
484 border-color: transparent transparent #888 transparent;
485 border-width: 0 4px 5px 4px
486 }
487
488 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
489 border-top: none;
490 border-top-left-radius: 0;
491 border-top-right-radius: 0;
492 background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
493 background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
494 background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
495 background-repeat: repeat-x;
496 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
497 }
498
499 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
500 border-bottom: none;
501 border-bottom-left-radius: 0;
502 border-bottom-right-radius: 0;
503 background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
504 background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
505 background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
506 background-repeat: repeat-x;
507 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
508 }
509
510 .select2-container--classic .select2-selection--multiple {
511 background-color: white;
512 border: 1px solid #aaa;
513 border-radius: 4px;
514 cursor: text;
515 outline: 0
516 }
517
518 .select2-container--classic .select2-selection--multiple:focus {
519 border: 1px solid #5897fb
520 }
521
522 .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
523 list-style: none;
524 margin: 0;
525 padding: 0 5px
526 }
527
528 .select2-container--classic .select2-selection--multiple .select2-selection__clear {
529 display: none
530 }
531
532 .select2-container--classic .select2-selection--multiple .select2-selection__choice {
533 background-color: #e4e4e4;
534 border: 1px solid #aaa;
535 border-radius: 4px;
536 cursor: default;
537 float: left;
538 margin-right: 5px;
539 margin-top: 5px;
540 padding: 0 5px
541 }
542
543 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
544 color: #888;
545 cursor: pointer;
546 display: inline-block;
547 font-weight: bold;
548 margin-right: 2px
549 }
550
551 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
552 color: #555
553 }
554
555 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
556 float: right;
557 margin-left: 5px;
558 margin-right: auto
559 }
560
561 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
562 margin-left: 2px;
563 margin-right: auto
564 }
565
566 .select2-container--classic.select2-container--open .select2-selection--multiple {
567 border: 1px solid #5897fb
568 }
569
570 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
571 border-top: none;
572 border-top-left-radius: 0;
573 border-top-right-radius: 0
574 }
575
576 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
577 border-bottom: none;
578 border-bottom-left-radius: 0;
579 border-bottom-right-radius: 0
580 }
581
582 .select2-container--classic .select2-search--dropdown .select2-search__field {
583 border: 1px solid #aaa;
584 outline: 0
585 }
586
587 .select2-container--classic .select2-search--inline .select2-search__field {
588 outline: 0;
589 box-shadow: none
590 }
591
592 .select2-container--classic .select2-dropdown {
593 background-color: #fff;
594 border: 1px solid transparent
595 }
596
597 .select2-container--classic .select2-dropdown--above {
598 border-bottom: none
599 }
600
601 .select2-container--classic .select2-dropdown--below {
602 border-top: none
603 }
604
605 .select2-container--classic .select2-results > .select2-results__options {
606 max-height: 200px;
607 overflow-y: auto
608 }
609
610 .select2-container--classic .select2-results__option[role=group] {
611 padding: 0
612 }
613
614 .select2-container--classic .select2-results__option[aria-disabled=true] {
615 color: grey
616 }
617
618 .select2-container--classic .select2-results__option--highlighted[aria-selected] {
619 background-color: #3875d7;
620 color: #fff
621 }
622
623 .select2-container--classic .select2-results__group {
624 cursor: default;
625 display: block;
626 padding: 6px
627 }
628
629 .select2-container--classic.select2-container--open .select2-dropdown {
630 border-color: #5897fb
631 }