diff options
Diffstat (limited to 'autocomplete/css/dropdown.css')
-rw-r--r-- | autocomplete/css/dropdown.css | 180 |
1 files changed, 180 insertions, 0 deletions
diff --git a/autocomplete/css/dropdown.css b/autocomplete/css/dropdown.css new file mode 100644 index 0000000..8fae480 --- /dev/null +++ b/autocomplete/css/dropdown.css @@ -0,0 +1,180 @@ +div.acinputContainer +{ + position: relative; + float: left; + clear: none; + width: 240px; + height: 20px; + margin:0px; + padding: 0px; + border-width: 1px; + border-style: solid; +/* border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;*/ + border-color: #aaa #eee #eee #aaa; + background-color: buttonface; + overflow: show; + white-space: nowrap; + box-sizing: border-box; + -moz-box-sizing: border-box; +} + +div.acinputContainer input +{ + position: relative; + float: left; + clear: none; + /*width: 220px;*/ + border-width: 1px; + margin:0px; + padding: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; +} + +/* this is set when the input is 'working' i.e. remote loading is in process */ +div.acinputContainer input.search +{ + background-color: #b41b00; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +div.acinputContainer input.button +{ + position: relative; + float: left; + clear: none; + font-size: 2px; + top: 0px; + left: 1px; + width:18px; + height: 100%; + border-width: 1px; + background-image:url( ../i/arrowdown.gif ); + background-repeat: no-repeat; + background-position: 2px 2px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +input.dropdown +{ + width: 160px; + border: 1px solid #AAAAAA; + border-color: #888 #aaa #aaa #888; + margin-bottom: 2px; + -moz-box-sizing : border-box; +} + +div.autocomplete_holder +{ + position: absolute; + visibility: hidden; + display: none; + background-color: #fff; + background-image: url( ../i/bg.gif ); + -moz-box-sizing : border-box; +} + +div.autocomplete_firstborder +{ + border-width: 1px; + border-style: solid; + border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow; + padding: 0px; + -moz-box-sizing : border-box; +} + +div.autocomplete_secondborder +{ + border-style: none; + padding: 2px; + -moz-box-sizing : border-box; +} + +ul.autocomplete +{ + width : 100%; + height : 95px; + overflow-y : auto; + overflow : -moz-scrollbars-vertical; + + font : menu; + + margin : 0px; + margin-left : 0px; + padding-left : 0px; + text-indent : 0px; + + list-style-type : none; + vertical-align : middle; + + background-repeat : no-repeat; + -moz-box-sizing : border-box; +} + +ul.autocomplete li a, ul.autocomplete li a:hover, +ul.autocomplete li a.selected, ul.autocomplete li a:hover.selected +{ + display : block; + width : 100%; + padding : 2px; + text-decoration : none; + color : #333; + border : 1px solid #fff; + -moz-box-sizing : border-box; + + margin-left : -14px; + voice-family : "\"}\""; + voice-family : inherit; + margin-left : 0px; +} + +ul.autocomplete li +{ + padding : 0px; + paddnig-left : 5px; + background-position : 2px 0px; + background-repeat : no-repeat; + + line-height : 13px; + vertical-align : top; + margin : 0px; + /*border-style : none;*/ + -moz-box-sizing : border-box; +} + +ul.autocomplete li a +{ +} + +ul.autocomplete li a:hover +{ + color: highlighttext; + background-color: highlight; + border-color: #e0e0e0; +} + +ul.autocomplete li a.selected +{ + border : 1px solid #444; + /* + background-color : #fcbdb6; + color : #fff; + */ + background-color : #0d94df; + color : #fff; + + background-color: #f00; + background-image: url( ../i/conf.gif ); + background-position: center right; + background-repeat: no-repeat; +} + +ul.autocomplete li a:hover.selected +{ + border : 1px solid #e0e0e0; + color : white; + background-color : #f00; + background-image: none; +} |