345 lines
8.9 KiB
CSS
Executable File
345 lines
8.9 KiB
CSS
Executable File
#center
|
|
{width:100%;
|
|
height:680px;
|
|
background:url(/static/images/noel/wooden1.jpg) repeat;}
|
|
|
|
.centerContent
|
|
{width:960px;
|
|
height:680px;
|
|
margin-right:auto;
|
|
margin-left:auto;}
|
|
|
|
#image
|
|
{position:relative;
|
|
float:left;}
|
|
|
|
#banner
|
|
{-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
margin-top:16px;
|
|
margin-left:9px;
|
|
-moz-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*/
|
|
|
|
/*#textTop
|
|
{width:300px;
|
|
font-size:30px; /*character limit? also break in text to be considered*/
|
|
/*color:#FFF;
|
|
line-height:40px;
|
|
text-align:left;
|
|
position:absolute;
|
|
top:116px;
|
|
padding-left:30px;
|
|
z-index:4;} */
|
|
|
|
#textBottom
|
|
{width:356px;
|
|
font-size:16px; /*character limit to be specified in js*/
|
|
line-height:1.4;
|
|
color:#222;
|
|
padding:4px 18px;
|
|
background-color:rgb(234, 234, 234); /*fallback for old browsers*/
|
|
background-color:rgba(234, 234, 234, 0.8);
|
|
position:absolute;
|
|
bottom:20px;
|
|
margin-left:9px;
|
|
z-index:4;}
|
|
|
|
#buttonBanner
|
|
{position:absolute;
|
|
left:448px;
|
|
bottom:32px;}
|
|
|
|
.buttons
|
|
{width:10px;
|
|
height:10px;
|
|
background-color:#ffb400 !important; /*is this right?*/
|
|
opacity:0.6;
|
|
z-index:4;
|
|
margin-top:8px;
|
|
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:#FFF;
|
|
opacity:1 !important;}
|
|
|
|
.tab
|
|
{width:230px;
|
|
height:282px;
|
|
background-color:#FFF;
|
|
position:relative;
|
|
background-repeat: no-repeat;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
margin-left:9px;
|
|
-moz-box-shadow:2px 3px 20px #252425;
|
|
-webkit-box-shadow:2px 3px 20px #252425;
|
|
box-shadow:2px 3px 20px #252425;
|
|
overflow:hidden;
|
|
cursor:pointer;}
|
|
|
|
#news, #events
|
|
{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;
|
|
font-size:14px;
|
|
color:#ff8400;
|
|
text-align:justify;
|
|
margin-top:10px;}
|
|
|
|
#newsTwitter li
|
|
{list-style:none;
|
|
float:left;
|
|
padding:4px;}
|
|
|
|
#newsTwitter li a
|
|
{text-decoration:none;} /*Sanj, this is for dynamic links generated from Twitter feeds.*/
|
|
|
|
#selection
|
|
{padding-left:12px;}
|
|
|
|
.newsTwitterTab
|
|
{-moz-border-radius-topright:8px;
|
|
-webkit-border-top-right-radius:8px;
|
|
border-top-right-radius:8px;
|
|
-moz-border-radius-topleft:8px;
|
|
-webkit-border-top-left-radius:8px;
|
|
border-top-left-radius:8px;
|
|
border-top:1px solid #ececec;
|
|
-moz-box-shadow:-8px 0px 19px #e0dfdf;
|
|
-webkit-box-shadow:-8px 0px 19px #e0dfdf;
|
|
box-shadow:-8px 0px 19px #e0dfdf;
|
|
color:#ffb80f;
|
|
cursor:pointer;
|
|
margin-right:6px;}
|
|
|
|
.selected
|
|
{-moz-border-radius-topright:8px;
|
|
-webkit-border-top-right-radius:8px;
|
|
border-top-right-radius:8px;
|
|
-moz-border-radius-topleft:8px;
|
|
-webkit-border-top-left-radius:8px;
|
|
border-top-left-radius:8px;
|
|
border:1px solid #ececec;
|
|
padding:2px 6px;
|
|
color:#ffb80f;
|
|
-moz-box-shadow:-3px -1px 12px #c6c6c6;
|
|
-webkit-box-shadow:-3px -1px 12px #c6c6c6;
|
|
box-shadow:-3px -1px 12px #c6c6c6;
|
|
cursor:pointer;
|
|
margin-right:6px;
|
|
font-weight:bold;}
|
|
|
|
#contentTab
|
|
{padding:0px 18px 10px 6px;
|
|
clear:both;
|
|
height:172px;
|
|
overflow:hidden;} /*we may need to do some JAVASCRIPT for this*/
|
|
|
|
.contentTab ul li span
|
|
{color:#0024ff;}
|
|
|
|
#contentTab li
|
|
{list-style:none;}
|
|
|
|
#triangle
|
|
{font-size:20px;
|
|
color:#929292;}
|
|
|
|
#triangleNext
|
|
{position:absolute;
|
|
left:20px;
|
|
bottom:10px;
|
|
cursor:pointer;}
|
|
|
|
#trianglePrevious
|
|
{position:absolute;
|
|
bottom:10px;
|
|
right:20px;
|
|
cursor:pointer;}
|
|
|
|
#slider
|
|
{width:960px;
|
|
height:296px;
|
|
clear:both;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
padding-top:37px;
|
|
overflow:hidden;
|
|
clear:both;
|
|
position:relative;}
|
|
|
|
#arrowLeft
|
|
{position:absolute;
|
|
bottom:30px;
|
|
left:18px;
|
|
z-index:5;
|
|
/*padding-left:0;
|
|
padding-right:120px;
|
|
padding-bottom:60px;
|
|
padding-top:60px;*/
|
|
cursor:pointer;}
|
|
|
|
#arrowRight
|
|
{position:absolute;
|
|
bottom:30px;
|
|
right:12px;
|
|
z-index:5;
|
|
/*padding-right:0;
|
|
padding-left:120px;
|
|
padding-bottom: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?*/
|
|
{width:4000px;
|
|
position:absolute;
|
|
left:0px;
|
|
}
|
|
|
|
ul#sliderTabs li
|
|
{float:left;}
|
|
|
|
.textTab
|
|
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:12px;
|
|
color:#666;
|
|
text-align:justify;
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
position:absolute;
|
|
top:178px;
|
|
line-height:14px;
|
|
}
|
|
|
|
a.buttonTab
|
|
{width:90px;
|
|
font-size:14px; /*if someone increases their font size, then what?*/
|
|
color:#FFF;
|
|
text-align:center;
|
|
text-decoration:none;
|
|
padding:2px 3px 5px 3px;
|
|
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);
|
|
-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);*/
|
|
text-shadow:0px 0px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
|
|
position:absolute;
|
|
bottom:20px;
|
|
right:20px;
|
|
cursor:pointer;
|
|
z-index:3;}/*looks poor in IE*/
|
|
|
|
a.buttonTab:link, a.buttonTab:visited
|
|
{text-decoration:none;
|
|
color:#FFF;}
|
|
|
|
a.buttonTab:hover
|
|
{width:90px;
|
|
font-size:14px;
|
|
color:#FFF;
|
|
text-decoration:none;
|
|
padding:2px 3px 5px 3px;
|
|
text-align:center;
|
|
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 */-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
border-radius:10px;
|
|
-moz-box-shadow:0px 3px 10px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
|
|
-webkit-box-shadow:0px 3px 10px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
|
|
box-shadow:0px 3px 10px rgba(000,000,000,0.5), 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;
|
|
right:20px;
|
|
cursor:pointer;}/*needs to made into a link, looks poor IE*/
|
|
|
|
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;
|
|
line-height:14px;
|
|
font-weight:bold;}
|
|
|
|
.moreTab:hover
|
|
{text-decoration:underline;
|
|
}
|
|
|
|
.textTab p span
|
|
{font-weight:bold;}
|
|
|
|
#scriptArchive
|
|
{background-image:url(/static/images/noel/script-tab.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:0px 30px;}
|
|
|
|
#bibliography
|
|
{background-image:url(/static/images/noel/bibliography-tab.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:0 43px;}
|
|
|
|
#itfProjects
|
|
{background-image:url(/static/images/noel/itf-tab.jpg);
|
|
background-repeat:no-repeat;}
|
|
|
|
#eRang
|
|
{background-image:url(/static/images/noel/erang-tab.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:0 43px;}
|
|
|
|
#surveys
|
|
{background-image:url(/static/images/noel/surveys-tab.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:0 33px;}
|
|
|
|
#offersNeeds
|
|
{background-image:url(/static/images/noel/offers-needs-tab.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:0 43px;}
|
|
|
|
#bestPractice
|
|
{background-image:url(/static/images/noel/best-tab.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:0 43px;}
|
|
|
|
|