made sevreal changes

This commit is contained in:
Karen 2011-10-25 16:01:59 +05:30
parent b24ba54589
commit 08f8f2bbf7
22 changed files with 235 additions and 158 deletions

View File

@ -23,22 +23,22 @@ margin-left:9px;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow: 2px 3px 20px #252425;}/*FF showing top image borders, because of FF 3.6 bug*/
#textTop
/*#textTop
{width:300px;
font-size:30px; /*character limit? also break in text to be considered*/
color:#FFF;
/*color:#FFF;
line-height:40px;
text-align:left;
position:absolute;
top:116px;
padding-left:30px;
z-index:4;}
z-index:4;} */
#textBottom
{width:356px;
font-size:16px; /*character limit to be specified in js*/
line-height:1.4;
color:#000;
color:#222;
padding:4px 18px;
background-color:rgb(234, 234, 234); /*fallback for old browsers*/
background-color:rgba(234, 234, 234, 0.8);
@ -49,25 +49,28 @@ z-index:4;}
#buttonBanner
{position:absolute;
left:438px;
bottom:24px;}
left:448px;
bottom:32px;}
.buttons
{width:12px;
height:12px;
background-color:transparent !important; /*is this right?*/
{width:10px;
height:10px;
background-color:#ffb400 !important; /*is this right?*/
opacity:0.6;
z-index:4;
margin-top:8px;
border:2px inset #FFF;
cursor:pointer;}
border:1px solid #FFF;
cursor:pointer;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;}
.buttons:hover
{opacity:0.9;}
.buttonsSelected
{background-color:#e3e2e0;
opacity:0.6;}
{background-color:#FFF;
opacity:1 !important;}
.tab
{width:230px;
@ -88,6 +91,11 @@ overflow:hidden;}
{margin-top:16px;
float:left;}
#events
{background-image:url(/static/images/noel/events-tab.jpg);
background-repeat:no-repeat;
background-position:0px 49px;}
#newsTwitter
{margin-left:12px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
@ -180,24 +188,24 @@ position:relative;}
#arrowLeft
{position:absolute;
top:92px;
left:12px;
bottom:30px;
left:18px;
z-index:5;
padding-left:0;
/*padding-left:0;
padding-right:120px;
padding-bottom:60px;
padding-top:60px;
padding-top:60px;*/
cursor:pointer;}
#arrowRight
{position:absolute;
top:92px;
bottom:30px;
right:12px;
z-index:5;
padding-right:0;
/*padding-right:0;
padding-left:120px;
padding-bottom:60px;
padding-top:60px;
padding-top:60px;*/
cursor:pointer;}
#sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/
@ -223,7 +231,7 @@ z-index:1;}
.textTab
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#3c3c3c;
color:#777;
text-align:justify;
padding-left:20px;
padding-right:20px;
@ -237,20 +245,20 @@ color:#FFF;
text-align:center;
text-decoration:none;
padding:2px 3px 5px 3px;
background: rgb(221,115,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,115,8,1) 0%, rgba(239,194,31,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,115,8,1)), color-stop(100%,rgba(239,194,31,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7308', endColorstr='#efc21f',GradientType=0 ); /* IE6-9 */
background: rgb(231,116,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(231,116,0,1) 0%, rgba(254,178,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,116,0,1)), color-stop(100%,rgba(254,178,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(231,116,0,1) 0%,rgba(254,178,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(231,116,0,1) 0%,rgba(254,178,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(231,116,0,1) 0%,rgba(254,178,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(231,116,0,1) 0%,rgba(254,178,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77400', endColorstr='#feb200',GradientType=0 ); /* IE6-9 */
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
/*-moz-box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);*/
text-shadow:0px 0px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
position:absolute;
bottom:20px;
@ -292,6 +300,20 @@ a.buttonTab:active
{text-decoration:none;
color:#FFF;}
.moreTab
{font-size:12px;
color:#ffb400;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
text-decoration:none;}
.moreUnicode
{font-size:15px;
}
.moreTab:hover
{text-decoration:underline;
}
.textTab p span
{font-weight:bold;}

View File

@ -2,10 +2,10 @@
{width:570px;
min-height:300px; /*IS THIS REQUIRED??*/
background-color:#FFF;
color:#3b3b39; /*was originally f7bd00*/
/*color:#777; /*was originally 3b3b39*/
font-family:'Arial Regular', Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
line-height:17px;
padding:20px;
margin-top:20px;
-moz-border-radius:8px;

View File

@ -37,7 +37,8 @@ border-bottom:1px solid #d3d3d3;
position:relative;
float:left;
padding-right:6px;
padding-left:4px;}
padding-left:4px;
padding-bottom:20px;}
#topText
{font-size:24px;
@ -81,7 +82,7 @@ background:url(img/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#7d7d7d;
color:#777;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
@ -99,7 +100,7 @@ outline:none;
#tabsInner /*tabs not touching because i would prefer not to give fixed width, shadow, etc.*/
{font-size:14px;
color:#ff8400;
margin-top:6px;
margin-top:15px;
margin-left:8px;
}
@ -108,10 +109,13 @@ margin-left:8px;
text-align:center;
padding-left:10px;
padding-right:10px;
float:left;}
float:left;
border-bottom:1px solid #f0dfdf;}
#selection
{padding-left:6px;}
{padding-left:6px;
border-top:1px solid #f0dfdf;
}
.tabCategory
{-moz-border-radius-topright:8px;
@ -121,14 +125,15 @@ border-top-right-radius:8px;
-webkit-border-top-left-radius:8px;
border-top-left-radius:8px;
border-top:1px solid #ececec;
-moz-box-shadow:-3px 0px 6px #e0dfdf;
-webkit-box-shadow:-3px 0px 6px #e0dfdf;
box-shadow:-3px 0px 6px #e0dfdf;
-moz-box-shadow:3px 0px 10px 1px #e0dfdf;
-webkit-box-shadow:3px 0px 10px 1px #e0dfdf;
box-shadow:3px 0px 10px 1px #e0dfdf;
background-color:#FFF;
padding:1px 1px;
color:#ffb80f;
cursor:pointer;
margin-right:1px;}
margin-right:1px;
}
.innerSelected /*SANJ this is the extra class for the selected tabs*/
{-moz-border-radius-topright:8px;
@ -141,16 +146,19 @@ border:1px solid transparent;
padding:1px 1px;
background-color:#f7bd00;
color:#FFF;
-moz-box-shadow:-3px -0px 6px #e0dfdf;
-webkit-box-shadow:-3px -0px 6px #e0dfdf;
box-shadow:-3px -0px 6px #e0dfdf;
-moz-box-shadow:3px 0px 10px 1px #e0dfdf;
-webkit-box-shadow:3px 0px 10px 1px #e0dfdf;
box-shadow:3px 0px 10px 1px #e0dfdf;
cursor:pointer;}
.tabText
{ display:none; }
.displayedTab
{ display:block !important; }
{ display:block !important;
border-bottom: 1px solid #e0dfdf;
padding-bottom:8px;
}
#loadingList
{display:none;}
@ -158,20 +166,22 @@ cursor:pointer;}
#contentTabsInner
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:13px;
color:#3b3b39;
line-height:17px;
color:#777;
padding-top:6px;
padding-left:10px;
padding-right:20px; /*why is this 20 and the left 10?*/
/*padding-left:10px;
padding-right:10px; /*why is this 20 and the left 10?*/
padding-bottom:6px;
clear:both;}
clear:both;
border-top:1px solid #f0dfdf;}
.selectMenu
{padding-top:6px;}
.selectMenu select
{border:1px solid #f7bd00;
background-color:#f7bd00;
color:#3B3B39;
background-color:#FFF;
color:#777;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
@ -186,11 +196,11 @@ outline:none;}
{margin-top:5px;
margin-bottom:2px;
width:114px;
background:url(img/search-icon.png) no-repeat right;
background:url(/static/images/noel/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#7d7d7d;
color:#777;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
@ -198,15 +208,16 @@ border:1px solid #f0f0f0;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;
outline:none;} /*placeholder input text supported by html5 for FF3.7 and webkit*/
outline:none;
} /*placeholder input text supported by html5 for FF3.7 and webkit*/
.searchListField:focus
{border:1px solid #999; }
#searchListIcon
/*#searchListIcon
{cursor:pointer;
margin-right:18px;}
margin-right:18px;}*/
#searchListIcon:hover
{box-shadow:1px 1px 1px 3px #e3e3e3;}
@ -236,25 +247,26 @@ overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
}
#listLeft ul span
{color:#898989;}
{color:#777;}
#listLeft ul li
{border-top:1px solid #cac9c9;
-moz-box-shadow:4px 0px 6px #b8b8b8;
-webkit-box-shadow:4px 0px 6px #b8b8b8;
box-shadow:4px 0px 6px #b8b8b8;
padding-top:6px;
padding-bottom:6px;
cursor:pointer;
padding-top:3px;
padding-bottom:3px;
}
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
{color:#898989;
text-decoration:none;}
{color:#777;
text-decoration:none;
}
#listLeft ul li span:hover
{text-decoration:underline;
color:#898989;}
}
.listLeftSelected
{border-bottom:1px solid #eece98;
@ -262,7 +274,9 @@ border-top:1px solid #eece98;
-moz-box-shadow:inset -6px 0px 18px #eece98;
-webkit-box-shadow:inset -6px 0px 18px #eece98;
box-shadow:inset -6px 0px 18px #eece98;
cursor:pointer;}
cursor:pointer;
display:block;
}
#triangleUp
{font-size:12px;
@ -440,13 +454,13 @@ overflow-y:auto;
background-color:#FFF;
padding:15px;
z-index:1001;
color:#737373;
color:#777;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background-image:url(/static/images/noel/close.png);
background-repeat:no-repeat;
background-position:99% 1%;} /*must have the highest z-index, just more than the lightbox*/
background-position:99.5% 1%;} /*must have the highest z-index, just more than the lightbox*/
#addForm input, #addForm textarea {
border:1px solid #e3e3e3;
@ -493,7 +507,7 @@ background-color:#FFF;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
margin-top:-8px;
margin-top:-8px !important;
margin-bottom:20px;
margin:0 auto;
border-top:1px solid #d3d3d3;
@ -508,15 +522,17 @@ width:400px; /*SANJ, is it ok to give this width?*/
margin:0 auto;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:14px;
color:#3B3B39;
color:#777;
padding:20px;
}
#searchContent h2 {
font-weight:bold;
font-size:16px;
font-size:24px;
padding-bottom:4px;
}
color:#F7BD00;
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
text-transform:uppercase;
margin-bottom:12px;}
#id_q {
width:150px;
@ -526,7 +542,7 @@ background:url(/static/images/noel/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#7d7d7d;
color:#777;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
@ -540,17 +556,19 @@ border:1px solid #999;}
#searchItf label:last-child
{color:#F7BD00;
}
font-size:12px;}
#searchItf a {
display:block;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:14px;
font-size:12px;
line-height:17px;
text-decoration:none;
padding-bottom:8px;}
padding-top:4px;
padding-bottom:4px;}
#searchItf a:visited {
color:#666;}
color:#777;}
#searchItf a:hover {
text-decoration:underline;}
@ -558,7 +576,20 @@ text-decoration:underline;}
#searchItf a:active {
color:#F7BD00;}
#searchItf h3 {
/*#searchItf h3 {
font-weight:bold;
padding-bottom:10px;}
padding-bottom:10px;}*/
#searchItf input[type=submit]
{background-color: #F7BD00;
color: white;
font-size: 14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px 24px;
border: 1px solid transparent;
margin-top: 7px;
margin-bottom:14px;
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
}

