added search for list and changes for social icons

This commit is contained in:
Karen 2011-09-28 18:38:57 +05:30
parent 0ec180da2c
commit aa40aa9354
5 changed files with 61 additions and 31 deletions

View File

@ -14,7 +14,8 @@ border-radius:8px;
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow:2px 3px 20px #252425;
overflow:auto;}
overflow:auto;
clear:both;}
.itfInfoSub
{color:#f7bd00;
@ -43,7 +44,7 @@ font-weight:bold;
text-decoration:none;}
.noListItem
{margin-bottom:10px;}
{margin-bottom:16px;}
.linksInnerOrange a
{text-decoration:none;

View File

@ -139,7 +139,6 @@ cursor:pointer;}
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:13px;
color:#3b3b39;
text-align:justify;
padding-top:6px;
padding-left:10px;
padding-right:20px; /*why is this 20 and the left 10?*/
@ -163,6 +162,35 @@ outline:none;}
.selectMenu select:focus
{}
.searchListField
{margin-top:5px;
margin-bottom:2px;
width:114px;
background:url(img/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#7d7d7d;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #f0f0f0;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;
outline:none;} /*placeholder input text supported by html5 for FF3.7 and webkit*/
.searchListField:focus
{border:1px solid #999; }
#searchListIcon
{cursor:pointer;}
#searchListIcon:hover
{box-shadow:1px 1px 1px 3px #e3e3e3;}
#listLeft
{position:relative;
}
@ -253,7 +281,8 @@ background-color:#FFF;
border-radius:8px;
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow:2px 3px 20px #252425;}
box-shadow:2px 3px 20px #252425;
position:relative;}
#imageLeft
{width:170px;
@ -294,10 +323,22 @@ padding-right:14px;
float:right;}
.socialIcons
{position:relative;
{position:absolute;
bottom:4px;
right:4px;
clear:both;}
.twitter
.iconImages
{float:left;
margin-right:4px;}
/*cursor:pointer;
position:absolute;
bottom:6px;
right:10px;/*}
/*.twitter
{position:absolute;
bottom:2px;
right:89px;}
@ -306,15 +347,13 @@ right:89px;}
{/*padding-top:35px;
margin-left:164px;
margin-right:20px;
float:left;*/
float:left;
}
.fb
{width:62px;
font-size:12px;
color:#fff;
/*padding-top:35px;
float:left;*/
position:absolute;
bottom:2px;
right:20px;}
@ -326,15 +365,7 @@ background-color:#3b5998;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}/*problem customising these*/
.download
{cursor:pointer;
position:absolute;
bottom:6px;
right:10px;
/*padding-top:39px;
clear:both;*/}
}*/
#clearBoth
{clear:both;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 967 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -64,8 +64,8 @@
-->
</select>
<input type="text" placeholder="search list" name="field" class="searchInnerField"/>
<input type="text" placeholder="search list" name="field" class="searchListField"/>
<img src="/static/images/noel/search-icon.png" width="18" height="14" alt="search-icon" id="searchListIcon">
</form>
@ -107,16 +107,14 @@
</p>
<div class="socialIcons">
<p class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</p>
<p class="fb">
<iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
<img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages">
<!--<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->
</p>
<img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages">
<!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->
<img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="download">
<img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="iconImages">
</div>
</div>