made superficial design changes for fonts, etc.

This commit is contained in:
Karen 2011-10-08 11:36:16 +05:30
parent cb69f1e3c3
commit d38ddaf540
5 changed files with 217 additions and 212 deletions

View File

@ -1,61 +1,61 @@
#bottomRight
{width:570px;
height:100%; /*IS THIS REQUIRED??*/
background-color:#FFF;
color:#3b3b39;
font-size:14px;
line-height:16px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
padding:20px;
margin-top:20px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow:2px 3px 20px #252425;
overflow:auto;
clear:both;}
.itfInfoSub
{color:#f7bd00;
font-weight:bold;}
.itfInfo p
{padding-bottom:8px;}
.thumbsDetails
{width:164px;
height:114px;
-moz-box-shadow:2px 2px 2px 1px #999;
-webkit-box-shadow:2px 2px 2px 1px #999;
box-shadow:2px 2px 2px 1px #999;
margin:10px;}
.searchHighlight
{background-color:#f7d76c;
padding:0px 2px 1px 1px;}
.orange
{color:#f7bd00;
font-weight:bold;
margin-bottom:8px;
}
.noListTitle a
{color:#f7bd00;
font-weight:bold;
text-decoration:none;}
.noListItem
{margin-bottom:16px;}
.linksInnerOrange a
{text-decoration:none;
display:block;}
.linksInnerOrange a:hover
{text-decoration:underline;}
.hideText
{display:none;}
#bottomRight
{width:570px;
height:100%; /*IS THIS REQUIRED??*/
background-color:#FFF;
color:#3b3b39; /*was originally f7bd00*/
font-family:'Arial Regular', Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
padding:20px;
margin-top:20px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow:2px 3px 20px #252425;
overflow:auto;
clear:both;}
.itfInfoSub
{color:#f7bd00;
font-weight:bold;}
.itfInfo p
{padding-bottom:8px;}
.thumbsDetails
{width:164px;
height:114px;
-moz-box-shadow:2px 2px 2px 1px #999;
-webkit-box-shadow:2px 2px 2px 1px #999;
box-shadow:2px 2px 2px 1px #999;
margin:10px;}
.searchHighlight
{background-color:#f7d76c;
padding:0px 2px 1px 1px;}
.orange
{color:#f7bd00;
font-weight:bold;
margin-bottom:8px;
}
.noListTitle a
{color:#f7bd00;
font-weight:bold;
text-decoration:none;}
.noListItem
{margin-bottom:16px;}
.linksInnerOrange a
{text-decoration:none;
display:block;}
.linksInnerOrange a:hover
{text-decoration:underline;}
.hideText
{display:none;}

View File

@ -9,7 +9,7 @@ margin-left:auto;
position:relative;}
#leftColumn
{width:300px;
{width:296px;
height:620px; /*SANJ to change height in JS according to screen*/
background-color:#FFF;
margin-top:-8px; /*had to give this because of shadow*/
@ -22,7 +22,8 @@ border-radius:8px;
box-shadow:2px 3px 20px #252425;
position:relative;
float:left;
padding-right:6px;}
padding-right:6px;
padding-left:4px;}
#topText
{font-size:24px;
@ -109,9 +110,10 @@ border-top:1px solid #ececec;
-webkit-box-shadow:-3px 0px 6px #e0dfdf;
box-shadow:-3px 0px 6px #e0dfdf;
background-color:#FFF;
padding:1px 1px;
color:#ffb80f;
cursor:pointer;
margin-right:6px;}
margin-right:1px;}
.innerSelected /*SANJ this is the extra class for the selected tabs*/
{-moz-border-radius-topright:8px;
@ -121,7 +123,7 @@ border-top-right-radius:8px;
-webkit-border-top-left-radius:8px;
border-top-left-radius:8px;
border:1px solid #ececec;
padding:2px 6px;
padding:1px 1px;
background-color:#f7bd00;
color:#FFF;
-moz-box-shadow:-3px -0px 6px #e0dfdf;
@ -200,16 +202,20 @@ margin-right:18px;}
}
.tabListItem
{text-overflow:ellipsis;
{/*text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:100%;}
width:100%;*/}
#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-type:disc;
list-style-position:inside;
list-style-position:outside;
padding-left:16px;
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
}
@ -227,8 +233,6 @@ padding-bottom:6px;
cursor:pointer;
}
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
{color:#898989;
text-decoration:none;}

View File

