it/itf/static/css/noel/home.css

313 lines
7.1 KiB
CSS
Raw Normal View History

2011-07-15 17:25:00 +00:00
#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:#000;
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:438px;
bottom:24px;}
.buttons
{width:12px;
height:12px;
background-color:transparent !important; /*is this right?*/
opacity:0.6;
z-index:4;
margin-top:8px;
border:2px inset #FFF;
cursor:pointer;}
.buttons:hover
{opacity:0.9;}
.buttonsSelected
{background-color:#e3e2e0;
opacity:0.6;}
.tab
{width:230px;
height:282px;
background-color:#FFF;
position:relative;
2011-08-01 13:49:19 +00:00
background-repeat: no-repeat;
2011-07-15 17:25:00 +00:00
-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;
2011-08-03 10:32:36 +00:00
box-shadow:2px 3px 20px #252425;
overflow:hidden;}
2011-07-15 17:25:00 +00:00
#news, #events
{margin-top:16px;
float:left;}
#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:6px 26px 10px 6px;
clear:both;}
#contentTab ul li span
{color:#0024ff;}
#contentTab li
{list-style:none;}
#triangle
2011-08-09 20:55:46 +00:00
{font-size:20px;
2011-08-09 19:18:26 +00:00
color:#929292;}
2011-07-15 17:25:00 +00:00
2011-08-09 20:55:46 +00:00
#triangleNext
2011-07-15 17:25:00 +00:00
{position:absolute;
2011-08-09 20:55:46 +00:00
left:22px;
2011-08-09 19:18:26 +00:00
bottom:10px;
2011-07-15 17:25:00 +00:00
cursor:pointer;}
2011-08-09 20:55:46 +00:00
#trianglePrevious
2011-07-15 17:25:00 +00:00
{position:absolute;
2011-08-09 19:18:26 +00:00
bottom:10px;
2011-08-09 20:55:46 +00:00
right:22px;
2011-07-15 17:25:00 +00:00
cursor:pointer;}
#slider
{width:960px;
height:296px;
clear:both;
margin-left:auto;
margin-right:auto;
padding-top:37px;
2011-08-01 13:49:19 +00:00
overflow:hidden;
2011-07-15 17:25:00 +00:00
clear:both;
position:relative;}
#arrowLeft
{position:absolute;
top:49%;
z-index:5;
left:10px;}
#arrowRight
{position:absolute;
top:49%;
z-index:5;
right:10px;}
#sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/
2011-08-01 13:49:19 +00:00
{width:4000px;
position:absolute;
left:0px;
}
2011-07-15 17:25:00 +00:00
ul#sliderTabs li
{float:left;}
.tabHeader
{font-size:24px;
color:#ffb400;
text-align:center;
margin-top:10px;
position:relative;
z-index:1;}
.tabHeader span
{font-weight:bold;}
.textTab
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#3c3c3c;
text-align:justify;
padding-left:20px;
padding-right:20px;
position:absolute;
top:178px;}
a.buttonTab
{width:90px;
font-size:14px; /*if someone increases their font size, then what?*/
color:#FFF;
text-align:center;
text-decoration:none;
2011-08-09 19:18:26 +00:00
padding:5px 3px 5px 3px;
2011-07-15 17:25:00 +00:00
background-color:#feb200; /*fallback for old browsers*/
background:-moz-linear-gradient(top, #e77400 0%, #feb200);
background:-webkit-gradient(linear, left top, left bottom, from(#e77400), to(#feb200)); /*w/o prefix not mentioned here for a reason???*/
-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-color:#e77400; /*fallback for old browsers*/
background:-moz-linear-gradient(top, #feb200 0%, #e77400);
background:-webkit-gradient(linear, left top, left bottom, from(#feb200), to(#e77400));
-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;}
.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;}