[Summary view] [Print] [Text view]

   1  /* Custom styles for autocomplete form element */
   2  .form-autocomplete-selection {
   3      margin: 0.2em;
   4      min-height: 21px;
   5  }
   6  
   7  .form-autocomplete-multiple [role=listitem].label {
   8      cursor: pointer;
   9  }
  10  
  11  .form-autocomplete-selection [role=listitem].label {
  12      background-color: #00E;
  13      border: 4px solid #00E;
  14      color: #FFF;
  15      font-weight: bold;
  16      border-radius: 3px;
  17      display: inline-block;
  18      margin-bottom: 3px;
  19  }
  20  
  21  .form-autocomplete-suggestions {
  22      position: absolute;
  23      background-color: white;
  24      border: 2px solid #EEE;
  25      border-radius: 3px;
  26      min-width: 206px;
  27      max-height: 20em;
  28      overflow: auto;
  29      margin: 0px;
  30      padding: 0px;
  31      margin-top: -0.2em;
  32      z-index: 1;
  33  }
  34  
  35  .form-autocomplete-suggestions li {
  36      list-style-type: none;
  37      padding: 0.2em;
  38      margin: 0;
  39      cursor: pointer;
  40      color: #333;
  41  }
  42  
  43  .form-autocomplete-suggestions li:hover {
  44      background-color: #00E;
  45      color: #FFF;
  46  }
  47  
  48  .form-autocomplete-suggestions li[aria-selected=true] {
  49      background-color: #555;
  50      color: #FFF;
  51  }
  52  
  53  .form-autocomplete-downarrow {
  54      position: relative;
  55      top: -0.1em;
  56      left: -1.5em;
  57      cursor: pointer;
  58      color: #000;
  59  }
  60  
  61  .dir-rtl .form-autocomplete-downarrow {
  62      right: -1.5em;
  63      left: inherit;
  64  }
  65  
  66  .form-autocomplete-selection:focus {
  67      outline: none;
  68  }
  69  
  70  .form-autocomplete-selection [data-active-selection=true] {
  71      padding: 0.5em;
  72      font-size: large;
  73  }