PluginProbe
Filter Everything — WordPress & WooCommerce Filters / trunk
Filter Everything — WordPress & WooCommerce Filters vtrunk
1.9.6 1.9.5 1.9.4 1.9.3 1.9.2.2 1.9.2.1 trunk 1.2.1 1.2.3 1.2.4 1.2.5 1.3.0 1.3.1 1.3.2 1.4.1 1.4.4 1.4.5 1.4.8 1.4.9 1.5.0 1.5.1 1.6.0 1.6.1 1.6.2 1.6.3 All 51 releases
filter-everything / assets / css / select2 / select2.css

select2.css in Filter Everything — WordPress & WooCommerce Filters trunk, at assets/css/select2/select2.css

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