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