xp-dev.com Git - namibia/blob - public/css/vendor/select2.css

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