From 14e82a0d9d3a4709cb411014dbae325984b7dfa4 Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Wed, 28 Sep 2011 20:15:50 +0530
Subject: [PATCH] highlight search text

---
 itf/static/css/noel/inner-details.css |  4 ++++
 itf/static/css/noel/inner.css         | 10 +++++++---
 itf/templates/noel/insidepage.html    |  8 +++++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/itf/static/css/noel/inner-details.css b/itf/static/css/noel/inner-details.css
index 6a141ee..c66ad5a 100644
--- a/itf/static/css/noel/inner-details.css
+++ b/itf/static/css/noel/inner-details.css
@@ -32,6 +32,10 @@ height:114px;
 box-shadow:2px 2px 2px 1px #999;
 margin:10px;}
 
+.searchHighlight
+{background-color:#f7d76c;
+padding:1px;}
+
 .orange
 {color:#f7bd00;
 font-weight:bold;
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 961c527..956faee 100644
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -46,10 +46,13 @@ cursor:pointer;}
 color:#FFF;
 cursor:pointer;} 
 
-#searchInner 
+#searchInnerDiv
 {position:absolute;
 right:16px;
-top:11px;
+top:11px;}
+
+.searchInner 
+{
 cursor:pointer;}
 
 .searchInnerField
@@ -330,7 +333,8 @@ clear:both;}
 
 .iconImages
 {float:left;
-margin-right:4px;}
+margin-right:4px;
+cursor:pointer;}
 
 /*cursor:pointer;
 position:absolute;
diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 79348f7..7564fcb 100644
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -22,7 +22,13 @@
     	
         <h3 id="topText">{{ title }}</h3>
         
-        <img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" id="searchInner">
+        <div id="searchInnerDiv">
+            <img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">
+            <img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">
+            <img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">
+            <img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">
+        </div>
+        
         <form action="" method="get">
             <input type="text" placeholder="search" name="field" class="searchInnerField"/>
         </form>