itf changes

This commit is contained in:
Karen 2012-11-11 08:42:08 +05:30
parent 28e3072385
commit f19ed0e53e
5 changed files with 40 additions and 17 deletions

View File

@ -114,6 +114,10 @@ font-size: 150%;
margin-bottom: 10px;
}
.tab_content h5 {
font-size: 120%;
}
#about ul, #people ul, #production ul {
margin-left: 10px;
}
@ -180,6 +184,7 @@ margin-left: 10px;
.resourcesEach {
padding: 0 20px 20px 0;
float: left;
width: 350px;
}
.borderYellow {

View File

@ -58,6 +58,10 @@ font-weight:bold;
padding: 8px 0;
}
.paddingBottom {
padding-bottom: 8px;
}
.tabHeader
{font-size:24px;
color:#ffb400;

View File

@ -10,10 +10,13 @@
</ul>
<div id="about" class="tab_content">
<h3 class="borderYellow">GROUP NAME</h3>
<h3 class="borderYellow paddingBottom">GROUP NAME</h3>
<div><strong>Based in: </strong>Mumbai, Delhi</div>
<div><strong>Founded: </strong>Year</div>
<div class="borderYellow"><strong>Languages we work in: </strong>Hindi, Bengali</div>
<div class="borderYellow"><strong>Languages we work in: </strong>Hindi, Bengali
<br /><br />
</div>
<br />
@ -28,21 +31,23 @@
<div class="borderYellow">
<a href="">Contact</a>
</div>
<br /><br />
</div>
<br />
<div class="borderYellow">
<div class="orangeInnerRight">Awards</div>
<h5 class="orangeInnerRight">Awards</h5>
<div>Name of award, year, link</div>
<div>Name of award, year, link</div>
<div>Name of award, year, link</div>
<div>Name of award, year, link</div>
</div>
<br />
</div>
<br />
<div class="orangeInnerRight">More about us</div>
<h5 class="orangeInnerRight">More about us</h5>
<a href="">Link to article</a>
<p>One line desc</p>
@ -55,7 +60,7 @@
</div> <!-- end about -->
<div id="connections" class="tab_content">
<p class="orange">Members</p>
<h5 class="orangeInnerRight">Members</h5>
<br />
<div class="productionEach">
@ -120,7 +125,7 @@
<div class="clear"></div>
<p class="orange">Worked with</p>
<h5 class="orangeInnerRight">Worked with</h5>
<br />
<div class="productionEach">

View File

@ -31,23 +31,25 @@
<br />
<div class="borderYellow">
<div class="orangeInnerRight">Training</div>
<h5 class="orangeInnerRight">Training</h5>
<div>Area of Training, <a href="">Name of Conductor</a>, <a href="">Name of Theatre Group</a>, Location, Year</div>
<div>Area of Training, <a href="">Name of Conductor</a>, <a href="">Name of Theatre Group</a>, Location, Year</div>
<div>Area of Training, <a href="">Name of Conductor</a>, <a href="">Name of Theatre Group</a>, Location, Year</div>
<div>Area of Training, <a href="">Name of Conductor</a>, <a href="">Name of Theatre Group</a>, Location, Year</div>
<br />
</div>
<br />
<div class="borderYellow">
<div class="orangeInnerRight">Awards</div>
<h5 class="orangeInnerRight">Awards</h5>
<div>Name of award, year, link</div>
<div>Name of award, year, link</div>
<div>Name of award, year, link</div>
<br />
</div>
<br />
<div>
<div class="orangeInnerRight">More</div>
<h5 class="orangeInnerRight">More</h5>
<a href="">Link to article 1</a>
<div>One line description</div>
@ -81,7 +83,7 @@
<div id="connections" class="tab_content">
<p><a href="" class="toggleLink">A V Gopalakrishnan</a> Theatre Enthusiast, Mumbai</p>
<div class="toggleDiv">
<p class="orange">Member of</p>
<h5 class="orangeInnerRight">Member of</h5>
<br />
<div class="productionEach">
@ -130,7 +132,7 @@
<div class="clear"></div>
<p class="orange">Worked with</p>
<h5 class="orangeInnerRight">Worked with</h5>
<br />
<div class="productionEach">

View File

@ -1,5 +1,12 @@
<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
<style type="text/css">
.productionEachImg {
float: right;
}
</style>
<script>
$(function() {
$('.toggleLink').click(function(e) {
@ -29,13 +36,13 @@ $(function() {
<br />
<div>
<p>Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.
Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.</p>
Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.
Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.
</div>
<br>
<br />
<span class="orange">Licenses:</span>
<h5 class="orangeInnerRight">Licenses:</h5>
<p>This script may be accessed
under the following Creative Commons Licenses:</p>