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

View File

@ -139,7 +139,6 @@ cursor:pointer;}
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; {font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:13px; font-size:13px;
color:#3b3b39; color:#3b3b39;
text-align:justify;
padding-top:6px; padding-top:6px;
padding-left:10px; padding-left:10px;
padding-right:20px; /*why is this 20 and the left 10?*/ padding-right:20px; /*why is this 20 and the left 10?*/
@ -163,6 +162,35 @@ outline:none;}
.selectMenu select:focus .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 #listLeft
{position:relative; {position:relative;
} }
@ -253,7 +281,8 @@ background-color:#FFF;
border-radius:8px; border-radius:8px;
-moz-box-shadow:2px 3px 20px #252425; -moz-box-shadow:2px 3px 20px #252425;
-webkit-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 #imageLeft
{width:170px; {width:170px;
@ -294,10 +323,22 @@ padding-right:14px;
float:right;} float:right;}
.socialIcons .socialIcons
{position:relative; {position:absolute;
bottom:4px;
right:4px;
clear:both;} clear:both;}
.twitter .iconImages
{float:left;
margin-right:4px;}
/*cursor:pointer;
position:absolute;
bottom:6px;
right:10px;/*}
/*.twitter
{position:absolute; {position:absolute;
bottom:2px; bottom:2px;
right:89px;} right:89px;}
@ -306,15 +347,13 @@ right:89px;}
{/*padding-top:35px; {/*padding-top:35px;
margin-left:164px; margin-left:164px;
margin-right:20px; margin-right:20px;
float:left;*/ float:left;
} }
.fb .fb
{width:62px; {width:62px;
font-size:12px; font-size:12px;
color:#fff; color:#fff;
/*padding-top:35px;
float:left;*/
position:absolute; position:absolute;
bottom:2px; bottom:2px;
right:20px;} right:20px;}
@ -326,15 +365,7 @@ background-color:#3b5998;
-moz-border-radius:3px; -moz-border-radius:3px;
-webkit-border-radius:3px; -webkit-border-radius:3px;
border-radius:3px; border-radius:3px;
}/*problem customising these*/ }*/
.download
{cursor:pointer;
position:absolute;
bottom:6px;
right:10px;
/*padding-top:39px;
clear:both;*/}
#clearBoth #clearBoth
{clear:both;} {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,10 +64,10 @@
--> -->
</select> </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> </form>
</div> </div>
</div> </div>
@ -107,16 +107,14 @@
</p> </p>
<div class="socialIcons"> <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> <img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages">
</p> <!--<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 class="fb"> <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> <!-- <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>-->
</p> <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="iconImages">
<img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="download">
</div> </div>
</div> </div>