CAMP/it
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

made sevreal changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
itf/static/css/noel/home.css
View File

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

4
itf/static/css/noel/inner-details.css
View File

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

123
itf/static/css/noel/inner.css
View File

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

59
itf/static/css/noel/main.css
View File

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

27
itf/static/css/register.css
View File

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

BIN
itf/static/images/noel/about.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 597 B

BIN
itf/static/images/noel/add.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 722 B

BIN
itf/static/images/noel/banner2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
itf/static/images/noel/bessms_header07d1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
itf/static/images/noel/close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 705 B

BIN
itf/static/images/noel/events-tab.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
itf/static/images/noel/logo-itf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
itf/static/images/noel/next.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 425 B

BIN
itf/static/images/noel/previous.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 381 B

BIN
itf/static/images/noel/previousnext.psd Normal file
View File

Binary file not shown.

7
itf/templates/noel/base.html
View File

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

18
itf/templates/noel/index.html
View File

@ -12,14 +12,14 @@
<div id="center"> <div id="center">
<!--<div id="woodPng"> <!--<div id="woodPng">
</div>--> </div>-->
<div id="centerContent" class="centerContent">
<div id="shadow"> <div id="shadow">
</div> </div>
<div id="centerContent" class="centerContent">
<div id="image"> <div id="image">
<img src="/static/images/noel/banner.jpg" width="469" height="282"alt="banner-image" id="banner"> <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="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> <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="buttonBanner">
<div id="buttonOne" class="buttons buttonsSelected"></div> <div id="buttonOne" class="buttons buttonsSelected"></div>
@ -53,8 +53,9 @@
</div> </div>
<div id="triangle"> <div id="triangle">
<div id="triangleNext">&#x25C2;</div> <div id="triangleNext"><img src="/static/images/noel/previous.jpg"/></div>
<div id="trianglePrevious">&#x25B8;</div> <div id="trianglePrevious"><img src="/static/images/noel/next.jpg"/></div>
</div> </div>
</div> </div>
</div> </div>
@ -72,9 +73,10 @@
<li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;"> <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> <h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4>
<div class="textTab"> <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> </div>
<a href="{{ b.url }}" class="buttonTab"> Learn more </a>
</li> </li>
{% endfor %} {% endfor %}

18
itf/templates/noel/insidepage.html
View File

@ -52,20 +52,21 @@
<div id="centerInner"> <div id="centerInner">
<!--<div id="woodPng"> <!--<div id="woodPng">
</div>--> </div>-->
<div class="centerInnerContent">
<div id="shadow"> <div id="shadow">
</div> </div>
<div class="centerInnerContent">
<div id="leftColumn"> <div id="leftColumn">
{% load itftags %} {% load itftags %}
<h3 id="topText">{{ title|format_title|safe }}</h3> <h3 id="topText">{{ title|format_title|safe }}</h3>
<div id="searchInnerDiv"> <div id="searchInnerDiv">
<!--<img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">--> <!--<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 %} {% 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 %} {% endif %}
@ -119,8 +120,9 @@
<input id="page_no" name="page_no" type="hidden" value="1" /> <input id="page_no" name="page_no" type="hidden" value="1" />
<input id="object_id" name="object_id" type="hidden" value="" /> <input id="object_id" name="object_id" type="hidden" value="" />
<input type="text" placeholder="search list" id="searchList" name="field" class="searchListField"/> <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"> <!--<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> <span id="pageDisplay" style="display:none;">Page <span id="currPageNo">1</span> of <span id="totalPages">10</span></span>
</form> </form>
@ -128,7 +130,7 @@
</div> </div>
</div> </div>
<div id="triangleUp">previous</div> <div id="triangleUp">prev</div>
<div id="triangleDown">next</div> <div id="triangleDown">next</div>
<div class="clear"></div> <div class="clear"></div>
@ -177,7 +179,7 @@
<!-- <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages"> --> <!-- <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>--> <!-- <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>
</div> </div>

3
itf/templates/registration/contact.html
View File

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

41
itf/templates/registration/login.html
View File

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

2
itf/templates/registration/registration_form.html
View File

@ -3,7 +3,7 @@
{% block reg_content %} {% 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"> <form action="" method="POST" id="formItf">
<table> <table>
{{ form.as_table }} {{ form.as_table }}

7
itf/templates/search/search.html
View File

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