public/bower_components/angular-ui-select/select.css

   1 /*!
   2  * ui-select
   3  * http://github.com/angular-ui/ui-select
   4  * Version: 0.19.3 - 2016-08-17T06:16:42.140Z
   5  * License: MIT
   6  */
   7
   8
   9 /* Style when highlighting a search. */
  10 .ui-select-highlight {
  11   font-weight: bold;
  12 }
  13
  14 .ui-select-offscreen {
  15   clip: rect(0 0 0 0) !important;
  16   width: 1px !important;
  17   height: 1px !important;
  18   border: 0 !important;
  19   margin: 0 !important;
  20   padding: 0 !important;
  21   overflow: hidden !important;
  22   position: absolute !important;
  23   outline: 0 !important;
  24   left: 0px !important;
  25   top: 0px !important;
  26 }
  27
  28
  29 .ui-select-choices-row:hover {
  30   background-color: #f5f5f5;
  31 }
  32
  33 /* Select2 theme */
  34
  35 /* Mark invalid Select2 */
  36 .ng-dirty.ng-invalid > a.select2-choice {
  37     border-color: #D44950;
  38 }
  39
  40 .select2-result-single {
  41   padding-left: 0;
  42 }
  43
  44 .select2-locked > .select2-search-choice-close{
  45   display:none;
  46 }
  47
  48 .select-locked > .ui-select-match-close{
  49     display:none;
  50 }
  51
  52 body > .select2-container.open {
  53   z-index: 9999; /* The z-index Select2 applies to the select2-drop */
  54 }
  55
  56 /* Handle up direction Select2 */
  57 .ui-select-container[theme="select2"].direction-up .ui-select-match,
  58 .ui-select-container.select2.direction-up .ui-select-match {
  59     border-radius: 4px; /* FIXME hardcoded value :-/ */
  60     border-top-left-radius: 0;
  61     border-top-right-radius: 0;
  62 }
  63 .ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
  64 .ui-select-container.select2.direction-up .ui-select-dropdown {
  65     border-radius: 4px; /* FIXME hardcoded value :-/ */
  66     border-bottom-left-radius: 0;
  67     border-bottom-right-radius: 0;
  68
  69     border-top-width: 1px;  /* FIXME hardcoded value :-/ */
  70     border-top-style: solid;
  71
  72     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  73
  74     margin-top: -4px; /* FIXME hardcoded value :-/ */
  75 }
  76 .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
  77 .ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
  78     margin-top: 4px; /* FIXME hardcoded value :-/ */
  79 }
  80 .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
  81 .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
  82     border-bottom-color: #5897fb;
  83 }
  84
  85 .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
  86 .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
  87     opacity: 0;
  88     height: 0;
  89     min-height: 0;
  90     padding: 0;
  91     margin: 0;
  92     border:0;
  93 }
  94
  95 /* Selectize theme */
  96
  97 /* Helper class to show styles when focus */
  98 .selectize-input.selectize-focus{
  99   border-color: #007FBB !important;
 100 }
 101
 102 /* Fix input width for Selectize theme */
 103 .selectize-control > .selectize-input > input {
 104   width: 100%;
 105 }
 106
 107 /* Fix dropdown width for Selectize theme */
 108 .selectize-control > .selectize-dropdown {
 109   width: 100%;
 110 }
 111
 112 /* Mark invalid Selectize */
 113 .ng-dirty.ng-invalid > div.selectize-input {
 114     border-color: #D44950;
 115 }
 116
 117 /* Handle up direction Selectize */
 118 .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
 119     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
 120     margin-top: -2px; /* FIXME hardcoded value :-/ */
 121 }
 122
 123 .ui-select-container[theme="selectize"] input.ui-select-search-hidden{
 124     opacity: 0;
 125     height: 0;
 126     min-height: 0;
 127     padding: 0;
 128     margin: 0;
 129     border:0;
 130     width: 0;
 131 }
 132
 133 /* Bootstrap theme */
 134
 135 /* Helper class to show styles when focus */
 136 .btn-default-focus {
 137   color: #333;
 138   background-color: #EBEBEB;
 139   border-color: #ADADAD;
 140   text-decoration: none;
 141   outline: 5px auto -webkit-focus-ring-color;
 142   outline-offset: -2px;
 143   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 144 }
 145
 146 .ui-select-bootstrap .ui-select-toggle {
 147   position: relative;
 148 }
 149
 150 .ui-select-bootstrap .ui-select-toggle > .caret {
 151   position: absolute;
 152   height: 10px;
 153   top: 50%;
 154   right: 10px;
 155   margin-top: -2px;
 156 }
 157
 158 /* Fix Bootstrap dropdown position when inside a input-group */
 159 .input-group > .ui-select-bootstrap.dropdown {
 160   /* Instead of relative */
 161   position: static;
 162 }
 163
 164 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
 165   border-radius: 4px; /* FIXME hardcoded value :-/ */
 166   border-top-right-radius: 0;
 167   border-bottom-right-radius: 0;
 168 }
 169 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
 170   border-radius: 4px !important; /* FIXME hardcoded value :-/ */
 171   border-top-right-radius: 0 !important;
 172   border-bottom-right-radius: 0 !important;
 173 }
 174
 175 .ui-select-bootstrap .ui-select-search-hidden{
 176     opacity: 0;
 177     height: 0;
 178     min-height: 0;
 179     padding: 0;
 180     margin: 0;
 181     border:0;
 182 }
 183
 184 .ui-select-bootstrap > .ui-select-match > .btn{
 185   /* Instead of center because of .btn */
 186   text-align: left !important;
 187 }
 188
 189 .ui-select-bootstrap > .ui-select-match > .caret {
 190   position: absolute;
 191   top: 45%;
 192   right: 15px;
 193 }
 194
 195 /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
 196 .ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
 197   width: 100%;
 198   height: auto;
 199   max-height: 200px;
 200   overflow-x: hidden;
 201   margin-top: -1px;
 202 }
 203
 204 body > .ui-select-bootstrap.open {
 205   z-index: 1000; /* Standard Bootstrap dropdown z-index */
 206 }
 207
 208 .ui-select-multiple.ui-select-bootstrap {
 209   height: auto;
 210   padding: 3px 3px 0 3px;
 211 }
 212
 213 .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
 214   background-color: transparent !important; /* To prevent double background when disabled */
 215   border: none;
 216   outline: none;
 217   height: 1.666666em;
 218   margin-bottom: 3px;
 219 }
 220
 221 .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
 222   font-size: 1.6em;
 223   line-height: 0.75;
 224 }
 225
 226 .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
 227   outline: 0;
 228   margin: 0 3px 3px 0;
 229 }
 230
 231 .ui-select-multiple .ui-select-match-item {
 232   position: relative;
 233 }
 234
 235 .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
 236   pointer-events: none;
 237 }
 238
 239 .ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
 240   content: "";
 241   position: absolute;
 242   top: 0;
 243   right: 100%;
 244   height: 100%;
 245   margin-right: 2px;
 246   border-left: 1px solid #428bca;
 247 }
 248
 249 .ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
 250   content: "";
 251   position: absolute;
 252   top: 0;
 253   left: 100%;
 254   height: 100%;
 255   margin-left: 2px;
 256   border-right: 1px solid #428bca;
 257 }
 258
 259 .ui-select-bootstrap .ui-select-choices-row>span {
 260     cursor: pointer;
 261     display: block;
 262     padding: 3px 20px;
 263     clear: both;
 264     font-weight: 400;
 265     line-height: 1.42857143;
 266     color: #333;
 267     white-space: nowrap;
 268 }
 269
 270 .ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
 271     text-decoration: none;
 272     color: #262626;
 273     background-color: #f5f5f5;
 274 }
 275
 276 .ui-select-bootstrap .ui-select-choices-row.active>span {
 277     color: #fff;
 278     text-decoration: none;
 279     outline: 0;
 280     background-color: #428bca;
 281 }
 282
 283 .ui-select-bootstrap .ui-select-choices-row.disabled>span,
 284 .ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
 285     color: #777;
 286     cursor: not-allowed;
 287     background-color: #fff;
 288 }
 289
 290 /* fix hide/show angular animation */
 291 .ui-select-match.ng-hide-add,
 292 .ui-select-search.ng-hide-add {
 293     display: none !important;
 294 }
 295
 296 /* Mark invalid Bootstrap */
 297 .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
 298     border-color: #D44950;
 299 }
 300
 301 /* Handle up direction Bootstrap */
 302 .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
 303     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
 304 }
 305
 306 .ui-select-bootstrap .ui-select-match-text {
 307     width: 100%;
 308     padding-right: 1em;
 309 }
 310 .ui-select-bootstrap .ui-select-match-text span {
 311     display: inline-block;
 312     width: 100%;
 313     overflow: hidden;
 314 }
 315 .ui-select-bootstrap .ui-select-toggle > a.btn {
 316   position: absolute;
 317   height: 10px;
 318   right: 10px;
 319   margin-top: -2px;
 320 }