itf changes

itf/static/css/modules/tabsinnerright.css

@@ -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 {

itf/static/css/noel/main.css

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

itf/templates/test_static_templates/group-profiles.html

@@ -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">

itf/templates/test_static_templates/individual-profiles.html

@@ -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">

itf/templates/test_static_templates/scriptarchive.html

@@ -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.
-	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.
     </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>