From e7f9d603be5a03d10f2a1574219f889ec335fd08 Mon Sep 17 00:00:00 2001
From: marijus <mario@localhost.localdomain>
Date: Wed, 9 Oct 2013 21:44:22 +0200
Subject: pimp up the searchbar a little and hoping it is the right way to do
 it

---
 view/theme/redbasic/css/style.css | 26 ++++++++++++--------------
 view/tpl/nav.tpl                  |  2 +-
 2 files changed, 13 insertions(+), 15 deletions(-)

(limited to 'view')

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