Template:Team:NCTU Formosa/header-home

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<style type="text/css">
 +
/*
 +
---Calvin Hue
 +
*/
 +
 +
#cover-wrapper, #abstract-wrapper, #news-wrapper {
 +
background:url(https://static.igem.org/mediawiki/2012/8/84/Px.png) transparent repeat;
 +
-moz-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
 +
-webkit-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
 +
box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
 +
margin-bottom: 15px;
 +
border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
-moz-border-radius: 3px;
 +
}
 +
#cover-wrapper {
 +
height: 340px;
 +
}
 +
#cover {
 +
padding-top:15px;
 +
}
 +
#abstract-wrapper {
 +
width: 49%;
 +
min-height:250px;
 +
float: left;
 +
}
 +
#news-wrapper {
 +
width: 49%;
 +
min-height:250px;
 +
float: right;
 +
}
 +
#abstract-title {
 +
width: 307px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/3/31/Subtitle-abstract.png) transparent no-repeat;
 +
}
 +
#abstract-title span {
 +
display: none;
 +
}
 +
#abstract p, #news p {
 +
margin:10px;
 +
}
 +
#news-title {
 +
width: 307px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/7/75/Subtitle-news.png) transparent no-repeat;
 +
}
 +
#news-title span {
 +
display: none;
 +
}
 +
 +
/* slider */
 +
/* http://www.menucool.com */
 +
 +
#sliderFrame {position:relative;width:970px;margin: 0 auto;} /*remove the
 +
 +
"margin:0 auto;" if you want to align the whole slider to the left side*/
 +
       
 +
#slider {
 +
    width:970px;height:290px;/* Make it the same size as your images */
 +
background:url(loading.gif) no-repeat 50% 50%;
 +
position:relative;
 +
margin:0 auto;/*make the image slider center-aligned */
 +
}
 +
#slider img {
 +
position:absolute;
 +
border:none;
 +
display:none;
 +
}
 +
#slider a.imgLink {
 +
z-index:2;
 +
display:none;position:absolute;
 +
top:0px;left:0px;border:0;padding:0;margin:0;
 +
width:100%;height:100%;
 +
}
 +
div.mc-caption-bg, div.mc-caption-bg2 {
 +
display:none;
 +
}
 +
div.mc-caption {
 +
display:none;
 +
}
 +
 +
 +
/* ------ built-in navigation bullets wrapper ------*/
 +
div.navBulletsWrapper  {
 +
top:300px; left:405px; /* Its position is relative to the #slider
 +
 +
*/
 +
width:150px;
 +
background:none;
 +
padding-left:20px;
 +
position:relative;
 +
z-index:5;
 +
cursor:pointer;
 +
}
 +
 +
/* each bullet */
 +
div.navBulletsWrapper div
 +
{
 +
    width:11px; height:11px;
 +
    background:transparent url(https://static.igem.org/mediawiki/2012/7/7a/Bullet.png) no-repeat 0 0;
 +
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
 +
    margin-right:11px;/* distance between each bullet*/
 +
    _position:relative;/*IE6 hack*/
 +
}
 +
 +
div.navBulletsWrapper div.active {background-position:0 -11px;}
 +
 +
 +
/* --------- Others ------- */
 +
#slider
 +
{
 +
transform: translate3d(0,0,0);
 +
    -ms-transform:translate3d(0,0,0);
 +
    -moz-transform:translate3d(0,0,0);
 +
    -o-transform:translate3d(0,0,0);
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="header-wrapper">
 +
<div id="header">
 +
  <div id="title">
 +
    <p>NCTU_Formosa</p>
 +
  </div><p>
   <div id="menu">
   <div id="menu">
     <ul>
     <ul>

Revision as of 18:41, 2 September 2012

Retrieved from "http://2012.igem.org/Template:Team:NCTU_Formosa/header-home"