10 lines
17 KiB
CSS
Executable File
10 lines
17 KiB
CSS
Executable File
/*!
|
|
* @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2016
|
|
* @version 2.0.8
|
|
*
|
|
* Krajee Theme for Select2 (matches Bootstrap 3 styles)
|
|
*
|
|
* Author: Kartik Visweswaran
|
|
* For more JQuery plugins visit http://plugins.krajee.com
|
|
* For more Yii related demos visit http://demos.krajee.com
|
|
*/.select2-container--krajee{display:block}.select2-container--krajee .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;outline:0}.select2-container--krajee .select2-search--dropdown .select2-search__field{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background:url(search.png)right 10px top 7px no-repeat #fff;border:1px solid #ccc;border-radius:4px;color:#555}.select2-container--krajee .select2-dropdown[dir=rtl] .select2-search__field{background:url(search.png)left 10px top 7px no-repeat #fff}.select2-container--krajee .select2-search__field{outline:0}.select2-container--krajee .select2-search__field:-moz-placeholder,.select2-container--krajee .select2-search__field:-ms-input-placeholder,.select2-container--krajee .select2-search__field::-moz-placeholder,.select2-container--krajee .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--krajee .select2-search__field::-moz-placeholder{opacity:1}.select2-container--krajee .select2-selection--single .select2-selection__arrow{border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;position:absolute;height:32px;top:1px;right:1px;width:20px}.select2-container--krajee .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.input-group-sm .select2-container--krajee .select2-selection--single .select2-selection__arrow,.input-sm.select2-container--krajee .select2-selection--single .select2-selection__arrow{height:29px;width:18px}.input-group-sm .select2-container--krajee .select2-selection--single .select2-selection__arrow b,.input-sm .select2-container--krajee .select2-selection--single .select2-selection__arrow b{border-width:4px 3px 0;margin-left:-3px}.input-group-sm .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b,.input-sm.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 3px 4px}.input-group-lg .select2-container--krajee .select2-selection--single .select2-selection__arrow,.input-lg.select2-container--krajee .select2-selection--single .select2-selection__arrow{height:45px;width:22px;right:2px}.input-group-lg .select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow,.input-lg.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow{left:2px;right:auto}.input-group-lg .select2-container--krajee .select2-selection--single .select2-selection__arrow b,.input-lg.select2-container--krajee .select2-selection--single .select2-selection__arrow b{border-width:6px 5px 0}.input-group-lg .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b,.input-lg.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 5px 6px}.select2-container--krajee li.select2-results__option{background-color:#FCF8E3;color:#C09853}.select2-container--krajee .select2-results__option[aria-disabled=true]{color:#333;background:#fff;cursor:not-allowed;opacity:.4;filter:alpha(opacity=40)}.select2-container--krajee .select2-results__option[role=group]{padding:0}.select2-container--krajee .load-more,.select2-container--krajee .select2-results__option.loading-results{font-style:italic;color:#a94442;opacity:1;filter:alpha(opacity=100);background:url(loading.gif)right 10px center no-repeat #fff}.select2-container--krajee .load-more{margin:5px 0 5px 5px}.select2-container--krajee .select2-dropdown[dir=rtl] .load-more,.select2-container--krajee .select2-dropdown[dir=rtl] .select2-results__option.loading-results{background:url(loading.gif)left 10px center no-repeat #fff}.select2-container--krajee .select2-dropdown[dir=rtl] .load-more{margin:5px 5px 5px 0}.select2-container--krajee .select2-results__option[aria-selected]{background-color:#fff;color:#333;border-radius:0}.select2-container--krajee .select2-results__option[aria-selected=true]{color:#31708f;background-color:#d9edf7}.select2-container--krajee .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--krajee .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--krajee .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--krajee .select2-results__group{display:block;color:#333;text-shadow:0 1px 0 #fff;background-color:#eee;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:6px 12px;line-height:1.428571429;white-space:nowrap}.select2-container--krajee .select2-selection:focus,.select2-container--krajee.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.6);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-color:#66afe9}.select2-container--krajee.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--krajee.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--krajee.select2-container--disabled .select2-search__field,.select2-container--krajee.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--krajee.select2-container--disabled .select2-selection,.select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#eee}.select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--krajee.select2-container--disabled .select2-selection__clear{display:none}.select2-container--krajee .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-color:#66afe9;overflow-x:hidden;margin-top:-1px}.select2-container--krajee .select2-dropdown--above{margin-top:1px}.select2-container--krajee .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--krajee .select2-selection--single{height:34px;line-height:1.428571429;padding:6px 24px 6px 12px}.select2-container--krajee .select2-selection--single .select2-selection__rendered{color:#555;padding:0}.select2-container--krajee .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--krajee .select2-selection--multiple{min-height:34px}.select2-container--krajee .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;display:block;line-height:1.428571429;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--krajee .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--krajee .select2-selection--multiple .select2-selection__choice{color:#555;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 12px;height:32px;line-height:1.428571429;margin-top:0;min-width:5em}.select2-container--krajee[dir=rtl] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-container--krajee .select2-selection,.has-warning.select2-container--krajee .select2-dropdown{border-color:#8a6d3b}.has-warning .select2-container--krajee.select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;border-color:#66512c}.has-error .select2-container--krajee .select2-selection,.has-error.select2-container--krajee .select2-dropdown{border-color:#a94442}.has-error .select2-container--krajee.select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;border-color:#843534}.has-success .select2-container--krajee .select2-selection,.has-success.select2-container--krajee .select2-dropdown{border-color:#3c763d}.has-success .select2-container--krajee.select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;border-color:#2b542c}.input-lg.select2-container--krajee,.input-sm.select2-container--krajee{border-radius:0;font-size:12px;height:auto;line-height:1;padding:0}.input-group .select2-container--krajee{display:table;table-layout:fixed;position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group.select2-bootstrap-prepend .select2-container--krajee .select2-selection{border-bottom-left-radius:0;border-top-left-radius:0}.input-group.select2-bootstrap-append .select2-container--krajee .select2-selection{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-sm .select2-container--krajee .select2-selection--single,.input-sm.select2-container--krajee .select2-selection--single{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.input-group-sm .select2-container--krajee .select2-selection--multiple,.input-sm.select2-container--krajee .select2-selection--multiple{min-height:30px}.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-selection__choice,.input-sm.select2-container--krajee .select2-selection--multiple .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.input-group-sm .select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice,.input-sm.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin:4px 5px 0 0}.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field,.input-sm.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.input-group-lg .select2-container--krajee .select2-selection--single,.input-lg.select2-container--krajee .select2-selection--single{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px}.input-group-lg .select2-container--krajee .select2-selection--multiple,.input-lg.select2-container--krajee .select2-selection--multiple{min-height:46px}.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-selection__choice,.input-lg.select2-container--krajee .select2-selection--multiple .select2-selection__choice{font-size:18px;line-height:1.3333333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field,.input-lg.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{padding:0 10px;font-size:18px;height:44px;line-height:1.3333333}.input-group-lg .select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice,.input-lg.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin:9px 8px 0 0}.select2-bootstrap-append .input-group-btn,.select2-bootstrap-append .input-group-btn .btn,.select2-bootstrap-append .select2-container--krajee,.select2-bootstrap-prepend .input-group-btn,.select2-bootstrap-prepend .input-group-btn .btn,.select2-bootstrap-prepend .select2-container--krajee{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}.select2-container--krajee .select2-selection__clear{float:right;color:#000;cursor:pointer;font-size:18px;font-weight:700;line-height:1.3;opacity:.4;filter:alpha(opacity=40);position:absolute;right:0;margin-right:5px}.select2-container--krajee .select2-selection__clear:hover{opacity:.6;filter:alpha(opacity=60)}.select2-container--krajee .select2-selection--multiple .select2-selection__clear{margin:5px 10px 0}.input-group-sm .select2-container--krajee .select2-selection__clear,.input-sm.select2-container--krajee .select2-selection__clear{font-size:16px;line-height:1.2}.input-group-lg .select2-container--krajee .select2-selection__clear,.input-lg.select2-container--krajee .select2-selection__clear{margin-right:20px;font-size:20px}.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-selection__clear,.input-sm.select2-container--krajee .select2-selection--multiple .select2-selection__clear{margin-right:10px}.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-selection__clear,.input-lg.select2-container--krajee .select2-selection--multiple .select2-selection__clear{font-size:20px;margin:8px 12px 0 0}.select2-container--krajee[dir=rtl] .select2-selection__clear{float:left;left:0;right:auto;margin-left:3px}.input-group-sm .select2-container--krajee[dir=rtl] .select2-selection__clear,.input-sm.select2-container--krajee[dir=rtl] .select2-selection__clear{margin-left:15px}.input-group-lg .select2-container--krajee[dir=rtl] .select2-selection__clear,.input-lg.select2-container--krajee[dir=rtl] .select2-selection__clear{margin-left:20px}.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;left:0;right:auto;margin-left:8px}.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove{float:right;color:#000;cursor:pointer;display:inline-block;text-shadow:0 1px 0 #fff;font-size:15px;font-weight:700;line-height:1;margin:2px 0 0 3px;opacity:.4;filter:alpha(opacity=40)}.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove:hover{opacity:.6;filter:alpha(opacity=60)}.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove,.input-sm.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove{margin-top:3px;font-size:12px;line-height:1}.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove,.input-lg.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove{margin-top:3px;font-size:16px;line-height:1.2}.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{float:left;margin:3px 3px 0 0} |