Team:Tsinghua/header

From 2010.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Tsinghua}}
 +
{{:Team:Tsinghua/writenav}}
<html>
<html>
-
<head>
 
-
<style>
 
-
body{
 
-
    text-align:center; 
 
-
    font-family:Arial,sans-serif;
 
-
    color:#000;
 
-
    background: transparent;
 
-
}
 
-
body p{
 
-
    margin: 0;
 
-
}
 
-
.firstHeading{
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
h3#siteSub{
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
div#contentSub{
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
.headerpic{
+
<div id="background"></div>
-
     position: absolute;
+
<div id="topmost">
-
     top: 0;
+
<img src="https://static.igem.org/mediawiki/2010/7/76/THU-header.png" class="headerpic"/>
-
     left: 0;
+
</div>
-
     margin: 0;
+
<div id="topbar">
-
     padding: 0;
+
    <ul id="topbarul">
-
}
+
     <li id="nav-home"><a href="/Team:Tsinghua/home">Home</a></li>
 +
     <li id="nav-team"><a href="/Team:Tsinghua/team">Team</a></li>
 +
     <li id="nav-project"><a href="/Team:Tsinghua/project">Project</a></li>
 +
     <li id="nav-experiment"><a href="/Team:Tsinghua/experiments">Experiment</a></li>
 +
     <li id="nav-parts"><a href="/Team:Tsinghua/parts">Parts</a></li>
 +
    <li id="nav-support"><a href="/Team:Tsinghua/support">Support</a></li>
 +
    <li id="nav-human"><a href="/Team:Tsinghua/HumanPractice">Human Practice</a></li>
 +
    </ul>
 +
</div>
 +
<div id="navbar">
 +
    <ul id="subnav">
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    <li><a href="#" id="subitem"></a></li>
 +
    </ul>
 +
</div>
-
.logopic{
+
</html>
-
    margin-top: 50px;
+
-
}
+
-
 
+
-
div#top-section{
+
-
    background: #DCF;
+
-
    height: 20px;
+
-
    width:  100%;
+
-
    border: 0;
+
-
}
+
-
div#p-logo{
+
-
    display: none;
+
-
}
+
-
div#menubar{
+
-
    position: relative;
+
-
    top: 0;
+
-
}
+
-
div#menubar .selected a{
+
-
    color: #2AF;
+
-
}
+
-
.left-menu{
+
-
    float: left;
+
-
    top: 0;
+
-
}
+
-
.right-menu{
+
-
    float: right;
+
-
    top: 0;
+
-
}
+
-
div#search-controls{
+
-
    position: relative;
+
-
    float: right;
+
-
    top: 20px;
+
-
    left: 35%;
+
-
    background: url("https://static.igem.org/mediawiki/2010/1/17/THUSearch.png") no-repeat;
+
-
    width: 200px;
+
-
    height: 30px;
+
-
}
+
-
#searchInput{
+
-
    border: none;
+
-
    background: none;
+
-
    width: 115px;
+
-
    left: 0;
+
-
    top: 0;
+
-
    height: 30px;
+
-
    position: absolute;
+
-
    padding: 0px 5px;
+
-
}
+
-
#searchGoButton{
+
-
    display: none;
+
-
}
+
-
#mw-searchButton{
+
-
    border: none;
+
-
    background: none;
+
-
    width: 30px;
+
-
    height: 30px;
+
-
    left: 110px;
+
-
    line-height: 0;
+
-
    font-size: 1px;
+
-
    text-indent: 100pc;
+
-
    cursor: pointer;
+
-
    top: 0;
+
-
    position: absolute;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
}
+
-
div#content{
+
-
    width: 100%;
+
-
    left: 0;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    border: 0;
+
-
}
+
-
div#topbar-orig{
+
-
    background: url("2009 logo.jpg") #1c2d02 left top repeat-x;
+
-
    color:#fff;
+
-
    overflow: hidden;
+
-
    height: 140px;
+
-
    min-width: 980px;
+
-
}
+
-
div#topbar-orig ul{
+
-
    position: absolute;
+
-
    bottom:5px;
+
-
    right:5px;
+
-
    dfloat:right;
+
-
    width: 812px;
+
-
    height: 61px;
+
-
    padding-top: 10px;
+
-
}
+
-
#topbarul li{
+
-
    float:left;
+
-
    margin-left: 10px;
+
-
    height: 100%;
+
-
    list-style: none;
+
-
}
+
-
 
+
-
#topbarul a{
+
-
    text-decoration: none;
+
-
    color: #eef;
+
-
    dwidth: 96px;
+
-
    padding: 3px 6px 5px 10px;
+
-
    display:block;
