resources/lib/jquery.chosen/chosen.css

   1 /*!
   2 Chosen, a Select Box Enhancer for jQuery and Prototype
   3 by Patrick Filler for Harvest, http://getharvest.com
   4
   5 Version 1.8.2
   6 Full source at https://github.com/harvesthq/chosen
   7 Copyright (c) 2011-2017 Harvest http://getharvest.com
   8
   9 MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
  10 This file is generated by `grunt build`, do not edit it by hand.
  11 */
  12
  13 /* @group Base */
  14 .chosen-container {
  15   position: relative;
  16   display: inline-block;
  17   vertical-align: middle;
  18   font-size: 13px;
  19   -webkit-user-select: none;
  20      -moz-user-select: none;
  21       -ms-user-select: none;
  22           user-select: none;
  23 }
  24
  25 .chosen-container * {
  26   -webkit-box-sizing: border-box;
  27           box-sizing: border-box;
  28 }
  29
  30 .chosen-container .chosen-drop {
  31   position: absolute;
  32   top: 100%;
  33   z-index: 1010;
  34   width: 100%;
  35   border: 1px solid #aaa;
  36   border-top: 0;
  37   background: #fff;
  38   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  39           box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  40   clip: rect(0, 0, 0, 0);
  41 }
  42
  43 .chosen-container.chosen-with-drop .chosen-drop {
  44   clip: auto;
  45 }
  46
  47 .chosen-container a {
  48   cursor: pointer;
  49 }
  50
  51 .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  52   margin-right: 4px;
  53   overflow: hidden;
  54   white-space: nowrap;
  55   text-overflow: ellipsis;
  56   font-weight: normal;
  57   color: #999999;
  58 }
  59
  60 .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  61   content: ":";
  62   padding-left: 2px;
  63   vertical-align: top;
  64 }
  65
  66 /* @end */
  67 /* @group Single Chosen */
  68 .chosen-container-single .chosen-single {
  69   position: relative;
  70   display: block;
  71   overflow: hidden;
  72   padding: 0 0 0 8px;
  73   height: 25px;
  74   border: 1px solid #aaa;
  75   border-radius: 5px;
  76   background-color: #fff;
  77   background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  78   background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  79   background-clip: padding-box;
  80   -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  81           box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  82   color: #444;
  83   text-decoration: none;
  84   white-space: nowrap;
  85   line-height: 24px;
  86 }
  87
  88 .chosen-container-single .chosen-default {
  89   color: #999;
  90 }
  91
  92 .chosen-container-single .chosen-single span {
  93   display: block;
  94   overflow: hidden;
  95   margin-right: 26px;
  96   text-overflow: ellipsis;
  97   white-space: nowrap;
  98 }
  99
 100 .chosen-container-single .chosen-single-with-deselect span {
 101   margin-right: 38px;
 102 }
 103
 104 .chosen-container-single .chosen-single abbr {
 105   position: absolute;
 106   top: 6px;
 107   right: 26px;
 108   display: block;
 109   width: 12px;
 110   height: 12px;
 111   background: url("chosen-sprite.png") -42px 1px no-repeat;
 112   font-size: 1px;
 113 }
 114
 115 .chosen-container-single .chosen-single abbr:hover {
 116   background-position: -42px -10px;
 117 }
 118
 119 .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
 120   background-position: -42px -10px;
 121 }
 122
 123 .chosen-container-single .chosen-single div {
 124   position: absolute;
 125   top: 0;
 126   right: 0;
 127   display: block;
 128   width: 18px;
 129   height: 100%;
 130 }
 131
 132 .chosen-container-single .chosen-single div b {
 133   display: block;
 134   width: 100%;
 135   height: 100%;
 136   background: url("chosen-sprite.png") no-repeat 0px 2px;
 137 }
 138
 139 .chosen-container-single .chosen-search {
 140   position: relative;
 141   z-index: 1010;
 142   margin: 0;
 143   padding: 3px 4px;
 144   white-space: nowrap;
 145 }
 146
 147 .chosen-container-single .chosen-search input[type="text"] {
 148   margin: 1px 0;
 149   padding: 4px 20px 4px 5px;
 150   width: 100%;
 151   height: auto;
 152   outline: 0;
 153   border: 1px solid #aaa;
 154   background: url("chosen-sprite.png") no-repeat 100% -20px;
 155   font-size: 1em;
 156   font-family: sans-serif;
 157   line-height: normal;
 158   border-radius: 0;
 159 }
 160
 161 .chosen-container-single .chosen-drop {
 162   margin-top: -1px;
 163   border-radius: 0 0 4px 4px;
 164   background-clip: padding-box;
 165 }
 166
 167 .chosen-container-single.chosen-container-single-nosearch .chosen-search {
 168   position: absolute;
 169   clip: rect(0, 0, 0, 0);
 170 }
 171
 172 /* @end */
 173 /* @group Results */
 174 .chosen-container .chosen-results {
 175   color: #444;
 176   position: relative;
 177   overflow-x: hidden;
 178   overflow-y: auto;
 179   margin: 0 4px 4px 0;
 180   padding: 0 0 0 4px;
 181   max-height: 240px;
 182   -webkit-overflow-scrolling: touch;
 183 }
 184
 185 .chosen-container .chosen-results li {
 186   display: none;
 187   margin: 0;
 188   padding: 5px 6px;
 189   list-style: none;
 190   line-height: 15px;
 191   word-wrap: break-word;
 192   -webkit-touch-callout: none;
 193 }
 194
 195 .chosen-container .chosen-results li.active-result {
 196   display: list-item;
 197   cursor: pointer;
 198 }
 199
 200 .chosen-container .chosen-results li.disabled-result {
 201   display: list-item;
 202   color: #ccc;
 203   cursor: default;
 204 }
 205
 206 .chosen-container .chosen-results li.highlighted {
 207   background-color: #3875d7;
 208   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
 209   background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
 210   color: #fff;
 211 }
 212
 213 .chosen-container .chosen-results li.no-results {
 214   color: #777;
 215   display: list-item;
 216   background: #f4f4f4;
 217 }
 218
 219 .chosen-container .chosen-results li.group-result {
 220   display: list-item;
 221   font-weight: bold;
 222   cursor: default;
 223 }
 224
 225 .chosen-container .chosen-results li.group-option {
 226   padding-left: 15px;
 227 }
 228
 229 .chosen-container .chosen-results li em {
 230   font-style: normal;
 231   text-decoration: underline;
 232 }
 233
 234 /* @end */
 235 /* @group Multi Chosen */
 236 .chosen-container-multi .chosen-choices {
 237   position: relative;
 238   overflow: hidden;
 239   margin: 0;
 240   padding: 0 5px;
 241   width: 100%;
 242   height: auto;
 243   border: 1px solid #aaa;
 244   background-color: #fff;
 245   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
 246   background-image: linear-gradient(#eee 1%, #fff 15%);
 247   cursor: text;
 248 }
 249
 250 .chosen-container-multi .chosen-choices li {
 251   float: left;
 252   list-style: none;
 253 }
 254
 255 .chosen-container-multi .chosen-choices li.search-field {
 256   margin: 0;
 257   padding: 0;
 258   white-space: nowrap;
 259 }
 260
 261 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
 262   margin: 1px 0;
 263   padding: 0;
 264   height: 25px;
 265   outline: 0;
 266   border: 0 !important;
 267   background: transparent !important;
 268   -webkit-box-shadow: none;
 269           box-shadow: none;
 270   color: #999;
 271   font-size: 100%;
 272   font-family: sans-serif;
 273   line-height: normal;
 274   border-radius: 0;
 275   width: 25px;
 276 }
 277
 278 .chosen-container-multi .chosen-choices li.search-choice {
 279   position: relative;
 280   margin: 3px 5px 3px 0;
 281   padding: 3px 20px 3px 5px;
 282   border: 1px solid #aaa;
 283   max-width: 100%;
 284   border-radius: 3px;
 285   background-color: #eeeeee;
 286   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
 287   background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 288   background-size: 100% 19px;
 289   background-repeat: repeat-x;
 290   background-clip: padding-box;
 291   -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 292           box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 293   color: #333;
 294   line-height: 13px;
 295   cursor: default;
 296 }
 297
 298 .chosen-container-multi .chosen-choices li.search-choice span {
 299   word-wrap: break-word;
 300 }
 301
 302 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
 303   position: absolute;
 304   top: 4px;
 305   right: 3px;
 306   display: block;
 307   width: 12px;
 308   height: 12px;
 309   background: url("chosen-sprite.png") -42px 1px no-repeat;
 310   font-size: 1px;
 311 }
 312
 313 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
 314   background-position: -42px -10px;
 315 }
 316
 317 .chosen-container-multi .chosen-choices li.search-choice-disabled {
 318   padding-right: 5px;
 319   border: 1px solid #ccc;
 320   background-color: #e4e4e4;
 321   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
 322   background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 323   color: #666;
 324 }
 325
 326 .chosen-container-multi .chosen-choices li.search-choice-focus {
 327   background: #d4d4d4;
 328 }
 329
 330 .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
 331   background-position: -42px -10px;
 332 }
 333
 334 .chosen-container-multi .chosen-results {
 335   margin: 0;
 336   padding: 0;
 337 }
 338
 339 .chosen-container-multi .chosen-drop .result-selected {
 340   display: list-item;
 341   color: #ccc;
 342   cursor: default;
 343 }
 344
 345 /* @end */
 346 /* @group Active  */
 347 .chosen-container-active .chosen-single {
 348   border: 1px solid #5897fb;
 349   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 350           box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 351 }
 352
 353 .chosen-container-active.chosen-with-drop .chosen-single {
 354   border: 1px solid #aaa;
 355   border-bottom-right-radius: 0;
 356   border-bottom-left-radius: 0;
 357   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
 358   background-image: linear-gradient(#eee 20%, #fff 80%);
 359   -webkit-box-shadow: 0 1px 0 #fff inset;
 360           box-shadow: 0 1px 0 #fff inset;
 361 }
 362
 363 .chosen-container-active.chosen-with-drop .chosen-single div {
 364   border-left: none;
 365   background: transparent;
 366 }
 367
 368 .chosen-container-active.chosen-with-drop .chosen-single div b {
 369   background-position: -18px 2px;
 370 }
 371
 372 .chosen-container-active .chosen-choices {
 373   border: 1px solid #5897fb;
 374   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 375           box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 376 }
 377
 378 .chosen-container-active .chosen-choices li.search-field input[type="text"] {
 379   color: #222 !important;
 380 }
 381
 382 /* @end */
 383 /* @group Disabled Support */
 384 .chosen-disabled {
 385   opacity: 0.5 !important;
 386   cursor: default;
 387 }
 388
 389 .chosen-disabled .chosen-single {
 390   cursor: default;
 391 }
 392
 393 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
 394   cursor: default;
 395 }
 396
 397 /* @end */
 398 /* @group Right to Left */
 399 .chosen-rtl {
 400   text-align: right;
 401 }
 402
 403 .chosen-rtl .chosen-single {
 404   overflow: visible;
 405   padding: 0 8px 0 0;
 406 }
 407
 408 .chosen-rtl .chosen-single span {
 409   margin-right: 0;
 410   margin-left: 26px;
 411   direction: rtl;
 412 }
 413
 414 .chosen-rtl .chosen-single-with-deselect span {
 415   margin-left: 38px;
 416 }
 417
 418 .chosen-rtl .chosen-single div {
 419   right: auto;
 420   left: 3px;
 421 }
 422
 423 .chosen-rtl .chosen-single abbr {
 424   right: auto;
 425   left: 26px;
 426 }
 427
 428 .chosen-rtl .chosen-choices li {
 429   float: right;
 430 }
 431
 432 .chosen-rtl .chosen-choices li.search-field input[type="text"] {
 433   direction: rtl;
 434 }
 435
 436 .chosen-rtl .chosen-choices li.search-choice {
 437   margin: 3px 5px 3px 0;
 438   padding: 3px 5px 3px 19px;
 439 }
 440
 441 .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
 442   right: auto;
 443   left: 4px;
 444 }
 445
 446 .chosen-rtl.chosen-container-single .chosen-results {
 447   margin: 0 0 4px 4px;
 448   padding: 0 4px 0 0;
 449 }
 450
 451 .chosen-rtl .chosen-results li.group-option {
 452   padding-right: 15px;
 453   padding-left: 0;
 454 }
 455
 456 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
 457   border-right: none;
 458 }
 459
 460 .chosen-rtl .chosen-search input[type="text"] {
 461   padding: 4px 5px 4px 20px;
 462   background: url("chosen-sprite.png") no-repeat -30px -20px;
 463   direction: rtl;
 464 }
 465
 466 .chosen-rtl.chosen-container-single .chosen-single div b {
 467   background-position: 6px 2px;
 468 }
 469
 470 .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
 471   background-position: -12px 2px;
 472 }
 473
 474 /* @end */
 475 /* @group Retina compatibility */
 476 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
 477   .chosen-rtl .chosen-search input[type="text"],
 478   .chosen-container-single .chosen-single abbr,
 479   .chosen-container-single .chosen-single div b,
 480   .chosen-container-single .chosen-search input[type="text"],
 481   .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
 482   .chosen-container .chosen-results-scroll-down span,
 483   .chosen-container .chosen-results-scroll-up span {
 484     background-image: url("chosen-sprite@2x.png") !important;
 485     background-size: 52px 37px !important;
 486     background-repeat: no-repeat !important;
 487   }
 488 }
 489
 490 /* @end */