|
|
| (160 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{
| |
| - | height: 20px;
| |
| - | width: 100%;
| |
| - | }
| |
| - | div#p-logo{
| |
| - | display: none;
| |
| - | }
| |
| - | div#menubar{
| |
| - | position: relative;
| |
| - | top: 0;
| |
| - | }
| |
| - | .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;
| |
| - | position: absolute;
| |
| - | margin: 0;
| |
| - | padding: 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{
| + | <div id="background"></div> |
| - | text-decoration: none;
| + | <div id="topmost"> |
| - | color: #eef;
| + | <img src="https://static.igem.org/mediawiki/2010/7/76/THU-header.png" class="headerpic"/> |
| - | dwidth: 96px;
| + | </div> |
| - | padding: 3px 6px 5px 10px;
| + | <div id="topbar"> |
| - | display:block; | + | <ul id="topbarul"> |
| - | text-align: right; | + | <li id="nav-home"><a href="/Team:Tsinghua/home">Home</a></li> |
| - | dfont-weight: bold; | + | <li id="nav-team"><a href="/Team:Tsinghua/team">Team</a></li> |
| - | font-size: 0.9em; | + | <li id="nav-project"><a href="/Team:Tsinghua/project">Project</a></li> |
| - | dtext-shadow: #271E0F 0 0 0; | + | <li id="nav-experiment"><a href="/Team:Tsinghua/experiments">Experiment</a></li> |
| - | text-shadow: 1px 1px 1px #271E0F ; | + | <li id="nav-parts"><a href="/Team:Tsinghua/parts">Parts</a></li> |
| - | position: relative; | + | <li id="nav-support"><a href="/Team:Tsinghua/support">Support</a></li> |
| - | -moz-border-radius: 4px; | + | <li id="nav-human"><a href="/Team:Tsinghua/HumanPractice">Human Practice</a></li> |
| - | -webkit-border-radius: 5px; | + | </ul> |
| - | }
| + | </div> |
| - | #topbarul a span{
| + | <div id="navbar"> |
| - | border-right: 4px solid; | + | <ul id="subnav"> |
| - | display: block; | + | <li><a href="#" id="subitem"></a></li> |
| - | padding-right: 7px; | + | <li><a href="#" id="subitem"></a></li> |
| - | position: relative; | + | <li><a href="#" id="subitem"></a></li> |
| - | z-index: 10; | + | <li><a href="#" id="subitem"></a></li> |
| - | }
| + | <li><a href="#" id="subitem"></a></li> |
| - | #topbarul a em{ | + | <li><a href="#" id="subitem"></a></li> |
| - | background: url(images/nav-selected.jpg) no-repeat; | + | <li><a href="#" id="subitem"></a></li> |
| - | position: absolute; | + | <li><a href="#" id="subitem"></a></li> |
| - | top: 0; | + | <li><a href="#" id="subitem"></a></li> |
| - | left: 0; | + | <li><a href="#" id="subitem"></a></li> |
| - | width: 150px; | + | <li><a href="#" id="subitem"></a></li> |
| - | height: 48px; | + | </ul> |
| - | z-index: 1; | + | </div> |
| - | }
| + | |
| - | a#ina-home span{ | + | |
| - | border-color:#FFA200; | + | |
| - | }
| + | |
| | | | |
| - | a#ina-background span{
| + | </html> |
| - | 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: 100px;
| + | |
| - | padding: 10px 5px;
| + | |
| - | position: relative;
| + | |
| - | }
| + | |
| - | #main_content{
| + | |
| - | position: absolute;
| + | |
| - | margin-left: 100px;
| + | |
| - | }
| + | |
| - | #content_box{
| + | |
| - | margin-left: 11%;
| + | |
| - | margin-right: 11%;
| + | |
| - | }
| + | |
| - | </style></head></html>
| + | |
"
