autocomplete/css/dropdown.css

   1 div.acinputContainer
   2 {
   3         position: relative;
   4         float: left;
   5         clear: none;
   6         width: 240px;
   7         height: 20px;
   8         margin:0px;
   9         padding: 0px;
  10         border-width: 1px;
  11         border-style: solid;
  12 /*      border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;*/
  13         border-color: #aaa #eee #eee #aaa;
  14         background-color: buttonface;
  15         overflow: show;
  16         white-space: nowrap;
  17         box-sizing: border-box;
  18         -moz-box-sizing: border-box;
  19 }
  20
  21 div.acinputContainer input
  22 {
  23         position: relative;
  24         float: left;
  25         clear: none;
  26         /*width: 220px;*/
  27         border-width: 1px;
  28         margin:0px;
  29         padding: 0px;
  30         box-sizing: border-box;
  31         -moz-box-sizing: border-box;
  32 }
  33
  34 /* this is set when the input is 'working' i.e. remote loading is in process */
  35 div.acinputContainer input.search
  36 {
  37         background-color: #b41b00;
  38         -moz-box-sizing: border-box;
  39         box-sizing: border-box;
  40 }
  41
  42 div.acinputContainer input.button
  43 {
  44         position: relative;
  45         float: left;
  46         clear: none;
  47         font-size: 2px;
  48         top: 0px;
  49         left: 1px;
  50         width:18px;
  51         height: 100%;
  52         border-width: 1px;
  53         background-image:url( ../i/arrowdown.gif );
  54         background-repeat: no-repeat;
  55         background-position: 2px 2px;
  56         -moz-box-sizing: border-box;
  57         box-sizing: border-box;
  58 }
  59
  60 input.dropdown
  61 {
  62         width: 160px;
  63         border: 1px solid #AAAAAA;
  64         border-color: #888 #aaa #aaa #888;
  65         margin-bottom: 2px;
  66         -moz-box-sizing         : border-box;
  67 }
  68
  69 div.autocomplete_holder
  70 {
  71         position: absolute;
  72         visibility: hidden;
  73         display: none;
  74         background-color: #fff;
  75         background-image: url( ../i/bg.gif );
  76         -moz-box-sizing         : border-box;
  77 }
  78
  79 div.autocomplete_firstborder
  80 {
  81         border-width: 1px;
  82         border-style: solid;
  83         border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
  84         padding: 0px;
  85         -moz-box-sizing         : border-box;
  86 }
  87
  88 div.autocomplete_secondborder
  89 {
  90         border-style: none;
  91         padding: 2px;
  92         -moz-box-sizing         : border-box;
  93 }
  94
  95 ul.autocomplete
  96 {
  97         width                           : 100%;
  98         height                          : 95px;
  99         overflow-y                      : auto;
 100         overflow                        : -moz-scrollbars-vertical;
 101
 102         font                            : menu;
 103
 104         margin                          : 0px;
 105         margin-left                     : 0px;
 106         padding-left            : 0px;
 107         text-indent                     : 0px;
 108
 109         list-style-type         : none;
 110         vertical-align          : middle;
 111
 112         background-repeat   : no-repeat;
 113         -moz-box-sizing         : border-box;
 114 }
 115
 116 ul.autocomplete li a, ul.autocomplete li a:hover,
 117 ul.autocomplete li a.selected, ul.autocomplete li a:hover.selected
 118 {
 119         display                         : block;
 120         width                           : 100%;
 121         padding                         : 2px;
 122         text-decoration         : none;
 123         color                           : #333;
 124         border                          : 1px solid #fff;
 125         -moz-box-sizing         : border-box;
 126
 127         margin-left                     : -14px;
 128         voice-family            : "\"}\"";
 129         voice-family            : inherit;
 130         margin-left                     : 0px;
 131 }
 132
 133 ul.autocomplete li
 134 {
 135         padding                         : 0px;
 136         paddnig-left            : 5px;
 137         background-position : 2px 0px;
 138         background-repeat       : no-repeat;
 139
 140         line-height                     : 13px;
 141         vertical-align          : top;
 142         margin                          : 0px;
 143         /*border-style          : none;*/
 144         -moz-box-sizing         : border-box;
 145 }
 146
 147 ul.autocomplete li a
 148 {
 149 }
 150
 151 ul.autocomplete li a:hover
 152 {
 153         color: highlighttext;
 154         background-color: highlight;
 155         border-color: #e0e0e0;
 156 }
 157
 158 ul.autocomplete li a.selected
 159 {
 160         border                          : 1px solid #444;
 161         /*
 162         background-color        : #fcbdb6;
 163         color                           : #fff;
 164         */
 165         background-color        : #0d94df;
 166         color                           : #fff;
 167
 168         background-color: #f00;
 169         background-image: url( ../i/conf.gif );
 170         background-position: center right;
 171         background-repeat: no-repeat;
 172 }
 173
 174 ul.autocomplete li a:hover.selected
 175 {
 176         border                          : 1px solid #e0e0e0;
 177         color                           : white;
 178         background-color        : #f00;
 179         background-image: none;
 180 }