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

@ -1,102 +1,103 @@
ul.tabsInnerRight { ul.tabsInnerRight {
/*float: left;*/ /*float: left;*/
list-style: none; list-style: none;
height: 32px; /*--Set height of tabs--*/ height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;
width: 100%; width: 100%;
margin:0 auto; margin:0 auto;
} }
ul.tabsInnerRight li { ul.tabsInnerRight li {
float: left; float: left;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/ height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
border-left: none; border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/ margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden; overflow: hidden;
position: relative; position: relative;
background: #FFF; background: #FFF;
} }
ul.tabsInnerRight li a { ul.tabsInnerRight li a {
text-decoration: none; text-decoration: none;
color: #FFB80F; color: #FFB80F;
display: block; display: block;
font-size: 14px; font-size: 14px;
padding: 0 20px; padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none; outline: none;
} }
ul.tabsInnerRight li a:hover { ul.tabsInnerRight li a:hover {
background: #f2f2f2; background: #f2f2f2;
} }
html ul.tabsInnerRight li.active, html ul.tabsInnerRight li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ html ul.tabsInnerRight li.active, html ul.tabsInnerRight li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff; background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
} }
.tab_container { .tab_container {
border:1px solid #e0e0e0; border:1px solid #e0e0e0;
border-top: none; border-top: none;
overflow: hidden; overflow: hidden;
clear: both; clear: both;
float: left; float: left;
width: 100%; width: 100%;
background: #fff; 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 {
padding-top:20px; .tabTitle {
padding-bottom:20px; padding-top:20px;
padding-left:10px; padding-bottom:20px;
font-size:18px; padding-left:10px;
background-color:#e3e3e3; font-size:18px;
margin-bottom:6px; background-color:#e3e3e3;
} margin-bottom:6px;
}
.session {
margin-top:8px; .session {
margin-bottom:8px; margin-top:8px;
} margin-bottom:8px;
}
.sessionTitle {
color:#FF8400; .sessionTitle {
font-weight:bold; color:#FF8400;
cursor:pointer;} font-weight:bold;
cursor:pointer;}
.sessionChild {
display:none;} .sessionChild {
display:none;}
.talkIcon a {
text-decoration:none; .talkIcon a {
} text-decoration:none;
}
.talks {
font-weight:bold; .talks {
} font-weight:bold;
}
.talks li
{margin-bottom:3px;} .talks li
{margin-bottom:3px;}
.pName a, .readingMatTitle a {
color:#FF8400; .pName a, .readingMatTitle a {
text-decoration:none;} color:#FF8400;
text-decoration:none;}
.objWrapper {
margin-bottom:8px; .objWrapper {
} margin-bottom:8px;
}
.pBio {
margin-bottom:8px; .pBio {
display:none;} margin-bottom:8px;
display:none;}

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>