|
|
(61 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: #0BE;
| |
- | font-weight: bold;
| |
- | background: #FAC;
| |
- | background: -webkit-gradient(linear, right top, left bottom, from(#f14) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd));
| |
- | background: -moz-linear-gradient(right top, #f14, #fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%);
| |
- | }
| |
- | table.month{
| |
- | padding: 0px 20px 0px 0px;
| |
- | }
| |
- | .day-empty{
| |
- | color: #C00;
| |
- | }
| |
- | .day-active{
| |
- | color: #2DF;
| |
- | }
| |
- | </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> |