+
-
    text-align: right;
+
-
    dfont-weight: bold;
+
-
    font-size: 0.9em;
+
-
    dtext-shadow: #271E0F 0 0 0;
+
-
    text-shadow: 1px 1px 1px #271E0F ;
+
-
    position: relative;
+
-
    -moz-border-radius: 4px;
+
-
    -webkit-border-radius: 5px;
+
-
}
+
-
#topbarul a span{
+
-
    border-right: 4px solid;
+
-
    display: block;
+
-
    padding-right: 7px;
+
-
    position: relative;
+
-
    z-index: 10;
+
-
}
+
-
#topbarul a em{
+
-
    background: url(images/nav-selected.jpg) no-repeat;
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    width: 150px;
+
-
    height: 48px;
+
-
    z-index: 1;
+
-
}
+
-
a#ina-home span{
+
-
    border-color:#FFA200;
+
-
}
+
-
 
+
-
a#ina-background span{
+
-
    border-color:#D20000;
+
-
}
+
-
a#ina-project span{
+
-
    border-color:#C20085;
+
-
}
+
-
 
+
-
a#ina-record span{
+
-
    border-color:#C7C501;
+
-
}
+
-
 
+
-
a#ina-team span{
+
-
    border-color:#B35C21;
+
-
}
+
-
 
+
-
a#ina-sponsor span{
+
-
    border-color: #00547b;
+
-
}
+
-
a#ina-parts span{
+
-
    border-color:#10675C;
+
-
}
+
-
 
+
-
#bd_home #ina-home .navmask,
+
-
#bd_background #ina-background .navmask,
+
-
#bd_project #ina-project .navmask,
+
-
#bd_team #ina-team .navmask,
+
-
#bd_exp #ina-record .navmask,
+
-
#bd_sponsor #ina-sponsor .navmask,
+
-
#bd_parts #ina-parts .navmask
+
-
{
+
-
    display: block;
+
-
}
+
-
 
+
-
#topbarul a strong{
+
-
    display: block;
+
-
    color: #fff;
+
-
    font-size: 1.1em;
+
-
}
+
-
#topbarul{
+
-
    float:right;
+
-
    margin:0;
+
-
    padding:0;
+
-
    margin-top:20px;
+
-
}
+
-
#topbar{
+
-
    height:96px;
+
-
    position:relative;
+
-
    text-align:center;
+
-
    margin: 0;
+
-
    padding-right: 30px;
+
-
    padding-left:  30px;
+
-
}
+
-
#topbar1-left{
+
-
    height:98px;
+
-
    position: absolute;
+
-
    background: url(header-images/realheader-left1.png) repeat-x;
+
-
    width:50%;
+
-
    left:0;
+
-
    top:0;
+
-
    z-index:4;
+
-
}
+
-
 
+
-
#topbar1-right{
+
-
    height:98px;
+
-
    position: absolute;
+
-
    background: url(header-images/realheader-right1.png) repeat-x;
+
-
    width:50%;
+
-
    right:0;
+
-
    top:0;
+
-
}
+
-
 
+
-
.ieoverlay{display:none;}
+
-
 
+
-
#topbar1-center{
+
-
    height:98px;
+
-
    dmargin:0 auto;
+
-
    position: relative;
+
-
    dfloat:center;
+
-
    top:0;
+
-
    margin-left: 10%;
+
-
    background: url("https://static.igem.org/mediawiki/2010/b/bb/Banneru.png");
+
-
    width: 880px;
+
-
    padding:0 40px;
+
-
    z-index:5;
+
-
    -moz-border-radius: 4px;
+
-
    -webkit-border-radius: 5px;
+
-
}
+
-
.navmask{
+
-
    position:absolute;
+
-
    top:0;
+
-
    left:0;
+
-
    width:100%;
+
-
    height:100%;
+
-
    background-color:#000;
+
-
    opacity:0.3;
+
-
    filter:alpha(opacity=30);
+
-
    display:none;
+
-
    -moz-border-radius: 4px;
+
-
    -webkit-border-radius: 5px;
+
-
    border-bottom:2px solid #eee;
+
-
    border-right:2px solid #ddd;
+
-
}
+
-
#topbarul a:hover .navmask{
+
-
    display:block
+
-
}
+
-
 
+
-
#left_bar{
+
-
    float: left;
+
-
    width: 200px;
+
-
    padding: 0;
+
-
    position: relative;
+
-
}
+
-
#main_content{
+
-
    position: relative;
+
-
    margin-left: 210px;
+
-
    margin-right: 5%;
+
-
}
+
-
#content_box{
+
-
    margin-left: 12%;
+
-
    margin-right: 10%;
