changed tabbed styling, more buttons

This commit is contained in:
Karen 2011-10-25 19:19:28 +05:30
parent 3d00ca149d
commit d1edaa49eb
5 changed files with 115 additions and 109 deletions

View File

@ -53,8 +53,9 @@ background: #fff;
.tab_content { .tab_content {
padding: 20px; padding: 20px;
font-size: 14px; font-family: 'Arial Regular', Arial, Helvetica, sans-serif;
} font-size: 12px;
line-height: 17px;}
.tabTitle { .tabTitle {
padding-top:20px; padding-top:20px;

View File

@ -85,7 +85,8 @@ margin-left:9px;
-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:hidden;} overflow:hidden;
cursor:pointer;}
#news, #events #news, #events
{margin-top:16px; {margin-top:16px;
@ -302,13 +303,14 @@ color:#FFF;}
.moreTab .moreTab
{font-size:12px; {font-size:12px;
color:#ffb400; color:#FFb400;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
text-decoration:none;} text-decoration:none;
line-height:17px;
font-weight:bold;}
.moreUnicode .imageMore
{font-size:15px; {margin-bottom:-4px;}
}
.moreTab:hover .moreTab:hover
{text-decoration:underline; {text-decoration:underline;

View File

@ -386,6 +386,9 @@ clear:both;}
margin-right:4px; margin-right:4px;
cursor:pointer;} cursor:pointer;}
.fb_iframe_widget
{float:left;}
/*cursor:pointer; /*cursor:pointer;
position:absolute; position:absolute;
bottom:6px; bottom:6px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

View File

@ -73,7 +73,7 @@
<li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;"> <li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">
<h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4> <h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4>
<div class="textTab"> <div class="textTab">
<p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More <span class="moreUnicode">&rsaquo;&rsaquo;</span></a> <p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More<img src="/static/images/noel/morenext.jpg" width="24" height="14" class="imageMore" /></a>
</p> </p>
</div> </div>