highlight search text

This commit is contained in:
Karen 2011-09-28 20:15:50 +05:30
parent 3d7228a3c9
commit 14e82a0d9d
3 changed files with 18 additions and 4 deletions

View File

@ -32,6 +32,10 @@ height:114px;
box-shadow:2px 2px 2px 1px #999; box-shadow:2px 2px 2px 1px #999;
margin:10px;} margin:10px;}
.searchHighlight
{background-color:#f7d76c;
padding:1px;}
.orange .orange
{color:#f7bd00; {color:#f7bd00;
font-weight:bold; font-weight:bold;

View File

@ -46,10 +46,13 @@ cursor:pointer;}
color:#FFF; color:#FFF;
cursor:pointer;} cursor:pointer;}
#searchInner #searchInnerDiv
{position:absolute; {position:absolute;
right:16px; right:16px;
top:11px; top:11px;}
.searchInner
{
cursor:pointer;} cursor:pointer;}
.searchInnerField .searchInnerField
@ -330,7 +333,8 @@ clear:both;}
.iconImages .iconImages
{float:left; {float:left;
margin-right:4px;} margin-right:4px;
cursor:pointer;}
/*cursor:pointer; /*cursor:pointer;
position:absolute; position:absolute;

View File

@ -22,7 +22,13 @@
<h3 id="topText">{{ title }}</h3> <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"> <form action="" method="get">
<input type="text" placeholder="search" name="field" class="searchInnerField"/> <input type="text" placeholder="search" name="field" class="searchInnerField"/>
</form> </form>