made superficial design changes for fonts, etc.
This commit is contained in:
Karen
parent
cb69f1e3c3
commit
d38ddaf540
|
|
@ -1,61 +1,61 @@
|
||||||
#bottomRight
|
#bottomRight
|
||||||
{width:570px;
|
{width:570px;
|
||||||
height:100%; /*IS THIS REQUIRED??*/
|
height:100%; /*IS THIS REQUIRED??*/
|
||||||
background-color:#FFF;
|
background-color:#FFF;
|
||||||
color:#3b3b39;
|
color:#3b3b39; /*was originally f7bd00*/
|
||||||
font-size:14px;
|
font-family:'Arial Regular', Arial, Helvetica, sans-serif;
|
||||||
line-height:16px;
|
font-size:12px;
|
||||||
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
line-height:16px;
|
||||||
padding:20px;
|
padding:20px;
|
||||||
margin-top:20px;
|
margin-top:20px;
|
||||||
-moz-border-radius:8px;
|
-moz-border-radius:8px;
|
||||||
-webkit-border-radius:8px;
|
-webkit-border-radius:8px;
|
||||||
border-radius:8px;
|
border-radius:8px;
|
||||||
-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:auto;
|
overflow:auto;
|
||||||
clear:both;}
|
clear:both;}
|
||||||
|
|
||||||
.itfInfoSub
|
.itfInfoSub
|
||||||
{color:#f7bd00;
|
{color:#f7bd00;
|
||||||
font-weight:bold;}
|
font-weight:bold;}
|
||||||
|
|
||||||
.itfInfo p
|
.itfInfo p
|
||||||
{padding-bottom:8px;}
|
{padding-bottom:8px;}
|
||||||
|
|
||||||
.thumbsDetails
|
.thumbsDetails
|
||||||
{width:164px;
|
{width:164px;
|
||||||
height:114px;
|
height:114px;
|
||||||
-moz-box-shadow:2px 2px 2px 1px #999;
|
-moz-box-shadow:2px 2px 2px 1px #999;
|
||||||
-webkit-box-shadow:2px 2px 2px 1px #999;
|
-webkit-box-shadow:2px 2px 2px 1px #999;
|
||||||
box-shadow:2px 2px 2px 1px #999;
|
box-shadow:2px 2px 2px 1px #999;
|
||||||
margin:10px;}
|
margin:10px;}
|
||||||
|
|
||||||
.searchHighlight
|
.searchHighlight
|
||||||
{background-color:#f7d76c;
|
{background-color:#f7d76c;
|
||||||
padding:0px 2px 1px 1px;}
|
padding:0px 2px 1px 1px;}
|
||||||
|
|
||||||
.orange
|
.orange
|
||||||
{color:#f7bd00;
|
{color:#f7bd00;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
margin-bottom:8px;
|
margin-bottom:8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.noListTitle a
|
.noListTitle a
|
||||||
{color:#f7bd00;
|
{color:#f7bd00;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
text-decoration:none;}
|
text-decoration:none;}
|
||||||
|
|
||||||
.noListItem
|
.noListItem
|
||||||
{margin-bottom:16px;}
|
{margin-bottom:16px;}
|
||||||
|
|
||||||
.linksInnerOrange a
|
.linksInnerOrange a
|
||||||
{text-decoration:none;
|
{text-decoration:none;
|
||||||
display:block;}
|
display:block;}
|
||||||
|
|
||||||
.linksInnerOrange a:hover
|
.linksInnerOrange a:hover
|
||||||
{text-decoration:underline;}
|
{text-decoration:underline;}
|
||||||
|
|
||||||
.hideText
|
.hideText
|
||||||
{display:none;}
|
{display:none;}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ margin-left:auto;
|
||||||
position:relative;}
|
position:relative;}
|
||||||
|
|
||||||
#leftColumn
|
#leftColumn
|
||||||
{width:300px;
|
{width:296px;
|
||||||
height:620px; /*SANJ to change height in JS according to screen*/
|
height:620px; /*SANJ to change height in JS according to screen*/
|
||||||
background-color:#FFF;
|
background-color:#FFF;
|
||||||
margin-top:-8px; /*had to give this because of shadow*/
|
margin-top:-8px; /*had to give this because of shadow*/
|
||||||
|
|
@ -22,7 +22,8 @@ border-radius:8px;
|
||||||
box-shadow:2px 3px 20px #252425;
|
box-shadow:2px 3px 20px #252425;
|
||||||
position:relative;
|
position:relative;
|
||||||
float:left;
|
float:left;
|
||||||
padding-right:6px;}
|
padding-right:6px;
|
||||||
|
padding-left:4px;}
|
||||||
|
|
||||||
#topText
|
#topText
|
||||||
{font-size:24px;
|
{font-size:24px;
|
||||||
|
|
@ -109,9 +110,10 @@ border-top:1px solid #ececec;
|
||||||
-webkit-box-shadow:-3px 0px 6px #e0dfdf;
|
-webkit-box-shadow:-3px 0px 6px #e0dfdf;
|
||||||
box-shadow:-3px 0px 6px #e0dfdf;
|
box-shadow:-3px 0px 6px #e0dfdf;
|
||||||
background-color:#FFF;
|
background-color:#FFF;
|
||||||
|
padding:1px 1px;
|
||||||
color:#ffb80f;
|
color:#ffb80f;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
margin-right:6px;}
|
margin-right:1px;}
|
||||||
|
|
||||||
.innerSelected /*SANJ this is the extra class for the selected tabs*/
|
.innerSelected /*SANJ this is the extra class for the selected tabs*/
|
||||||
{-moz-border-radius-topright:8px;
|
{-moz-border-radius-topright:8px;
|
||||||
|
|
@ -121,7 +123,7 @@ border-top-right-radius:8px;
|
||||||
-webkit-border-top-left-radius:8px;
|
-webkit-border-top-left-radius:8px;
|
||||||
border-top-left-radius:8px;
|
border-top-left-radius:8px;
|
||||||
border:1px solid #ececec;
|
border:1px solid #ececec;
|
||||||
padding:2px 6px;
|
padding:1px 1px;
|
||||||
background-color:#f7bd00;
|
background-color:#f7bd00;
|
||||||
color:#FFF;
|
color:#FFF;
|
||||||
-moz-box-shadow:-3px -0px 6px #e0dfdf;
|
-moz-box-shadow:-3px -0px 6px #e0dfdf;
|
||||||
|
|
@ -200,16 +202,20 @@ margin-right:18px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabListItem
|
.tabListItem
|
||||||
{text-overflow:ellipsis;
|
{/*text-overflow:ellipsis;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
white-space:nowrap;
|
white-space:nowrap;
|
||||||
width:100%;}
|
width:100%;*/}
|
||||||
|
|
||||||
#listLeft ul
|
#listLeft ul
|
||||||
{color:#898989; /*was originally f7bd00*/
|
{color:#979797; /*was originally f7bd00*/
|
||||||
|
font-family:'Arial Regular', Arial, Helvetica, sans-serif;
|
||||||
|
font-size:14px;
|
||||||
|
line-height:18px;
|
||||||
|
font-weight:bold;
|
||||||
list-style-image:url(/static/images/noel/disc.png);
|
list-style-image:url(/static/images/noel/disc.png);
|
||||||
list-style-type:disc;
|
list-style-type:disc;
|
||||||
list-style-position:inside;
|
list-style-position:outside;
|
||||||
padding-left:16px;
|
padding-left:16px;
|
||||||
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
|
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
|
||||||
}
|
}
|
||||||
|
|
@ -227,8 +233,6 @@ padding-bottom:6px;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
|
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
|
||||||
{color:#898989;
|
{color:#898989;
|
||||||
text-decoration:none;}
|
text-decoration:none;}
|
||||||
|
|
|
||||||
|
|
@ -51,10 +51,10 @@ box-shadow:inset 2px 2px 6px #d7d7d7;} /*placeholder input text supported by ht
|
||||||
{outline:none;} /*to remove outline in webkit-browsers*/
|
{outline:none;} /*to remove outline in webkit-browsers*/
|
||||||
|
|
||||||
#homeIcon
|
#homeIcon
|
||||||
{display:block;
|
{/*display:block;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
left:413px;
|
left:413px;
|
||||||
top:69px;
|
top:69px;*/
|
||||||
cursor:pointer;}
|
cursor:pointer;}
|
||||||
|
|
||||||
#navMenu
|
#navMenu
|
||||||
|
|
@ -63,7 +63,7 @@ font-size:16px;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:64px;
|
top:64px;
|
||||||
right:0px;
|
right:0px;
|
||||||
z-index:30;
|
z-index:50;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
text-align:left;}
|
text-align:left;}
|
||||||
|
|
||||||
|
|
@ -101,7 +101,8 @@ text-align:left;}
|
||||||
#navMenu li li
|
#navMenu li li
|
||||||
{width:180px;
|
{width:180px;
|
||||||
border-bottom:1px solid #e0e0e0;
|
border-bottom:1px solid #e0e0e0;
|
||||||
text-align:left;}
|
text-align:left;
|
||||||
|
box-shadow:1px 1px 6px #919191;}
|
||||||
|
|
||||||
#navMenu li li a
|
#navMenu li li a
|
||||||
{padding:2px 10px;
|
{padding:2px 10px;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 303 B After Width: | Height: | Size: 201 B |
|
|
@ -1,137 +1,137 @@
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
<title>{% block title %} {% endblock %}</title>
|
<title>{% block title %} {% endblock %}</title>
|
||||||
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
|
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
|
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
|
||||||
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
||||||
{% block extra_head %}
|
{% block extra_head %}
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<div id="logo">
|
<div id="logo">
|
||||||
INDIA<br>
|
INDIA<br>
|
||||||
<span>THEATRE <span>FORUM</span></span>
|
<span>THEATRE <span>FORUM</span></span>
|
||||||
</div>
|
</div>
|
||||||
<form>
|
<form>
|
||||||
<input type="text" placeholder="search" name="field" id="search"/>
|
<input type="text" placeholder="search" name="field" id="search"/>
|
||||||
</form>
|
</form>
|
||||||
<a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a>
|
|
||||||
|
<ul id="navMenu">
|
||||||
<ul id="navMenu">
|
<li><a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a></li>
|
||||||
{% for m in menus %}
|
{% for m in menus %}
|
||||||
<li><a href="">{{ m.name }}</a>
|
<li><a href="">{{ m.name }}</a>
|
||||||
<ul>
|
<ul>
|
||||||
{% for i in m.items %}
|
{% for i in m.items %}
|
||||||
<li><a href="{{ i.url }}">{{ i.name }}</a></li>
|
<li><a href="{{ i.url }}">{{ i.name }}</a></li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<!--
|
<!--
|
||||||
<li><a href="">Resources</a>
|
<li><a href="">Resources</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="">Script Archive</a></li>
|
<li><a href="">Script Archive</a></li>
|
||||||
<li><a href="">Guidelines for Best Practice</a></li>
|
<li><a href="">Guidelines for Best Practice</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="">Read</a>
|
<li><a href="">Read</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="">Bibliography</a></li>
|
<li><a href="">Bibliography</a></li>
|
||||||
<li><a href="">eRang</a></li>
|
<li><a href="">eRang</a></li>
|
||||||
<li><a href="">Publications</a></li>
|
<li><a href="">Publications</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="">Participate</a>
|
<li><a href="">Participate</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="">Surveys</a></li>
|
<li><a href="">Surveys</a></li>
|
||||||
<li><a href="">Offers/Needs</a></li>
|
<li><a href="">Offers/Needs</a></li>
|
||||||
<li><a href="">Make a suggestion</a></li>
|
<li><a href="">Make a suggestion</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class><a href="">About ITF</a>
|
<li class><a href="">About ITF</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="">India Theatre Forum</a></li>
|
<li><a href="">India Theatre Forum</a></li>
|
||||||
<li><a href="">Projects</a></li>
|
<li><a href="">Projects</a></li>
|
||||||
<li><a href="">Events</a></li>
|
<li><a href="">Events</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="">Support ITF</a>
|
<li><a href="">Support ITF</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="">Make a donation</a></li>
|
<li><a href="">Make a donation</a></li>
|
||||||
<li><a href="">Volunteer</a></li>
|
<li><a href="">Volunteer</a></li>
|
||||||
<li><a href="">Contribute to eRang</a></li>
|
<li><a href="">Contribute to eRang</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
-->
|
-->
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul id="loginMenu">
|
<ul id="loginMenu">
|
||||||
|
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<li><a href="/accounts/logout">Logout</a></li>
|
<li><a href="/accounts/logout">Logout</a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><a href="/accounts/login">Login</a></li>
|
<li><a href="/accounts/login">Login</a></li>
|
||||||
<li><a href="/accounts/register">Register</a></li>
|
<li><a href="/accounts/register">Register</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<li><a href="">Contact Us</a></li>
|
<li><a href="">Contact Us</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
|
|
||||||
{% for m in menus %}
|
{% for m in menus %}
|
||||||
<ul class="footerList">
|
<ul class="footerList">
|
||||||
<a href="">{{ m.name }}</a>
|
<a href="">{{ m.name }}</a>
|
||||||
{% for i in m.items %}
|
{% for i in m.items %}
|
||||||
<li><a href="{{ i.url }}">- {{ i.name }}</a></li>
|
<li><a href="{{ i.url }}">- {{ i.name }}</a></li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<ul id="resources" class="footerList">
|
<ul id="resources" class="footerList">
|
||||||
<a href="">Resources</a>
|
<a href="">Resources</a>
|
||||||
<li><a href="">- Script Archive</a></li>
|
<li><a href="">- Script Archive</a></li>
|
||||||
<li><a href="">- Guidelines for Best Practice</a></li>
|
<li><a href="">- Guidelines for Best Practice</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul id="read" class="footerList">
|
<ul id="read" class="footerList">
|
||||||
<a href="">Read</a>
|
<a href="">Read</a>
|
||||||
<li><a href="">- Bibliography</a></li>
|
<li><a href="">- Bibliography</a></li>
|
||||||
<li><a href="">- eRang</a></li>
|
<li><a href="">- eRang</a></li>
|
||||||
<li><a href="">- Publications</a></li>
|
<li><a href="">- Publications</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul id="participate" class="footerList">
|
<ul id="participate" class="footerList">
|
||||||
<a href="">Participate</a>
|
<a href="">Participate</a>
|
||||||
<li><a href="">- surveys</a></li>
|
<li><a href="">- surveys</a></li>
|
||||||
<li><a href="">- offers/needs</a></li>
|
<li><a href="">- offers/needs</a></li>
|
||||||
<li><a href="">- make a suggestion</a></li>
|
<li><a href="">- make a suggestion</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul id="aboutItf" class="footerList">
|
<ul id="aboutItf" class="footerList">
|
||||||
<a href="">About ITF</a>
|
<a href="">About ITF</a>
|
||||||
<li><a href="">- India Theatre Forum</a></li>
|
<li><a href="">- India Theatre Forum</a></li>
|
||||||
<li><a href="">- projects</a></li>
|
<li><a href="">- projects</a></li>
|
||||||
<li><a href="">- events</a></li>
|
<li><a href="">- events</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul id="supportItf" class="footerList">
|
<ul id="supportItf" class="footerList">
|
||||||
<a href="">Support ITF</a>
|
<a href="">Support ITF</a>
|
||||||
<li><a href="">- make a donation</a></li>
|
<li><a href="">- make a donation</a></li>
|
||||||
<li><a href="">- volunteer</a></li>
|
<li><a href="">- volunteer</a></li>
|
||||||
<li><a href="">- contribute to eRang</a></li>
|
<li><a href="">- contribute to eRang</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
-->
|
-->
|
||||||
<p id="copyright">© 2011 India Theatre Forum. All Rights Reserved.</p>
|
<p id="copyright">© 2011 India Theatre Forum. All Rights Reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user