+
-
    text-align: left;
+
-
}
+
-
#content_box p{
+
-
    margin: 0px 5px;
+
-
    text-indent: 1pc;
+
-
}
+
-
.intro-box{
+
-
    padding: 20px 5px 20px 5px;
+
-
    -moz-border-radius: 14px;
+
-
    -webkit-border-radius: 15px;
+
-
    border-bottom:2px solid #eee;
+
-
    border-right:2px solid #ddd;
+
-
    box-shadow:80px 20px 50px #fff;
+
-
    -webkit-box-shadow:80px 20px 55px #fff;
+
-
    -moz-box-shadow:80px 20px 50px #fff;
+
-
    margin-bottom: 10px;
+
-
}
+
-
#intro-wwy{
+
-
    background: #FC7;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbbf70), color-stop(0.73, #ffd255),to(#fdcfaa));
+
-
    background: -moz-linear-gradient(right top, #fff,#eba007 20%, #ffa200 73% ,#adaf32 95% ,#EA2 155%);
+
-
}
+
-
#intro-SJW{
+
-
    background: #FAC;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd));
+
-
    background: -moz-linear-gradient(right top, #fff,#fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%);
+
-
}
+
-
#intro-LYC{
+
-
    background: #FDA;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcfA0), color-stop(0.73, #ffe795),to(#fddcba));
+
-
    background: -moz-linear-gradient(right top, #fff,#fbcfA0 20%, #ffe795 73% ,#fddcba 95% ,#FDA 155%);
+
-
}
+
-
#intro-ZY{
+
-
    background: #FDF;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcff0), color-stop(0.73, #ffe7e5),to(#fddcfa));
+
-
    background: -moz-linear-gradient(right top, #fff,#fbcff0 20%, #ffe7e5 73% ,#fddcfa 95% ,#FDF 155%);
+
-
}
+
-
#intro-HDY{
+
-
    background: #FEE;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbdfe0), color-stop(0.73, #ffefe0),to(#fdecea));
+
-
    background: -moz-linear-gradient(right top, #fff,#fbdfe0 20%, #ffefe0 73% ,#fdecea 95% ,#FEE 155%);
+
-
}
+
-
#intro-YFW{
+
-
    background: #CFA;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #bffbA0), color-stop(0.73, #d2ff95),to(#cdfdba));
+
-
    background: -moz-linear-gradient(right top, #fff,#bffbA0 20%, #d2ff95 73% ,#cdfdba 95% ,#CFA 155%);
+
-
}
+
-
#intro-YLM{
+
-
    background: #CAF;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #bfA0fb), color-stop(0.73, #d295ff),to(#cdbafd));
+
-
    background: -moz-linear-gradient(right top, #fff,#bfa0fb 20%, #d295ff 73% ,#cdbafd 95% ,#CAF 155%);
+
-
}
+
-
 
+
-
#intro-zyx{
+
-
    background: #DEF;
+
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #BDE), color-stop(0.73, #CDF),color-stop(0.95, #adfaFF), to(#DEF));
+
-
    background: -moz-linear-gradient(right top, #fff,#70BBDD 20%, #cdf 73% ,#fdafff 95% ,#dFf 155%);
+
-
 
+
-
}
+
-
#intro-lt{
+
-
    background: #EFD;
+
-
    background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #DEB), color-stop(0.73, #DFC),color-stop(0.95, #faFFad), to(#EFD));
+
-
    background: -moz-linear-gradient(right bottom, #fff,#DEB 20%, #DFC 73% ,#faffad 95% ,#EFD 155%);
+
-
 
+
-
}
+
-
#intro-lxm{
+
-
    background: #DCF;
+
-
    background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #EFB), color-stop(0.73, #CDF),color-stop(0.95, #EDE), to(#DCF));
+
-
    background: -moz-linear-gradient(right bottom, #fff,#EFB 20%, #CDF 73% ,#EDE 95% ,#DCF 155%);
+
-
 
+
-
}
+
-
#intro-GX{
+
-
    background: #DFF;
+
-
    background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #BEF), color-stop(0.73, #CDF),color-stop(0.95, #DEE), to(#DEF));
+
-
    background: -moz-linear-gradient(right bottom, #fff,#BEF 20%, #CDF 73% ,#DEE 95% ,#DEF 155%);
+
-
 
+
-
}
+
-
 
+
-
#intro-list{
+
-
    list-style: none;
+
-
    text-align: left;
+
-
}
+
-
#intro-list span{
+
-
    color: #28B;   
+
-
    font-weight: bold;
+
-
    padding: 5px 10px;
+
-
}
+
-
</style></head></html>
+

Latest revision as of 12:38, 22 October 2010