PluginProbe
Smart Grid-Layout Design for Contact Form 7 / 3.2.0
Smart Grid-Layout Design for Contact Form 7 v3.2.0
4.18.0 4.17.0 3.2.0 3.2.1 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 4.0.0 4.0.1 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 4.10 4.11 4.12 4.13 4.14 All 119 releases
cf7-grid-layout / assets / select2 / css / select2.css

select2.css in Smart Grid-Layout Design for Contact Form 7 3.2.0, at assets/select2/css/select2.css

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