diff options
author | sembrestels <sembrestels@riseup.net> | 2011-09-14 00:22:39 +0200 |
---|---|---|
committer | sembrestels <sembrestels@riseup.net> | 2011-09-14 00:22:39 +0200 |
commit | 7ae7d5d376e327e758cf55bb42b5f196b3a4bb71 (patch) | |
tree | ef5bf12d43ee63212ef333e3e1cb3500679b2e27 /views/default | |
parent | 3939a817def8d0a3d047456c4ad3817d5ee0a1d5 (diff) | |
download | elgg-7ae7d5d376e327e758cf55bb42b5f196b3a4bb71.tar.gz elgg-7ae7d5d376e327e758cf55bb42b5f196b3a4bb71.tar.bz2 |
Adding CSS to autocomplete boxes
Diffstat (limited to 'views/default')
-rw-r--r-- | views/default/css/elements/forms.php | 66 |
1 files changed, 66 insertions, 0 deletions
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(<?php echo $vars['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; +} |