make sharvari's changes
This commit is contained in:
parent
003cff91ea
commit
d35de79f05
|
@ -155,9 +155,13 @@ margin-left: 10px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.noMargin {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.noteEach {
|
.noteEach {
|
||||||
padding: 10px 0 0 0;
|
padding: 10px 0 0 0;
|
||||||
border-bottom: 1px solid #ffff00;
|
border-bottom: 1px solid #F7BD00;
|
||||||
}
|
}
|
||||||
|
|
||||||
.noteEach:last-of-type {
|
.noteEach:last-of-type {
|
||||||
|
@ -168,10 +172,15 @@ margin-left: 10px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.resourcesEach {
|
.resourcesBlock {
|
||||||
padding: 0 0 20px 0;
|
padding: 0 0 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.resourcesEach {
|
||||||
|
padding: 0 20px 20px 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
/*toggleClass*/
|
/*toggleClass*/
|
||||||
.toggleLink {
|
.toggleLink {
|
||||||
|
|
||||||
|
|
|
@ -10,6 +10,10 @@ font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;}/*the
|
||||||
strong
|
strong
|
||||||
{font-weight: bold;}
|
{font-weight: bold;}
|
||||||
|
|
||||||
|
.block {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
#header
|
#header
|
||||||
{width:960px;
|
{width:960px;
|
||||||
height:140px;
|
height:140px;
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
|
<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
|
||||||
|
|
||||||
<ul class="tabsInnerRight">
|
<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="#productions">Productions</a></li>
|
||||||
<li><a href="#people">People</a></li>
|
<li><a href="#people">People</a></li>
|
||||||
<li><a href="#notes">Notes</a></li>
|
<li><a href="#notes">Notes</a></li>
|
||||||
|
@ -9,30 +9,40 @@
|
||||||
<li><a href="#resources">Resources</a></li>
|
<li><a href="#resources">Resources</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div id="synopsis" class="tab_content">
|
<div id="about" class="tab_content">
|
||||||
|
|
||||||
<h3>Script Name</h3>
|
<h3>Script Name</h3>
|
||||||
<p>Writer: Names of writers</p>
|
<p class="noMargin"><strong>Writer:</strong> Names of writers</p>
|
||||||
<p>Language(s): Hindi, Bengali</p>
|
<p class="noMargin"><strong>Language(s):</strong> Hindi, Bengali</p>
|
||||||
<p>Approximate duration: </p>
|
<p><strong>Approximate duration:</strong> </p>
|
||||||
<p>No of characters: 20; Female: 5, Male: 15</p>
|
<p><strong>No of characters:</strong> 20; Female: 5, Male: 15</p>
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div>
|
<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.
|
<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.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p><strong>This script may be accessed
|
<br>
|
||||||
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>
|
|
||||||
|
|
||||||
|
<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>
|
<a href="">Download</a>
|
||||||
|
|
||||||
</div> <!-- end synopsis -->
|
</div> <!-- end synopsis -->
|
||||||
|
@ -49,7 +59,7 @@
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Production (2010)</p>
|
<p class="orange">Name of Production (2010)</p>
|
||||||
<p>Group: Group Name</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>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>
|
<p>Current(icon) or Upcoming (icon)<span style="color:red">Should we have this just after the title? Karen</span></p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -65,7 +75,7 @@
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Production (2010)</p>
|
<p class="orange">Name of Production (2010)</p>
|
||||||
<p>Group: Group Name</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>No. of shows: 50</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
<div class="clear"></div>
|
||||||
|
@ -79,7 +89,7 @@
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Production (2010)</p>
|
<p class="orange">Name of Production (2010)</p>
|
||||||
<p>Group: Group Name</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>No. of shows: 50</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
<div class="clear"></div>
|
||||||
|
@ -97,7 +107,7 @@
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Production (2010)</p>
|
<p class="orange">Name of Production (2010)</p>
|
||||||
<p>Group: Group Name</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>No. of shows: 50</p>
|
||||||
<p>Current(icon) or Upcoming (icon)/p>
|
<p>Current(icon) or Upcoming (icon)/p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -112,7 +122,7 @@
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Production (2010)</p>
|
<p class="orange">Name of Production (2010)</p>
|
||||||
<p>Group: Group Name</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>No. of shows: 50</p>
|
||||||
<p>Current(icon) or Upcoming (icon)/p>
|
<p>Current(icon) or Upcoming (icon)/p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -130,7 +140,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Person</p>
|
<a href="">Name of Person</a>
|
||||||
<p>Writer: Some script</p>
|
<p>Writer: Some script</p>
|
||||||
<p>Translation of script by playwright</p>
|
<p>Translation of script by playwright</p>
|
||||||
<p>From language to language</p>
|
<p>From language to language</p>
|
||||||
|
@ -147,7 +157,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Person</p>
|
<a href="">Name of Person</a>
|
||||||
<p>Writer: Some script</p>
|
<p>Writer: Some script</p>
|
||||||
<p>Translation of script by playwright</p>
|
<p>Translation of script by playwright</p>
|
||||||
<p>From language to language</p>
|
<p>From language to language</p>
|
||||||
|
@ -164,7 +174,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="productionEachText">
|
<div class="productionEachText">
|
||||||
<p class="orange">Name of Person</p>
|
<a href="" class="toggleLink">Name of Person</a>
|
||||||
|
|
||||||
<p>Writer: Some script</p>
|
<p>Writer: Some script</p>
|
||||||
<p>Translation of script by playwright</p>
|
<p>Translation of script by playwright</p>
|
||||||
<p>From language to language</p>
|
<p>From language to language</p>
|
||||||
|
@ -215,33 +226,62 @@
|
||||||
|
|
||||||
<div id="resources" class="tab_content">
|
<div id="resources" class="tab_content">
|
||||||
|
|
||||||
<div class="resourcesEach">
|
|
||||||
<p class="orange">Title</p>
|
<div class="resourcesBlock">
|
||||||
<p>One line description</p>
|
<div class="resourcesEach">
|
||||||
<p><a href="" target="_blank">Url</a></p>
|
<p class="orange">Title</p>
|
||||||
<a href="">Download</a>
|
<p>One line description</p>
|
||||||
</div>
|
<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">
|
<div class="resourcesBlock">
|
||||||
<p class="orange">Title</p>
|
<div class="resourcesEach">
|
||||||
<p>One line description</p>
|
<p class="orange">Title</p>
|
||||||
<p><a href="" target="_blank">Url</a></p>
|
<p>One line description</p>
|
||||||
<a href="">Download</a>
|
<p><a href="" target="_blank">Url</a></p>
|
||||||
</div>
|
<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">
|
<div class="resourcesBlock">
|
||||||
<p class="orange">Title</p>
|
<div class="resourcesEach">
|
||||||
<p>One line description</p>
|
<p class="orange">Title</p>
|
||||||
<p><a href="" target="_blank">Url</a></p>
|
<p>One line description</p>
|
||||||
<a href="">Download</a>
|
<p><a href="" target="_blank">Url</a></p>
|
||||||
</div>
|
<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">
|
<div class="resourcesBlock">
|
||||||
<p class="orange">Title</p>
|
<div class="resourcesEach">
|
||||||
<p>One line description</p>
|
<p class="orange">Title</p>
|
||||||
<p><a href="" target="_blank">Url</a></p>
|
<p>One line description</p>
|
||||||
<a href="">Download</a>
|
<p><a href="" target="_blank">Url</a></p>
|
||||||
</div>
|
<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 -->
|
</div> <!-- end resources -->
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user