|
|
| (74 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: #BAF;
| |
| - | height: 20px;
| |
| - | width: 100%;
| |
| - | border: 0;
| |
| - | }
| |
| - |
| |
| - | .left_gadget{
| |
| - | margin: 30px 0px;
| |
| - | }
| |
| - | .left_gadget p{
| |
| - | color: #99F;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | .countdown{
| |
| - | color: #FD4;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | .link_ball{
| |
| - | margin-right: 5px;
| |
| - | width:32px;
| |
| - | height:32px;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | }
| |
| - | .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:#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: 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;
| |
| - | }
| |
| - | #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>
| |
| - | <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="#">
| |
| - | <span>
| |
| - | <strong>HOME</strong>TSINGHUA iGEM</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-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-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> |
"
