123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221 |
- /*!
- * ui-select
- * http://github.com/angular-ui/ui-select
- * Version: 0.11.2 - 2015-03-17T04:08:46.478Z
- * License: MIT
- */
- /* Style when highlighting a search. */
- .ui-select-highlight {
- font-weight: bold;
- }
- .ui-select-offscreen {
- clip: rect(0 0 0 0) !important;
- width: 1px !important;
- height: 1px !important;
- border: 0 !important;
- margin: 0 !important;
- padding: 0 !important;
- overflow: hidden !important;
- position: absolute !important;
- outline: 0 !important;
- left: 0px !important;
- top: 0px !important;
- }
- /* Select2 theme */
- /* Mark invalid Select2 */
- .ng-dirty.ng-invalid > a.select2-choice {
- border-color: #D44950;
- }
- .select2-result-single {
- padding-left: 0;
- }
- .select2-locked > .select2-search-choice-close{
- display:none;
- }
- .select-locked > .ui-select-match-close{
- display:none;
- }
- body > .select2-container.open {
- z-index: 9999; /* The z-index Select2 applies to the select2-drop */
- }
- /* Selectize theme */
- /* Helper class to show styles when focus */
- .selectize-input.selectize-focus{
- border-color: #007FBB !important;
- }
- /* Fix input width for Selectize theme */
- .selectize-control > .selectize-input > input {
- width: 100%;
- }
- /* Fix dropdown width for Selectize theme */
- .selectize-control > .selectize-dropdown {
- width: 100%;
- }
- /* Mark invalid Selectize */
- .ng-dirty.ng-invalid > div.selectize-input {
- border-color: #D44950;
- }
- /* Bootstrap theme */
- /* Helper class to show styles when focus */
- .btn-default-focus {
- color: #333;
- background-color: #EBEBEB;
- border-color: #ADADAD;
- text-decoration: none;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
- }
- .ui-select-bootstrap .ui-select-toggle {
- position: relative;
- }
- .ui-select-bootstrap .ui-select-toggle > .caret {
- position: absolute;
- height: 10px;
- top: 50%;
- right: 10px;
- margin-top: -2px;
- }
- /* Fix Bootstrap dropdown position when inside a input-group */
- .input-group > .ui-select-bootstrap.dropdown {
- /* Instead of relative */
- position: static;
- }
- .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
- border-radius: 4px; /* FIXME hardcoded value :-/ */
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ui-select-bootstrap > .ui-select-match > .btn{
- /* Instead of center because of .btn */
- text-align: left !important;
- }
- .ui-select-bootstrap > .ui-select-match > .caret {
- position: absolute;
- top: 45%;
- right: 15px;
- }
- /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
- .ui-select-bootstrap > .ui-select-choices {
- width: 100%;
- height: auto;
- max-height: 200px;
- overflow-x: hidden;
- margin-top: -1px;
- }
- body > .ui-select-bootstrap.open {
- z-index: 1000; /* Standard Bootstrap dropdown z-index */
- }
- .ui-select-multiple.ui-select-bootstrap {
- height: auto;
- padding: 3px 3px 0 3px;
- }
- .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
- background-color: transparent !important; /* To prevent double background when disabled */
- border: none;
- outline: none;
- height: 1.666666em;
- margin-bottom: 3px;
- }
- .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
- font-size: 1.6em;
- line-height: 0.75;
- }
- .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
- outline: 0;
- margin: 0 3px 3px 0;
- }
- .ui-select-multiple .ui-select-match-item {
- position: relative;
- }
- .ui-select-multiple .ui-select-match-item.dropping-before:before {
- content: "";
- position: absolute;
- top: 0;
- right: 100%;
- height: 100%;
- margin-right: 2px;
- border-left: 1px solid #428bca;
- }
- .ui-select-multiple .ui-select-match-item.dropping-after:after {
- content: "";
- position: absolute;
- top: 0;
- left: 100%;
- height: 100%;
- margin-left: 2px;
- border-right: 1px solid #428bca;
- }
- .ui-select-bootstrap .ui-select-choices-row>a {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: 400;
- line-height: 1.42857143;
- color: #333;
- white-space: nowrap;
- }
- .ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
- text-decoration: none;
- color: #262626;
- background-color: #f5f5f5;
- }
- .ui-select-bootstrap .ui-select-choices-row.active>a {
- color: #fff;
- text-decoration: none;
- outline: 0;
- background-color: #428bca;
- }
- .ui-select-bootstrap .ui-select-choices-row.disabled>a,
- .ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
- color: #777;
- cursor: not-allowed;
- background-color: #fff;
- }
- /* fix hide/show angular animation */
- .ui-select-match.ng-hide-add,
- .ui-select-search.ng-hide-add {
- display: none !important;
- }
- /* Mark invalid Bootstrap */
- .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
- border-color: #D44950;
- }
|