github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/js/chosen/chosen.css (about)

     1  /*!
     2  Chosen, a Select Box Enhancer for jQuery and Prototype
     3  by Patrick Filler for Harvest, http://getharvest.com
     4  
     5  Version 1.1.0
     6  Full source at https://github.com/harvesthq/chosen
     7  Copyright (c) 2011 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    zoom: 1;
    20    *display: inline;
    21    -webkit-user-select: none;
    22    -moz-user-select: none;
    23    user-select: none;
    24  }
    25  .chosen-container .chosen-drop {
    26    position: absolute;
    27    top: 100%;
    28    left: -9999px;
    29    z-index: 1010;
    30    -webkit-box-sizing: border-box;
    31    -moz-box-sizing: border-box;
    32    box-sizing: border-box;
    33    width: 100%;
    34    border: 1px solid #aaa;
    35    border-top: 0;
    36    background: #fff;
    37    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    38  }
    39  .chosen-container.chosen-with-drop .chosen-drop {
    40    left: 0;
    41  }
    42  .chosen-container a {
    43    cursor: pointer;
    44  }
    45  
    46  /* @end */
    47  /* @group Single Chosen */
    48  .chosen-container-single .chosen-single {
    49    position: relative;
    50    display: block;
    51    overflow: hidden;
    52    padding: 0 0 0 8px;
    53    height: 30px;
    54    border: 1px solid #cbd5dd;
    55    border-radius: 2px;
    56    background-color: #fff;
    57    background-clip: padding-box;
    58    color: #444;
    59    text-decoration: none;
    60    white-space: nowrap;
    61    line-height: 26px;
    62  }
    63  .chosen-container-single .chosen-default {
    64    color: #999;
    65  }
    66  .chosen-container-single .chosen-single span {
    67    display: block;
    68    overflow: hidden;
    69    margin-right: 26px;
    70    text-overflow: ellipsis;
    71    white-space: nowrap;
    72  }
    73  .chosen-container-single .chosen-single-with-deselect span {
    74    margin-right: 38px;
    75  }
    76  .chosen-container-single .chosen-single abbr {
    77    position: absolute;
    78    top: 6px;
    79    right: 26px;
    80    display: block;
    81    width: 12px;
    82    height: 12px;
    83    background: url('chosen-sprite.png') -42px 1px no-repeat;
    84    font-size: 1px;
    85  }
    86  .chosen-container-single .chosen-single abbr:hover {
    87    background-position: -42px -10px;
    88  }
    89  .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    90    background-position: -42px -10px;
    91  }
    92  .chosen-container-single .chosen-single div {
    93    position: absolute;
    94    top: 0;
    95    right: 0;
    96    display: block;
    97    width: 18px;
    98    height: 100%;
    99  }
   100  .chosen-container-single .chosen-single div b {
   101    display: block;
   102    width: 100%;
   103    height: 100%;
   104    background: url('chosen-sprite.png') no-repeat 0px 4px;
   105  }
   106  .chosen-container-single .chosen-search {
   107    position: relative;
   108    z-index: 1010;
   109    margin: 0;
   110    padding: 3px 4px;
   111    white-space: nowrap;
   112  }
   113  .chosen-container-single .chosen-search input[type="text"] {
   114    -webkit-box-sizing: border-box;
   115    -moz-box-sizing: border-box;
   116    box-sizing: border-box;
   117    margin: 1px 0;
   118    padding: 4px 20px 4px 5px;
   119    width: 100%;
   120    height: auto;
   121    outline: 0;
   122    border: 1px solid #aaa;
   123    background: white url('chosen-sprite.png') no-repeat 100% -20px;
   124    background: url('chosen-sprite.png') no-repeat 100% -20px;
   125    font-size: 1em;
   126    line-height: normal;
   127    border-radius: 0;
   128  }
   129  .chosen-container-single .chosen-drop {
   130    margin-top: -1px;
   131    border-radius: 0 0 4px 4px;
   132    background-clip: padding-box;
   133  }
   134  .chosen-container-single.chosen-container-single-nosearch .chosen-search {
   135    position: absolute;
   136    left: -9999px;
   137  }
   138  
   139  /* @end */
   140  /* @group Results */
   141  .chosen-container .chosen-results {
   142    position: relative;
   143    overflow-x: hidden;
   144    overflow-y: auto;
   145    margin: 0 4px 4px 0;
   146    padding: 0 0 0 4px;
   147    max-height: 240px;
   148    -webkit-overflow-scrolling: touch;
   149  }
   150  .chosen-container .chosen-results li {
   151    display: none;
   152    margin: 0;
   153    padding: 5px 6px;
   154    list-style: none;
   155    line-height: 15px;
   156    -webkit-touch-callout: none;
   157  }
   158  .chosen-container .chosen-results li.active-result {
   159    display: list-item;
   160    cursor: pointer;
   161  }
   162  .chosen-container .chosen-results li.disabled-result {
   163    display: list-item;
   164    color: #ccc;
   165    cursor: default;
   166  }
   167  .chosen-container .chosen-results li.highlighted {
   168    background-color: #999;
   169    color: #fff;
   170  }
   171  .chosen-container .chosen-results li.no-results {
   172    display: list-item;
   173    background: #f4f4f4;
   174  }
   175  .chosen-container .chosen-results li.group-result {
   176    display: list-item;
   177    font-weight: bold;
   178    cursor: default;
   179  }
   180  .chosen-container .chosen-results li.group-option {
   181    padding-left: 15px;
   182  }
   183  .chosen-container .chosen-results li em {
   184    font-style: normal;
   185    text-decoration: underline;
   186  }
   187  
   188  /* @end */
   189  /* @group Multi Chosen */
   190  .chosen-container-multi .chosen-choices {
   191    position: relative;
   192    overflow: hidden;
   193    -webkit-box-sizing: border-box;
   194    -moz-box-sizing: border-box;
   195    box-sizing: border-box;
   196    margin: 0;
   197    padding: 2px;
   198    width: 100%;
   199    height: auto !important;
   200    height: 1%;
   201    border: 1px solid #cbd5dd;
   202    background-color: #fff;
   203    border-radius: 2px;
   204    cursor: text;
   205    min-height: 30px;
   206  }
   207  .chosen-container-multi .chosen-choices li {
   208    float: left;
   209    list-style: none;
   210  }
   211  .chosen-container-multi .chosen-choices li.search-field {
   212    margin: 0;
   213    padding: 0;
   214    white-space: nowrap;
   215  }
   216  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
   217    padding: 2px 5px;
   218    height: 22px;
   219    outline: 0;
   220    border: 0 !important;
   221    background: transparent !important;
   222    box-shadow: none;
   223    color: #666;
   224    line-height: normal;
   225    border-radius: 0;
   226  }
   227  .chosen-container-multi .chosen-choices li.search-field .default {
   228    color: #999;
   229  }
   230  .chosen-container-multi .chosen-choices li.search-choice {
   231    position: relative;
   232    margin: 2px 0 2px 5px;
   233    padding: 3px 20px 3px 5px;
   234    border: 1px solid #eee;
   235    border-radius: 3px;
   236    background-color: #f5f5f5;
   237    background-clip: padding-box;
   238    line-height: 13px;
   239    cursor: default;
   240  }
   241  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
   242    position: absolute;
   243    top: 4px;
   244    right: 3px;
   245    display: block;
   246    width: 12px;
   247    height: 12px;
   248    background: url('chosen-sprite.png') -42px 1px no-repeat;
   249    font-size: 1px;
   250  }
   251  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
   252    background-position: -42px -10px;
   253  }
   254  .chosen-container-multi .chosen-choices li.search-choice-disabled {
   255    padding-right: 5px;
   256    border: 1px solid #ccc;
   257    background-color: #e4e4e4;
   258    color: #666;
   259  }
   260  .chosen-container-multi .chosen-choices li.search-choice-focus {
   261    background: #d4d4d4;
   262  }
   263  .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
   264    background-position: -42px -10px;
   265  }
   266  .chosen-container-multi .chosen-results {
   267    margin: 0;
   268    padding: 0;
   269  }
   270  .chosen-container-multi .chosen-drop .result-selected {
   271    display: list-item;
   272    color: #ccc;
   273    cursor: default;
   274  }
   275  
   276  /* @end */
   277  /* @group Active  */
   278  .chosen-container-active .chosen-single {
   279    border: 1px solid #5897fb;
   280    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   281  }
   282  .chosen-container-active.chosen-with-drop .chosen-single {
   283    border: 1px solid #aaa;
   284    -moz-border-radius-bottomright: 0;
   285    border-bottom-right-radius: 0;
   286    -moz-border-radius-bottomleft: 0;
   287    border-bottom-left-radius: 0;
   288    box-shadow: 0 1px 0 #fff inset;
   289  }
   290  .chosen-container-active.chosen-with-drop .chosen-single div {
   291    border-left: none;
   292    background: transparent;
   293  }
   294  .chosen-container-active.chosen-with-drop .chosen-single div b {
   295    background-position: -18px 2px;
   296  }
   297  .chosen-container-active .chosen-choices {
   298    border: 1px solid #5897fb;
   299    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   300  }
   301  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
   302    color: #111 !important;
   303  }
   304  
   305  /* @end */
   306  /* @group Disabled Support */
   307  .chosen-disabled {
   308    opacity: 0.5 !important;
   309    cursor: default;
   310  }
   311  .chosen-disabled .chosen-single {
   312    cursor: default;
   313  }
   314  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
   315    cursor: default;
   316  }
   317  
   318  /* @end */
   319  /* @group Right to Left */
   320  .chosen-rtl {
   321    text-align: right;
   322  }
   323  .chosen-rtl .chosen-single {
   324    overflow: visible;
   325    padding: 0 8px 0 0;
   326  }
   327  .chosen-rtl .chosen-single span {
   328    margin-right: 0;
   329    margin-left: 26px;
   330    direction: rtl;
   331  }
   332  .chosen-rtl .chosen-single-with-deselect span {
   333    margin-left: 38px;
   334  }
   335  .chosen-rtl .chosen-single div {
   336    right: auto;
   337    left: 3px;
   338  }
   339  .chosen-rtl .chosen-single abbr {
   340    right: auto;
   341    left: 26px;
   342  }
   343  .chosen-rtl .chosen-choices li {
   344    float: right;
   345  }
   346  .chosen-rtl .chosen-choices li.search-field input[type="text"] {
   347    direction: rtl;
   348  }
   349  .chosen-rtl .chosen-choices li.search-choice {
   350    margin: 3px 5px 3px 0;
   351    padding: 3px 5px 3px 19px;
   352  }
   353  .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
   354    right: auto;
   355    left: 4px;
   356  }
   357  .chosen-rtl.chosen-container-single-nosearch .chosen-search,
   358  .chosen-rtl .chosen-drop {
   359    left: 9999px;
   360  }
   361  .chosen-rtl.chosen-container-single .chosen-results {
   362    margin: 0 0 4px 4px;
   363    padding: 0 4px 0 0;
   364  }
   365  .chosen-rtl .chosen-results li.group-option {
   366    padding-right: 15px;
   367    padding-left: 0;
   368  }
   369  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
   370    border-right: none;
   371  }
   372  .chosen-rtl .chosen-search input[type="text"] {
   373    padding: 4px 5px 4px 20px;
   374    background: white url('chosen-sprite.png') no-repeat -30px -20px;
   375    background: url('chosen-sprite.png') no-repeat -30px -20px;
   376    direction: rtl;
   377  }
   378  .chosen-rtl.chosen-container-single .chosen-single div b {
   379    background-position: 6px 2px;
   380  }
   381  .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
   382    background-position: -12px 2px;
   383  }
   384  
   385  /* @end */
   386  /* @group Retina compatibility */
   387  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
   388    .chosen-rtl .chosen-search input[type="text"],
   389    .chosen-container-single .chosen-single abbr,
   390    .chosen-container-single .chosen-single div b,
   391    .chosen-container-single .chosen-search input[type="text"],
   392    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
   393    .chosen-container .chosen-results-scroll-down span,
   394    .chosen-container .chosen-results-scroll-up span {
   395      background-image: url('chosen-sprite@2x.png') !important;
   396      background-size: 52px 37px !important;
   397      background-repeat: no-repeat !important;
   398    }
   399  }
   400  /* @end */