Team:Tsinghua/header

From 2010.igem.org

(Difference between revisions)
 
(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>
+

Latest revision as of 12:38, 22 October 2010