aboutsummaryrefslogtreecommitdiff
path: root/views/default
diff options
context:
space:
mode:
authorsembrestels <sembrestels@riseup.net>2011-09-14 00:22:39 +0200
committersembrestels <sembrestels@riseup.net>2011-09-14 00:22:39 +0200
commit7ae7d5d376e327e758cf55bb42b5f196b3a4bb71 (patch)
treeef5bf12d43ee63212ef333e3e1cb3500679b2e27 /views/default
parent3939a817def8d0a3d047456c4ad3817d5ee0a1d5 (diff)
downloadelgg-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.php66
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;
+}