|
|
| (110 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;
| |
| - | line-height: 150%;
| |
| - | }
| |
| - | .firstHeading{
| |
| - | display: none;
| |
| - | }
| |
| - | div#top-section{
| |
| - | background: #DCF;
| |
| - | height: 20px;
| |
| - | width: 100%;
| |
| - | border: 0;
| |
| - | 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: relative;
| |
| - | float: right;
| |
| - | top: 50px;
| |
| - | left: 20%;
| |
| - | }
| |
| - | div#content{
| |
| - | width: 100%;
| |
| - | left: 0;
| |
| | | | |
| - | margin: 0;
| + | <div id="background"></div> |
| - | padding: 0;
| + | <div id="topmost"> |
| - | border: 0;
| + | <img src="https://static.igem.org/mediawiki/2010/7/76/THU-header.png" class="headerpic"/> |
| - | }
| + | </div> |
| - | div#topbar-orig{ | + | <div id="topbar"> |
| - | background: url("2009 logo.jpg") #1c2d02 left top repeat-x; | + | <ul id="topbarul"> |
| - | color:#fff; | + | <li id="nav-home"><a href="/Team:Tsinghua/home">Home</a></li> |
| - | overflow: hidden; | + | <li id="nav-team"><a href="/Team:Tsinghua/team">Team</a></li> |
| - | height: 140px; | + | <li id="nav-project"><a href="/Team:Tsinghua/project">Project</a></li> |
| - | min-width: 980px; | + | <li id="nav-experiment"><a href="/Team:Tsinghua/experiments">Experiment</a></li> |
| - | }
| + | <li id="nav-parts"><a href="/Team:Tsinghua/parts">Parts</a></li> |
| - | div#topbar-orig ul{ | + | <li id="nav-support"><a href="/Team:Tsinghua/support">Support</a></li> |
| - | position: absolute; | + | <li id="nav-human"><a href="/Team:Tsinghua/HumanPractice">Human Practice</a></li> |
| - | bottom:5px; | + | </ul> |
| - | right:5px; | + | </div> |
| - | dfloat:right; | + | <div id="navbar"> |
| - | width: 812px; | + | <ul id="subnav"> |
| - | height: 61px; | + | <li><a href="#" id="subitem"></a></li> |
| - | padding-top: 10px; | + | <li><a href="#" id="subitem"></a></li> |
| - | }
| + | <li><a href="#" id="subitem"></a></li> |
| - | #topbarul li{ | + | <li><a href="#" id="subitem"></a></li> |
| - | float:left; | + | <li><a href="#" id="subitem"></a></li> |
| - | margin-left: 10px; | + | <li><a href="#" id="subitem"></a></li> |
| - | height: 100%; | + | <li><a href="#" id="subitem"></a></li> |
| - | list-style: none; | + | <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> |
| | | | |
| - | #topbarul a{
| + | </html> |
| - | 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>
| + | |
"
