made sevreal changes
|
@ -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;}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
@ -503,20 +517,22 @@ border-bottom:1px solid #d3d3d3;
|
|||
box-shadow:2px 3px 20px #252425;}
|
||||
|
||||
|
||||
#searchContent {
|
||||
#searchContent {
|
||||
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;
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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;}
|
BIN
itf/static/images/noel/about.png
Normal file
After Width: | Height: | Size: 597 B |
BIN
itf/static/images/noel/add.png
Normal file
After Width: | Height: | Size: 722 B |
BIN
itf/static/images/noel/banner2.jpg
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
itf/static/images/noel/bessms_header07d1.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
itf/static/images/noel/close.png
Normal file
After Width: | Height: | Size: 705 B |
BIN
itf/static/images/noel/events-tab.jpg
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
itf/static/images/noel/logo-itf.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
itf/static/images/noel/next.jpg
Normal file
After Width: | Height: | Size: 425 B |
BIN
itf/static/images/noel/previous.jpg
Normal file
After Width: | Height: | Size: 381 B |
BIN
itf/static/images/noel/previousnext.psd
Normal 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>
|
||||
|
|
|
@ -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">◂</div>
|
||||
<div id="trianglePrevious">▸</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">››</span></a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<a href="{{ b.url }}" class="buttonTab"> Learn more </a>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
|
|
@ -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">+</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&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=arial&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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -1,20 +1,21 @@
|
|||
{% extends 'registration/register_base.html' %}
|
||||
|
||||
|
||||
{% block reg_content %}
|
||||
<form action="" method="POST">
|
||||
{% csrf_token %}
|
||||
<table>
|
||||
{{ form.as_table }}
|
||||
<tr>
|
||||
<td><input type="submit" value="Submit" /></td>
|
||||
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<a href="" class="registerLink">Forgot your Password? </a>
|
||||
<a href="/accounts/register" class="registerLink">New Here? Register Now!</a>
|
||||
|
||||
</form>
|
||||
|
||||
{% endblock %}
|
||||
{% extends 'registration/register_base.html' %}
|
||||
|
||||
|
||||
{% block reg_content %}
|
||||
<form action="" method="POST" id="formItf">
|
||||
{% csrf_token %}
|
||||
<p id="titleLogin">Login here</p>
|
||||
<table>
|
||||
{{ form.as_table }}
|
||||
<tr>
|
||||
<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? <span class="orangeForm">Click here!</span></a>
|
||||
|
||||
</form>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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>
|
||||
|
|