From d35de79f05d42474de9653926649c1527c3f83c6 Mon Sep 17 00:00:00 2001
From: Karen <Unknown>
Date: Sat, 3 Nov 2012 19:10:40 +0530
Subject: [PATCH] make sharvari's changes

---
 itf/static/css/modules/tabsinnerright.css     |  13 +-
 itf/static/css/noel/main.css                  |   4 +
 .../test_static_templates/scriptarchive.html  | 134 ++++++++++++------
 3 files changed, 102 insertions(+), 49 deletions(-)

diff --git a/itf/static/css/modules/tabsinnerright.css b/itf/static/css/modules/tabsinnerright.css
index 2f307f0..82e8650 100755
--- a/itf/static/css/modules/tabsinnerright.css
+++ b/itf/static/css/modules/tabsinnerright.css
@@ -155,9 +155,13 @@ margin-left: 10px;
     float: left;
 }
 
+.noMargin {
+    margin-bottom: 0;
+}
+
 .noteEach {
     padding: 10px 0 0 0;
-    border-bottom: 1px solid #ffff00;
+    border-bottom: 1px solid #F7BD00;
 }
 
 .noteEach:last-of-type {
@@ -168,10 +172,15 @@ margin-left: 10px;
     text-align: right;
 }
 
-.resourcesEach {
+.resourcesBlock {
     padding: 0 0 20px 0;
 }
 
+.resourcesEach {
+    padding: 0 20px 20px 0;
+    float: left;
+}
+
 /*toggleClass*/
 .toggleLink {
     
diff --git a/itf/static/css/noel/main.css b/itf/static/css/noel/main.css
index 0ce59b4..26a2cd1 100755
--- a/itf/static/css/noel/main.css
+++ b/itf/static/css/noel/main.css
@@ -10,6 +10,10 @@ font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;}/*the
 strong
 {font-weight: bold;}
 
+.block {
+    display: block;
+}
+
 #header
 {width:960px;
 height:140px;
diff --git a/itf/templates/test_static_templates/scriptarchive.html b/itf/templates/test_static_templates/scriptarchive.html
index 493e949..f0ec06d 100644
--- a/itf/templates/test_static_templates/scriptarchive.html
+++ b/itf/templates/test_static_templates/scriptarchive.html
@@ -1,7 +1,7 @@
 <link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
 
 <ul class="tabsInnerRight">
-    <li><a href="#synopsis">Synopsis</a></li>
+    <li><a href="#about">About</a></li>
     <li><a href="#productions">Productions</a></li>
     <li><a href="#people">People</a></li>
     <li><a href="#notes">Notes</a></li>
@@ -9,30 +9,40 @@
     <li><a href="#resources">Resources</a></li>
 </ul>    
 
-<div id="synopsis" class="tab_content">
+<div id="about" class="tab_content">
 
     <h3>Script Name</h3>
-    <p>Writer: Names of writers</p>
-    <p>Language(s): Hindi, Bengali</p>
-    <p>Approximate duration: </p>
-    <p>No of characters: 20; Female: 5, Male: 15</p>
+    <p class="noMargin"><strong>Writer:</strong> Names of writers</p>
+    <p class="noMargin"><strong>Language(s):</strong> Hindi, Bengali</p>
+    <p><strong>Approximate duration:</strong> </p>
+    <p><strong>No of characters:</strong> 20; Female: 5, Male: 15</p>
     
-    <br>
     
     <div>
-	<p class="orange">Synopsis</p>
 	<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>
     </div>
     
-    <p><strong>This script may be accessed
-    under the following Creative Commons Licenses:</strong></p>
-    <p class="orange">Adaptation License: Derivative Works allowed</p>
-    <p>Some license information. <span style="color:red;">Does this need to be an accordion?</span></p>
-    <p class="orange">Read legal license</p>
-    <p class="orange">Performance License: Derivative Works allowed</p>
-    <img href={{ image.get_absolute_url }} </img>
+    <br>
     
+    <span class="orange">Licenses:</span>
+    
+    <p>This script may be accessed
+    under the following Creative Commons Licenses:</p>
+
+    <a href="" class="toggleLink">Adaptation License: Derivative Works allowed</a>
+    
+    <div class="toggleDiv">
+        <p>Some license information. <span style="color:red;">Does this need to be an accordion?</span></p>
+        <a href=""  class="block">Read legal version</a>
+    </div>
+
+    <br>
+
+    <a href="" class="toggleLink">Performance License: Derivative Works allowed</a>
+    
+    <br><br>
+
     <a href="">Download</a>
 
 </div> <!-- end synopsis -->
@@ -49,7 +59,7 @@
 	<div class="productionEachText">
 	    <p class="orange">Name of Production (2010)</p>
 	    <p>Group: Group Name</p>
-	    <p>Title Credits: Some copy here <span style="color:red">How much text comes here? Karen</span></p>
+	    <p>Some copy here</p>
 	    <p>No. of shows: 50</p>
 	    <p>Current(icon) or Upcoming (icon)<span style="color:red">Should we have this just after the title? Karen</span></p>
 	</div>
@@ -65,7 +75,7 @@
 	<div class="productionEachText">
 	    <p class="orange">Name of Production (2010)</p>
 	    <p>Group: Group Name</p>
-	    <p>Title Credits: Some copy here</p>
+	    <p>Some copy here</p>
 	    <p>No. of shows: 50</p>
 	</div>
       <div class="clear"></div> 
@@ -79,7 +89,7 @@
 	<div class="productionEachText">
 	    <p class="orange">Name of Production (2010)</p>
 	    <p>Group: Group Name</p>
-	    <p>Title Credits: Some copy here</p>
+	    <p>Some copy here</p>
 	    <p>No. of shows: 50</p>
 	</div>
     <div class="clear"></div> 
@@ -97,7 +107,7 @@
 	<div class="productionEachText">
 	    <p class="orange">Name of Production (2010)</p>
 	    <p>Group: Group Name</p>
-	    <p>Title Credits: Some copy here</p>
+	    <p>Some copy here</p>
 	    <p>No. of shows: 50</p>
 	    <p>Current(icon) or Upcoming (icon)/p>
 	</div>
@@ -112,7 +122,7 @@
 	<div class="productionEachText">
 	    <p class="orange">Name of Production (2010)</p>
 	    <p>Group: Group Name</p>
-	    <p>Title Credits: Some copy here</p>
+	    <p>Some copy here</p>
 	    <p>No. of shows: 50</p>
 	    <p>Current(icon) or Upcoming (icon)/p>
 	</div>
@@ -130,7 +140,7 @@
 	</div>
 	
 	<div class="productionEachText">
-	    <p class="orange">Name of Person</p>
+	    <a href="">Name of Person</a>
 	    <p>Writer: Some script</p>
 	    <p>Translation of script by playwright</p>
 	    <p>From language to language</p>
@@ -147,7 +157,7 @@
 	</div>
 	
 	<div class="productionEachText">
-	    <p class="orange">Name of Person</p>
+	    <a href="">Name of Person</a>
 	    <p>Writer: Some script</p>
 	    <p>Translation of script by playwright</p>
 	    <p>From language to language</p>
@@ -164,7 +174,8 @@
 	</div>
 	
 	<div class="productionEachText">
-	    <p class="orange">Name of Person</p>
+	    <a href="" class="toggleLink">Name of Person</a>
+	    
 	    <p>Writer: Some script</p>
 	    <p>Translation of script by playwright</p>
 	    <p>From language to language</p>
@@ -215,33 +226,62 @@
 
 <div id="resources" class="tab_content">
 
-    <div class="resourcesEach">
-	<p class="orange">Title</p>
-	<p>One line description</p>
-	<p><a href="" target="_blank">Url</a></p>
-	<a href="">Download</a>
-    </div>
+
+    <div class="resourcesBlock">
+	<div class="resourcesEach">
+	    <p class="orange">Title</p>
+	    <p>One line description</p>
+	    <p><a href="" target="_blank">Url</a></p>
+	    <a href="">Download</a>
+	</div>
+	
+	<div class="productionEachImg">
+	    <img src="" alt="/static/images/150x150.jpg" />
+	</div>	
+    <div class="clear"></div>
+    </div> <!-- end resources block -->
     
-    <div class="resourcesEach">
-	<p class="orange">Title</p>
-	<p>One line description</p>
-	<p><a href="" target="_blank">Url</a></p>
-	<a href="">Download</a>
-    </div>
+    <div class="resourcesBlock">
+	<div class="resourcesEach">
+	    <p class="orange">Title</p>
+	    <p>One line description</p>
+	    <p><a href="" target="_blank">Url</a></p>
+	    <a href="">Download</a>
+	</div>
+	
+	<div class="productionEachImg">
+	    <img src="" alt="/static/images/150x150.jpg" />
+	</div>	
+    <div class="clear"></div>
+    </div> <!-- end resources block -->
 
-    <div class="resourcesEach">
-	<p class="orange">Title</p>
-	<p>One line description</p>
-	<p><a href="" target="_blank">Url</a></p>
-	<a href="">Download</a>
-    </div>
+    <div class="resourcesBlock">
+	<div class="resourcesEach">
+	    <p class="orange">Title</p>
+	    <p>One line description</p>
+	    <p><a href="" target="_blank">Url</a></p>
+	    <a href="">Download</a>
+	</div>
+	
+	<div class="productionEachImg">
+	    <img src="" alt="/static/images/150x150.jpg" />
+	</div>	
+    <div class="clear"></div>
+    </div> <!-- end resources block -->
 
-    <div class="resourcesEach">
-	<p class="orange">Title</p>
-	<p>One line description</p>
-	<p><a href="" target="_blank">Url</a></p>
-	<a href="">Download</a>
-    </div>
+    <div class="resourcesBlock">
+	<div class="resourcesEach">
+	    <p class="orange">Title</p>
+	    <p>One line description</p>
+	    <p><a href="" target="_blank">Url</a></p>
+	    <a href="">Download</a>
+	</div>
+	
+	<div class="productionEachImg">
+	    <img src="" alt="/static/images/150x150.jpg" />
+	</div>	
+    <div class="clear"></div>
+    </div> <!-- end resources block -->
 
 </div> <!-- end resources -->