diff options
author | marijus <mario@localhost.localdomain> | 2013-10-09 21:44:22 +0200 |
---|---|---|
committer | marijus <mario@localhost.localdomain> | 2013-10-09 21:44:22 +0200 |
commit | e7f9d603be5a03d10f2a1574219f889ec335fd08 (patch) | |
tree | 7d42deec4cf9c14fd08c1c7ad07959216686fd40 | |
parent | 1e7034c4da11bd46cafad471de714ace3c0b5ab8 (diff) | |
download | volse-hubzilla-e7f9d603be5a03d10f2a1574219f889ec335fd08.tar.gz volse-hubzilla-e7f9d603be5a03d10f2a1574219f889ec335fd08.tar.bz2 volse-hubzilla-e7f9d603be5a03d10f2a1574219f889ec335fd08.zip |
pimp up the searchbar a little and hoping it is the right way to do
it
-rw-r--r-- | view/theme/redbasic/css/style.css | 26 | ||||
-rwxr-xr-x | view/tpl/nav.tpl | 2 |
2 files changed, 13 insertions, 15 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 3b4252cee..be3692feb 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -2032,33 +2032,31 @@ a.mail-list-link { #nav-searchbar { float: right; - margin-top: 3px; + margin-top: 2px; } #nav-search-spinner { float: right; margin: 12px 12px 0px 0px; + color: #fff; } -#nav-search-text:hover { +#nav-search-text:hover, +#nav-search-text:focus { background-color: #FFF; color: #000; + opacity: 1; } #nav-search-text { - margin-top: -1px; - font-size: 0.8em; - border-radius: 14px; + height: 20px; + padding: 0px 5px 0px 5px; + font-size: 0.9em; + border-radius: 10px; border: none; background-color: $search_background; - color: #eec; -} - -/* this doesn't seem to work */ - -#nav-search-text::-moz-placeholder { color: #444; } -#nav-search-text::-webkit-input-placeholder { - color: #444 !important; + opacity: 0.7; + transition: opacity 300ms ease 0s; } #nav-user-linkmenu img { @@ -3417,4 +3415,4 @@ margin-right: 50px; .nav-icon { font-size: 1.4em; margin-right: 15px; -}
\ No newline at end of file +} diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl index 3c6d260f5..01ba6620a 100755 --- a/view/tpl/nav.tpl +++ b/view/tpl/nav.tpl @@ -136,7 +136,7 @@ <li id="nav-searchbar"> <form method="get" action="search"> - <input id="nav-search-text" type="text" value="" placeholder="{{$nav.search.1}}" name="search" title="{{$nav.search.3}}" onclick="this.submit();" /> + <input class="icon-search" id="nav-search-text" type="text" value="" placeholder="" name="search" title="{{$nav.search.3}}" onclick="this.submit();" /> </form> </li> <div id="nav-search-spinner"></div> |