diff options
author | Fabio Comuni <fabrix.xm@gmail.com> | 2011-10-26 14:02:17 +0200 |
---|---|---|
committer | Fabio Comuni <fabrix.xm@gmail.com> | 2011-10-26 14:02:17 +0200 |
commit | 951c73d825a024aee6729d645afd97c7fa53c760 (patch) | |
tree | a0b44d0d13332490c69c9ce443dda54348f133be /view/theme/quattro | |
parent | dc212de9606422be6e912a0bb7f3569192942938 (diff) | |
download | volse-hubzilla-951c73d825a024aee6729d645afd97c7fa53c760.tar.gz volse-hubzilla-951c73d825a024aee6729d645afd97c7fa53c760.tar.bz2 volse-hubzilla-951c73d825a024aee6729d645afd97c7fa53c760.zip |
style autocomplete popup in themes
Diffstat (limited to 'view/theme/quattro')
-rw-r--r-- | view/theme/quattro/quattro.less | 23 | ||||
-rw-r--r-- | view/theme/quattro/style.css | 24 |
2 files changed, 47 insertions, 0 deletions
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less index 1fbeb7ae2..ea699d5c6 100644 --- a/view/theme/quattro/quattro.less +++ b/view/theme/quattro/quattro.less @@ -192,6 +192,29 @@ ul.menu-popup { } +/* autocomplete popup */ +.acpopup { + max-height:150px; + background-color:@MenuBg; + color: @Menu; + border:1px solid #MenuBorder; + overflow:auto; + z-index:100000; + .shadow(); +} +.acpopupitem { + color: @MenuItem; padding: 4px; + clear:left; + img { + float: left; + margin-right: 4px; + } + &.selected{ + background-color: @MenuItemHoverBg; + } +} + + #nav-notifications-menu { width: 400px; img { float: left; margin-right: 5px; } diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css index 585214233..95c3d087e 100644 --- a/view/theme/quattro/style.css +++ b/view/theme/quattro/style.css @@ -388,6 +388,30 @@ ul.menu-popup .empty { text-align: center; color: #9eabb0; } +/* autocomplete popup */ +.acpopup { + max-height: 150px; + background-color: #ffffff; + color: #2d2d2d; + border: 1px solid #MenuBorder; + overflow: auto; + z-index: 100000; + -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); +} +.acpopupitem { + color: #2d2d2d; + padding: 4px; + clear: left; +} +.acpopupitem img { + float: left; + margin-right: 4px; +} +.acpopupitem.selected { + background-color: #bdcdd4; +} #nav-notifications-menu { width: 400px; } |