PluginProbe
Responsive Lightbox & Gallery / 2.1
Responsive Lightbox & Gallery v2.1
2.7.8 trunk 1.0.0 1.0.1 1.0.1.1 1.0.2 1.0.3 1.0.4 1.1.0 1.1.1 1.1.2 1.2.0 1.2.1 1.2.2 1.2.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.4.0 1.4.0.1 1.4.1 All 105 releases
responsive-lightbox / assets / select2 / css / select2.css

select2.css in Responsive Lightbox & Gallery 2.1, at assets/select2/css/select2.css

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