@ -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*/
#homeIcon
{display:block;
{/*display:block;
position:absolute;
left:413px;
top:69px;
top:69px;*/
cursor:pointer;}
#navMenu
@ -63,7 +63,7 @@ font-size:16px;
position:absolute;
top:64px;
right:0px;
z-index:30;
z-index:50;
cursor:pointer;
text-align:left;}
@ -101,7 +101,8 @@ text-align:left;}
#navMenu li li
{width:180px;
border-bottom:1px solid #e0e0e0;
text-align:left;}
text-align:left;
box-shadow:1px 1px 6px #919191;}
#navMenu li li a
{padding:2px 10px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 303 B

After

Width:  |  Height:  |  Size: 201 B

View File

@ -1,137 +1,137 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{% block title %} {% endblock %}</title>
<link rel="stylesheet" href="/static/css/reset.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>
{% block extra_head %}
{% endblock %}
</head>
<body>
<div id="header">
<div id="logo">
INDIA<br>
<span>THEATRE <span>FORUM</span></span>
</div>
<form>
<input type="text" placeholder="search" name="field" id="search"/>
</form>
<a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a>
<ul id="navMenu">
{% for m in menus %}
<li><a href="">{{ m.name }}</a>
<ul>
{% for i in m.items %}
<li><a href="{{ i.url }}">{{ i.name }}</a></li>
{% endfor %}
</ul>
</li>
{% endfor %}
<!--
<li><a href="">Resources</a>
<ul>
<li><a href="">Script Archive</a></li>
<li><a href="">Guidelines for Best Practice</a></li>
</ul>
</li>
<li><a href="">Read</a>
<ul>
<li><a href="">Bibliography</a></li>
<li><a href="">eRang</a></li>
<li><a href="">Publications</a></li>
</ul>
</li>
<li><a href="">Participate</a>
<ul>
<li><a href="">Surveys</a></li>
<li><a href="">Offers/Needs</a></li>
<li><a href="">Make a suggestion</a></li>
</ul>
</li>
<li class><a href="">About ITF</a>
<ul>
<li><a href="">India Theatre Forum</a></li>
<li><a href="">Projects</a></li>
<li><a href="">Events</a></li>
</ul>
</li>
<li><a href="">Support ITF</a>
<ul>
<li><a href="">Make a donation</a></li>
<li><a href="">Volunteer</a></li>
<li><a href="">Contribute to eRang</a></li>
</ul>
</li>
-->
</ul>
<ul id="loginMenu">
{% if user.is_authenticated %}
<li><a href="/accounts/logout">Logout</a></li>
{% else %}
<li><a href="/accounts/login">Login</a></li>
<li><a href="/accounts/register">Register</a></li>
{% endif %}
<li><a href="">Contact Us</a></li>
</ul>
</div>
{% block content %}
{% endblock %}
<div id="footer">
{% for m in menus %}
<ul class="footerList">
<a href="">{{ m.name }}</a>
{% for i in m.items %}
<li><a href="{{ i.url }}">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ i.name }}</a></li>
{% endfor %}
</ul>
{% endfor %}
<!--
<ul id="resources" class="footerList">
<a href="">Resources</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Script Archive</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guidelines for Best Practice</a></li>
</ul>
<ul id="read" class="footerList">
<a href="">Read</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bibliography</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eRang</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Publications</a></li>
</ul>
<ul id="participate" class="footerList">
<a href="">Participate</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surveys</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offers/needs</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a suggestion</a></li>
</ul>
<ul id="aboutItf" class="footerList">
<a href="">About ITF</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;India Theatre Forum</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;projects</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;events</a></li>
</ul>
<ul id="supportItf" class="footerList">
<a href="">Support ITF</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a donation</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;volunteer</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contribute to eRang</a></li>
</ul>
-->
<p id="copyright">&copy; 2011 India Theatre Forum. All Rights Reserved.</p>
</div>
</body>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{% block title %} {% endblock %}</title>
<link rel="stylesheet" href="/static/css/reset.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>
{% block extra_head %}
{% endblock %}
</head>
<body>
<div id="header">
<div id="logo">
INDIA<br>
<span>THEATRE <span>FORUM</span></span>
</div>
<form>
<input type="text" placeholder="search" name="field" id="search"/>
</form>
<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 %}
<li><a href="">{{ m.name }}</a>
<ul>
{% for i in m.items %}
<li><a href="{{ i.url }}">{{ i.name }}</a></li>
{% endfor %}
</ul>
</li>
{% endfor %}
<!--
<li><a href="">Resources</a>
<ul>
<li><a href="">Script Archive</a></li>
<li><a href="">Guidelines for Best Practice</a></li>
</ul>
</li>
<li><a href="">Read</a>
<ul>
<li><a href="">Bibliography</a></li>
<li><a href="">eRang</a></li>
<li><a href="">Publications</a></li>
</ul>
</li>
<li><a href="">Participate</a>
<ul>
<li><a href="">Surveys</a></li>
<li><a href="">Offers/Needs</a></li>
<li><a href="">Make a suggestion</a></li>
</ul>
</li>
<li class><a href="">About ITF</a>
<ul>
<li><a href="">India Theatre Forum</a></li>
<li><a href="">Projects</a></li>
<li><a href="">Events</a></li>
</ul>
</li>
<li><a href="">Support ITF</a>
<ul>
<li><a href="">Make a donation</a></li>
<li><a href="">Volunteer</a></li>
<li><a href="">Contribute to eRang</a></li>
</ul>
</li>
-->
</ul>
<ul id="loginMenu">
{% if user.is_authenticated %}
<li><a href="/accounts/logout">Logout</a></li>
{% else %}
<li><a href="/accounts/login">Login</a></li>
<li><a href="/accounts/register">Register</a></li>
{% endif %}
<li><a href="">Contact Us</a></li>
</ul>
</div>
{% block content %}
{% endblock %}
<div id="footer">
{% for m in menus %}
<ul class="footerList">
<a href="">{{ m.name }}</a>
{% for i in m.items %}
<li><a href="{{ i.url }}">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ i.name }}</a></li>
{% endfor %}
</ul>
{% endfor %}
<!--
<ul id="resources" class="footerList">
<a href="">Resources</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Script Archive</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guidelines for Best Practice</a></li>
</ul>
<ul id="read" class="footerList">
<a href="">Read</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bibliography</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eRang</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Publications</a></li>
</ul>
<ul id="participate" class="footerList">
<a href="">Participate</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surveys</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offers/needs</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a suggestion</a></li>
</ul>
<ul id="aboutItf" class="footerList">
<a href="">About ITF</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;India Theatre Forum</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;projects</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;events</a></li>
</ul>
<ul id="supportItf" class="footerList">
<a href="">Support ITF</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a donation</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;volunteer</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contribute to eRang</a></li>
</ul>
-->
<p id="copyright">&copy; 2011 India Theatre Forum. All Rights Reserved.</p>
</div>
</body>