From 7ae7d5d376e327e758cf55bb42b5f196b3a4bb71 Mon Sep 17 00:00:00 2001 From: sembrestels Date: Wed, 14 Sep 2011 00:22:39 +0200 Subject: Adding CSS to autocomplete boxes --- views/default/css/elements/forms.php | 66 ++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) (limited to 'views') diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php index 1fced0196..e5ffb8af2 100644 --- a/views/default/css/elements/forms.php +++ b/views/default/css/elements/forms.php @@ -327,3 +327,69 @@ input[type="radio"] { color: #0054A7; background: #E4ECF5; } + +/* *************************************** + AUTOSUGGEST BOXES +*************************************** */ + +.ac_results { + padding: 0px; + border: 1px solid black; + background-color: white; + overflow: hidden; + z-index: 99999; +} + +.ui-autocomplete { + padding: 0px; + border: 1px solid black; + background-color: white; + overflow: hidden; + width: 300px; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} + +.ui-autocomplete li { + margin: 0px; + padding: 2px 5px; + cursor: default; + display: block; + /* + if width will be 100% horizontal scrollbar will apear + when scroll mode will be used + */ + /*width: 100%;*/ + font: menu; + font-size: 12px; + /* + it is very important, if line-height not setted or setted + in relative units scroll will be broken in firefox + */ + line-height: 16px; + overflow: hidden; +} + +.ui-autocomplete-loading { + background: white url(_graphics/indicator.gif) right center no-repeat; +} + +.ui-autocomplete li:nth-child(odd) { + background-color: #eee; +} + +.ui-autocomplete li:hover { + background-color: #4690D6; + color: white; +} + +.ui-autocomplete strong { + font-weight: bold; +} + +.livesearch_icon { + float: left; + padding-right: 1em; +} -- cgit v1.2.3