Team:Tsinghua/header

From 2010.igem.org

(Difference between revisions)
 
(56 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{
 
-
    margin-top: 50px;
 
-
}
 
-
 
-
div#top-section{
 
-
    background: #DCF;
 
-
    height: 20px;
 
-
    width:  100%;
 
-
    border: 0;
 
-
}
 
-
 
-
.left_gadget{
 
-
    margin: 30px 0px;
 
-
}
 
-
.left_gadget  p{
 
-
    color: #55F;
 
-
    font-weight: bold;
 
-
    text-indent: 0;
 
-
}
 
-
.countdown{
 
-
    color: #F42;
 
-
    font-weight: bold;
 
-
}   
 
-
.link_ball{
 
-
    margin-right: 5px;
 
-
    width:32px;
 
-
    height:32px;
 
-
    display:block;
 
-
    float: left;
 
-
}
 
-
.link_ball a{
 
-
    width: 100%;
 
-
    height: 100%;
 
-
    display: block;
 
-
}
 
-
.fill_img{
 
-
    width: 100%;
 
-
    height: 100%;
 
-
    margin: 0;
 
-
    padding: 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: absolute;
 
-
    float: right;
 
-
    top: 20px;
 
-
    right: 20px;
 
-
    background: url("https://static.igem.org/mediawiki/2010/1/17/THUSearch.png") no-repeat;
 
-
    width: 120px;
 
-
    height: 25px;
 
-
}
 
-
#searchInput{
 
-
    border: none;
 
-
    background: none;
 
-
    width: 90px;
 
-
    left: 0;
 
-
    top: 0;
 
-
    height: 25px;
 
-
    position: absolute;
 
-
    padding: 0px 5px !important; padding: 5px 5px 5px 5px;
 
-
}
 
-
#searchGoButton{
 
-
    display: none;
 
-
}
 
-
#mw-searchButton{
 
-
    border: none;
 
-
    background: none;
 
-
    width: 30px;
 
-
    height: 25px;
 
-
    left: 87px;
 
-
    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: #B35C21;
 
-
}
 
-
a#ina-project span{
 
-
    border-color:#C20085;
 
-
}
 
-
 
-
a#ina-record span{
 
-
    border-color:#C7C501;
 
-
}
 
-
 
-
a#ina-team span{
 
-
    border-color: #D20000;
 
-
}
 
-
 
-
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: 83px;
 
-
    dmargin: 0 auto;
 
-
    position: relative;
 
-
    dfloat: center;
 
-
    top: 0;
 
-
    margin-left: 10%;
 
-
    background: url("https://static.igem.org/mediawiki/2010/b/bb/Banneru.png") no-repeat;
 
-
    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;
 
-
}
 
-
#main_content 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;
 
-
}
 
-
tr.heading{
 
-
    color: #AFE;
 
-
    font-weight: bold;
 
-
    text-indent: 1pc;
 
-
    background: #FAC;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#f4d) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd));
 
-
    background: -moz-linear-gradient(right top, #f4d, #fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%);
 
-
}
 
-
table.month{
 
-
    padding: 0px 20px 0px 0px;
 
-
}
 
-
.day-empty{
 
-
    color: #C00;
 
-
}
 
-
.day-active{
 
-
    color: #2DF;
 
-
}
 
-
 
-
img.photo{
 
-
 
 
-
    height: 250px;
 
-
    float: right;
 
-
    right: 20px;
 
-
}
 
-
</style></head>
 
-
<img src="https://static.igem.org/mediawiki/2010/b/bc/THUHeader.png" width=100% class="headerpic"/>
 
-
<img src="https://static.igem.org/mediawiki/2010/e/e7/2009_logo.jpg" width=900px class="logopic" />
 
-
<div id="topbar">
 
-
  <div id="topbar1-center">
 
-
    <ul id="topbarul">
 
-
        <li class="">
 
-
        <a id="ina-home" href="https://2010.igem.org/Team:Tsinghua">
 
-
            <span>
 
-
              <strong>HOME</strong>TSINGHUA iGEM</span>
 
-
            <div class="navmask"></div>
 
-
        </a>
 
-
        </li>
 
-
        <li class="">
 
-
        <a id="ina-team" href="https://2010.igem.org/Team:Tsinghua/team">
 
-
            <span>
 
-
              <strong>TEAM</strong>ABOUT US</span> 
 
-
            <div class="navmask"></div>
 
-
        </a>
 
-
        </li>
 
-
        <li class="">
 
-
        <a id="ina-background" href="https://2010.igem.org/Team:Tsinghua/background">
 
-
            <span>
 
-
              <strong>BACKGROUND</strong>ANTIBODY MANUFACTURE</span> 
 
-
            <div class="navmask"></div>
 
-
        </a>
 
-
        </li>
 
-
        <li class="">
 
-
        <a id="ina-project" href="https://2010.igem.org/Team:Tsinghua/project">
 
-
            <span>
 
-
              <strong>PROJECT</strong>PLAN & ACTION</span> 
 
-
            <div class="navmask"></div>
 
-
        </a>
 
-
        </li>
 
-
        <li class="">
 
-
        <a id="ina-record" href="https://2010.igem.org/Team:Tsinghua/experiments">
 
-
            <span>
 
-
              <strong>EXPERIMENTS</strong>PROGRESS UP-TO-DATE</span> 
 
-
            <div class="navmask"></div>
 
-
        </a>
 
-
        </li>
 
-
        <li class="">
 
-
        <a id="ina-sponsor" href="https://2010.igem.org/Team:Tsinghua/parts">
 
-
            <span>
 
-
              <strong>PARTS</strong>STD BIOBRICKS</span> 
 
-
            <div class="navmask"></div>
 
-
        </a>
 
-
        </li>
 
-
    </UL>
 
-
  </div>
 
-
  <div id="topbar1-left"></div>
 
-
  <div id="topbar1-right"></div>
 
-
</div>
 
</html>
</html>

Latest revision as of 12:38, 22 October 2010