added search for list and changes for social icons
This commit is contained in:
parent
0ec180da2c
commit
aa40aa9354
|
@ -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;
|
||||||
|
|
|
@ -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;}
|
||||||
|
|
BIN
itf/static/images/noel/facebook.png
Normal file
BIN
itf/static/images/noel/facebook.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 967 B |
BIN
itf/static/images/noel/tweet.png
Normal file
BIN
itf/static/images/noel/tweet.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
|
@ -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&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=arial&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&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=arial&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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user