View File

@ -4,6 +4,7 @@ html
body
{width:100%;
height:100%;
color:#777;
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;}/*they want helvetica as second font, font-squirrel font to be added if required*/
#header
@ -14,13 +15,14 @@ margin-right:auto;
position:relative;}
#logo
{font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
font-size:30px;
{/*font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
color:#8a8a8a;
font-size:30px;*/
position:absolute;
top:36px;
left:4px;
z-index:-1;
color:#8a8a8a;}
}
#logo span
{font-size:36px;}
@ -62,6 +64,7 @@ position:absolute;
left:413px;
top:69px;*/
cursor:pointer;
margin-bottom:-1px;
}
#homeList:hover
@ -130,22 +133,22 @@ color:#737373;
} /*menu may break in IE, add JS hack and one for navigation by keyboard*/
#navMenu li li:hover
{background: rgb(221,115,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,115,8,1) 0%, rgba(224,163,22,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,115,8,1)), color-stop(100%,rgba(224,163,22,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7308', endColorstr='#e0a316',GradientType=0 ); /* IE6-9 */
{background: rgb(254,178,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,178,0,1) 0%, rgba(231,116,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,178,0,1)), color-stop(100%,rgba(231,116,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb200', endColorstr='#e77400',GradientType=0 ); /* IE6-9 */
}
#navMenu li ul li:hover a, #navMenu li ul li li:hover a, #navMenu li ul li li li:hover a, #navMenu li ul li li li:hover a
{color:#ebe9e9;
{color:#FFF;
}
#navMenu li:hover a, #navMenu li.sfhover a
{color:#ebe9e9;
{color:#FFF;
}
#navMenu li:hover li a, #navMenu li li:hover li a, #navMenu li li li:hover li a, #navMenu li li li li:hover li a
@ -162,32 +165,34 @@ background-color:#FFF;
border:none;}
#navMenu li:hover, #navMenu li.sfhover
{background: rgb(221,115,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,115,8,1) 0%, rgba(239,194,31,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,115,8,1)), color-stop(100%,rgba(239,194,31,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7308', endColorstr='#efc21f',GradientType=0 ); /* IE6-9 */}
{background: rgb(254,178,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,178,0,1) 0%, rgba(231,116,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,178,0,1)), color-stop(100%,rgba(231,116,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb200', endColorstr='#e77400',GradientType=0 ); /* IE6-9 */
color:#FFF;}
#loginMenu
{list-style:none;
background-color:#FFF;
/*background-color:#FFF;*/
font-size:13px; /*font list ok?, will break if user increases font size???*/
color:#ff8400;
font-weight:normal;
position:absolute;
bottom:5px;
right:6px;
bottom:0px;
right:8px;
cursor:pointer;
z-index:2;
clear:both;}
#loginMenu li
{display:inline;
float:left;
background-color:#FFF;
padding:2px 4px;
padding:6px 6px;
border:1px solid #e7e7e7;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
@ -205,7 +210,7 @@ color:#ff8400;}
#loginMenu li:hover
{color:#FFF;
background-color:#ff8400;
background-color:#f7bd00;
border:1px solid transparent;}
#loginMenu li:hover a
@ -234,7 +239,7 @@ border-radius:60px;
box-shadow: 0px 0px 100px 100px #989898;} /*please add moderniser for IE to detect and remove this opacity and shadow;*/
#shadow
{width:960px;
{/*width:960px;*/
height:8px;
-moz-box-shadow:10px -20px 40px #cccaca;
-webkit-box-shadow:10px -20px 40px #cccaca;

View File

@ -31,12 +31,15 @@ box-shadow: 2px 3px 20px #252425;
margin-top:100px;
font-family:'Century Gothic', Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:15px;
color:#737373;}
color:#777;
text-align:right;
text-transform:capitalize;}
#notMember
#titleLogin
{font-size:24px;
padding-bottom:18px;
text-align:center;}
text-align:center;
text-transform:none;}
.orangeForm
{color:#f7bd00;}
@ -51,15 +54,16 @@ font-weight:600;
{text-decoration:none;
font-size:12px;
color:#8A8A8A;
color:#777;
font-weight:bold;
display:block;
padding-left:92px;
padding-bottom:12px;}
padding-bottom:12px;
text-transform:none;}
.registerLink:hover
/*.registerLink:hover
{color:#F7BD00;
font-weight:bold;}
font-weight:bold;}*/
.errorlist
{font-size:12px;
@ -75,7 +79,8 @@ border-radius:6px;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;
margin-bottom:10px;}
margin-bottom:10px;
margin-left:8px;}
#formItf textarea{
vertical-align:text-top;
@ -94,9 +99,11 @@ font-size:14px;
border-radius:6px;
padding:3px 24px;
border:1px solid transparent;
margin-top:10px;}
margin-top:10px;
font-family:'Century Gothic', Arial, 'DejaVu Sans', sans-serif;}
#alreadyUser
{font-size:12px;
margin-left:70px;
}
margin-top:10px;
display:block;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 597 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 722 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 705 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 425 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 B

Binary file not shown.

View File

@ -18,9 +18,10 @@
<body>
<div id="header">
<div id="logo">
INDIA<br>
<span>THEATRE <span>FORUM</span></span>
</div>
<img src="/static/images/noel/logo-itf.png" width="281" height="70">
<!--INDIA<br>
<span>THEATRE <span>FORUM</span></span>-->
</div>
<form id="searchForm" action="/search/" method="GET">
<input type="text" placeholder="search" name="q" id="search"/>
</form>

View File

@ -12,14 +12,14 @@
<div id="center">
<!--<div id="woodPng">
</div>-->
<div id="centerContent" class="centerContent">
<div id="shadow">
</div>
<div id="centerContent" class="centerContent">
<div id="image">
<img src="/static/images/noel/banner.jpg" width="469" height="282"alt="banner-image" id="banner">
<p id="textTop">Welcome to the India Theatre Forum </p>
<img src="/static/images/noel/banner2.jpg" width="468" height="282"alt="banner-image" id="banner">
<!--<p id="textTop">Welcome to the India Theatre Forum </p>-->
<p id="textBottom"> A place where you can come and get, give, share, exchange all sorts of information, ideas, resources and more. </p>
<div id="buttonBanner">
<div id="buttonOne" class="buttons buttonsSelected"></div>
@ -53,8 +53,9 @@
</div>
<div id="triangle">
<div id="triangleNext">&#x25C2;</div>
<div id="trianglePrevious">&#x25B8;</div>
<div id="triangleNext"><img src="/static/images/noel/previous.jpg"/></div>
<div id="trianglePrevious"><img src="/static/images/noel/next.jpg"/></div>
</div>
</div>
</div>
@ -72,9 +73,10 @@
<li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">
<h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4>
<div class="textTab">
<p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }}</p>
<p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More <span class="moreUnicode">&rsaquo;&rsaquo;</span></a>
</p>
</div>
<a href="{{ b.url }}" class="buttonTab"> Learn more </a>
</li>
{% endfor %}

View File

@ -52,20 +52,21 @@
<div id="centerInner">
<!--<div id="woodPng">
</div>-->
<div class="centerInnerContent">
<div id="shadow">
</div>
<div class="centerInnerContent">
<div id="leftColumn">
{% load itftags %}
<h3 id="topText">{{ title|format_title|safe }}</h3>
<div id="searchInnerDiv">
<!--<img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">-->
<img src="/static/images/noel/aboutus.gif" width="20" height="20" id="aboutBtn" alt="About" title="About">
<img src="/static/images/noel/about.png" width="22" height="22" id="aboutBtn" alt="About" title="About">
{% if has_add %}
<span class="plus" id="addBtn" title="Add">&#000043;</span>
<img src="/static/images/noel/add.png" width="28" height="20" id="aboutBtn" alt="About" title="Add">
<span class="plus" id="addBtn" title="Add"></span>
{% endif %}
@ -119,8 +120,9 @@
<input id="page_no" name="page_no" type="hidden" value="1" />
<input id="object_id" name="object_id" type="hidden" value="" />
<input type="text" placeholder="search list" id="searchList" name="field" class="searchListField"/>
<img src="/static/images/noel/search-icon.png" width="18" height="14" alt="search-icon" id="searchListIcon">
<input type="text" placeholder="Filter by keyword" id="searchList" name="field" class="searchListField"/>
<!--<img src="/static/images/noel/search-icon.png" width="18" height="14" alt="search-icon" id="searchListIcon">-->
<span id="pageDisplay" style="display:none;">Page <span id="currPageNo">1</span> of <span id="totalPages">10</span></span>
</form>
@ -128,7 +130,7 @@
</div>
</div>
<div id="triangleUp">previous</div>
<div id="triangleUp">prev</div>
<div id="triangleDown">next</div>
<div class="clear"></div>
@ -177,7 +179,7 @@
<!-- <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages"> -->
<!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->
<img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="iconImages">
<img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" title="Download" class="iconImages">
</div>
</div>

View File

@ -1,8 +1,11 @@
{% extends 'registration/register_base.html' %}
{% block reg_content %}
<p id="titleLogin">Write to us</p>
<form action="" method="POST" id="formItf">
<table>
{{ form.as_table }}
</table>
</form>

View File

@ -2,18 +2,19 @@
{% block reg_content %}
<form action="" method="POST">
<form action="" method="POST" id="formItf">
{% csrf_token %}
<p id="titleLogin">Login here</p>
<table>
{{ form.as_table }}
<tr>
<td><input type="submit" value="Submit" /></td>
<td><input type="submit" value="Login" /></td>
</tr>
</table>
<a href="" class="registerLink">Forgot your Password? </a>
<a href="/accounts/register" class="registerLink">New Here? Register Now!</a>
<a href="/accounts/register" class="registerLink">New Here? <span class="orangeForm">Click here!</span></a>
</form>

View File

@ -3,7 +3,7 @@
{% block reg_content %}
<p id="notMember">Not a member? <span class="orangeForm">Register here.</span></p>
<p id="titleLogin">Not a member? <span class="orangeForm">Register here.</span></p>
<form action="" method="POST" id="formItf">
<table>
{{ form.as_table }}

View File

@ -9,9 +9,12 @@
{% block content %}
<div id="centerInner">
<div id="shadow">
</div>
<div id="searchContainer">
<div id="searchContent">
<h2>Search</h2>
<h2>Search:</h2>
<form method="get" action="." id="searchItf">
<table>
@ -25,7 +28,7 @@
</table>
{% if query %}
<h3>Results</h3>
<h2>YOUR RESULTS:</h2>
{% for result in page.object_list %}
<p>