pimp up the searchbar a little and hoping it is the right way to do

it
This commit is contained in:
marijus 2013-10-09 21:44:22 +02:00
parent 1e7034c4da
commit e7f9d603be
2 changed files with 13 additions and 15 deletions

View File

@ -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 {

View File

@ -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="&#xf002;" name="search" title="{{$nav.search.3}}" onclick="this.submit();" />
</form>
</li>
<div id="nav-search-spinner"></div>