Template:Zjuheader

From 2011.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
 +
{{ZJUglobal}}
 +
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<link rel='stylesheet' type='text/css' href='global.css' />
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
-
<title>ZJUHeader</title>
 
-
<style>
 
-
#contentwrapper{
 
-
vertical-align:middle;
 
-
width:970px;margin:0 auto;text-align:left;position:relative;
 
-
font-family:'Molengo', sans-serif;
 
-
background-color:#e9e9e9;
 
-
}
 
-
 
-
.header{
 
-
background-color:transparent;
 
-
background-image:url(https://static.igem.org/mediawiki/2011/e/ef/Header-endv1.jpg);
 
-
width:970px;
 
-
height:300px;
 
-
position:static ;
 
-
top:1px;
 
-
}
 
-
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
-
div#top-section{
 
-
background-color:#F3F3F3;
 
-
height: 1px;
 
-
    width:  970px;
 
-
border: 0;
 
-
z-index: 10;
 
-
}
 
-
div#p-logo{
 
-
    display: none;
 
-
}
 
-
div#menubar{
 
-
/*text-align:center;*/
 
-
top: 0;
 
-
height:20px;
 
-
width:300px;
 
-
    font-family: 'Molengo', sans-serif;
 
-
font-size:8pt;
 
-
}
 
-
div#menubar .selected a{
 
-
    color: #529dd9;
 
-
}
 
-
 
-
 
-
.left-menu, .left-menu a {
 
-
    color:#529dd9;
 
-
z-index: 1;
 
-
}
 
-
.left-menu:hover {
 
-
background-color: #666666;
 
-
}
 
-
 
-
.right-menu{
 
-
    top: 0;
 
-
z-index: 1;
 
-
 
-
}
 
-
 
-
.right-menu li {
 
-
#    background-color: transparent;
 
-
}
 
-
.right-menu li a {
 
-
    padding: 0px 15px 0px 0px;
 
-
    color: #529dd9;
 
-
    background-color: white;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: #529dd9;
 
-
}
 
-
div#search-controls{
 
-
    display: none;
 
-
    position: absolute;
 
-
    float: right;
 
-
}
 
-
#mw-searchButton{
 
-
    display: none;
 
-
    border: none;
 
-
}
 
-
 
-
 
-
 
-
 
-
#content {
 
-
z-index: 1;
 
-
background-color: #e9e9e9;;
 
-
border: none;
 
-
width: 970px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
padding:0px;
 
-
font-family:'Molengo', sans-serif;
 
-
}
 
-
#content p{
 
-
display:none;
 
-
}
 
-
#contentwrapper{
 
-
vertical-align:middle;
 
-
width:970px;margin:0 auto;text-align:left;position:relative;
 
-
font-family:'Molengo', sans-serif;
 
-
}
 
-
#contentwrapper p{
 
-
display:block;
 
-
}
 
-
 
-
.firstHeading {
 
-
display:none;}
 
-
 
-
 
-
#contentSub {
 
-
display:none;
 
-
}
 
-
 
-
#catlinks {
 
-
display:none;
 
-
}
 
-
 
-
#footer-box{
 
-
display: none;
 
-
}
 
-
 
-
#contentSub {
 
-
display:none;
 
-
}
 
-
 
-
#catlinks {
 
-
display:none;
 
-
}
 
-
 
-
#footer-box{
 
-
display: none;
 
-
}
 
-
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
-
ul#topnav {
 
-
margin: 0; padding: 0;
 
-
padding-top:230px;
 
-
left:10px;
 
-
float: left;
 
-
width: 960px;
 
-
list-style: none;
 
-
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
 
-
 
-
background:transparent;
 
-
/*background: url(topnav_stretch.gif) repeat-x;*/
 
-
 
-
}
 
-
#search {
 
-
margin:0; padding: 0;
 
-
background-color:black;
 
-
filter:alpha(opacity=40);
 
-
-moz-opacity:0.4;
 
-
-khtml-opacity:0.4;
 
-
opacity:0.4;
 
-
height:39px;
 
-
width:245px;
 
-
}
 
-
#searchbar{
 
-
margin-top:5px;
 
-
margin-left:5px;
 
-
}
 
-
#contentwrapper .header .nav #topnav  a {
 
-
font-family: 'Hammersmith One', sans-serif;;
 
-
}
 
-
 
-
 
-
ul#topnav li {
 
-
float: left;
 
-
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 
-
margin: 0; padding: 0;
 
-
 
-
border-right: 1px solid #555; /*--Divider for each parent level links--*/
 
-
 
-
}
 
-
ul#topnav li a {
 
-
padding: 10px 15px;
 
-
 
-
font-size: 28px;
 
-
display: block;
 
-
color: #f0f0f0;
 
-
text-decoration: none;
 
-
}
 
-
 
-
ul#topnav li a:hover {
 
-
filter:alpha(opacity=100);
 
-
-moz-opacity:1.0;
 
-
-khtml-opacity:1.0;
 
-
opacity:1.0;
 
-
}
 
-
 
-
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
 
-
 
-
.nav #topnav #P_Pr{
 
-
background-color: #f19226;
 
-
filter:alpha(opacity=60);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
}
 
-
.nav #topnav #P_Te{
 
-
background-color: #56b74c;
 
-
filter:alpha(opacity=60);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
}
 
-
.nav #topnav #P_No{
 
-
background-color: #0068b1;
 
-
filter:alpha(opacity=60);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
}
 
-
.nav #topnav #P_Hu {
 
-
background-color: #4700b1;
 
-
filter:alpha(opacity=60);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
}
 
-
ul#topnav li span {
 
-
float:left;
 
-
padding: 3px;
 
-
position: absolute;
 
-
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 
-
width:945px;
 
-
left: 0;
 
-
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 
-
top:268px;
 
-
display: none; /*--Hide by default--*/
 
-
 
-
background:transparent;
 
-
color: #fff;
 
-
/*--Bottom right rounded corner--*/
 
-
-moz-border-radius-bottomright: 5px;
 
-
-khtml-border-radius-bottomright: 5px;
 
-
-webkit-border-bottom-right-radius: 5px;
 
-
/*--Bottom left rounded corner--*/
 
-
-moz-border-radius-bottomleft: 5px;
 
-
-khtml-border-radius-bottomleft: 5px;
 
-
-webkit-border-bottom-left-radius: 5px;
 
-
 
-
}
 
-
#not{
 
-
margin-left:300px;}
 
-
#pro{
 
-
margin-left:1px;}
 
-
#tea{
 
-
margin-left:200px;}
 
-
#hum{
 
-
margin-left:300px;}
 
-
ul#topnav span a{
 
-
font-size:22px;}
 
-
 
-
ul#topnav li span a {
 
-
                      display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
 
-
 
-
ul#topnav li span a:hover {text-decoration: underline;}
 
-
.nav #P_Home {
 
-
background-color: #ed4334;
 
-
 
-
 
-
}
 
-
 
-
.nav  #P_Project {
 
-
background-color: #f19226;
 
-
filter:alpha(opacity=60);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
/*set the alpha*/
 
-
cursor: pointer;
 
-
}
 
-
.nav  #P_Team {
 
-
background-color: #56b74c;
 
-
filter:alpha(opacity=60);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
/*set the alpha*/
 
-
cursor: pointer;
 
-
}
 
-
 
-
.nav  #P_Notebook {
 
-
background-color: #0068b1;
 
-
filter:alpha(opacity=50);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
/*set the alpha*/
 
-
cursor: pointer;
 
-
}
 
-
.nav  #P_HumanPractice {
 
-
background-color: #4700b1;
 
-
filter:alpha(opacity=50);
 
-
-moz-opacity:0.6;
 
-
-khtml-opacity: 0.6;
 
-
opacity: 0.6;
 
-
/*set the alpha*/
 
-
cursor: pointer;
 
-
}
 
-
 
-
a:hover{
 
-
text-decoration:none;
 
-
 
-
}
 
-
</style>
 
-
 
</head>
</head>
<body>
<body>
-
<div id="contentwrapper">
+
 
-
  <div class="header">
+
<div class="header">
-
  <div class="nav">
+
<div class="bgimg"></div>
 +
<div class="bgpart1"></div>
 +
<div class="bgpart2"></div>
 +
   
 +
    <div class="banner">
 +
                    <div class="logo"><img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" width="200" height="200" /></div>
 +
                    <div class="title"><img src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603" height="220" /></div>
 +
                    <div class="igemlogo"><a  target="_blank" href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/e/e2/Igemlogo.png" width="180" height="150" /></a></div>
 +
</div><!--banner-->
 +
    <div class="nav">
                   <ul id="topnav">
                   <ul id="topnav">
   <li ><a id="P_Home" href="https://2011.igem.org/Team:ZJU-China">Home</a></li>
   <li ><a id="P_Home" href="https://2011.igem.org/Team:ZJU-China">Home</a></li>
Line 321: Line 31:
         <span id="P_Pr">
         <span id="P_Pr">
             <a id="pro" href="https://2011.igem.org/Team:ZJU-China/Project">Overview</a> |
             <a id="pro" href="https://2011.igem.org/Team:ZJU-China/Project">Overview</a> |
-
             <a href="">Background</a>|
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Background</a>|
-
             <a href="https://2011.igem.org/Team:ZJU-China/Modeling">Modeling</a> |
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Modeling</a> |
-
             <a href="https://2011.igem.org/Team:ZJU-China/Project/Stratifiedsystem">Result</a>|
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project>Result</a>|
-
             <a href="https://2011.igem.org/Team:ZJU-China/Datapage">Data Page</a>|
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Data Page</a>|
-
             <a href="">Biobrick</a>|
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Parts</a>|
-
             <a href="">Future Application</a>
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Future Application</a>
-
           
+
         
         </span>
         </span>
         <!--Subnav Ends Here-->
         <!--Subnav Ends Here-->
Line 334: Line 44:
     <span id="P_Te">
     <span id="P_Te">
             <a id="tea" href="https://2011.igem.org/Team:ZJU-China/Team">Meet our Team</a> |
             <a id="tea" href="https://2011.igem.org/Team:ZJU-China/Team">Meet our Team</a> |
-
 
+
            <a href="">collaboration</a>|
             <a href="https://2011.igem.org/Team:ZJU-China/Team/University">Our University</a>
             <a href="https://2011.igem.org/Team:ZJU-China/Team/University">Our University</a>
       </span>
       </span>
Line 347: Line 57:
     </li><li ><a id="P_HumanPractice">HumanPractice</a>
     </li><li ><a id="P_HumanPractice">HumanPractice</a>
     <span id="P_Hu">
     <span id="P_Hu">
-
     <a id="hum" href="https://2011.igem.org/Team:ZJU-China/Humanpractice">Overview</a>|
+
     <a id="hum" href="https://2011.igem.org/Team:ZJU-China/Humanpractice">Overview</a>
             <a href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</a> |
             <a href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</a> |
-
             <a href="https://2011.igem.org/Team:ZJU-China/Humanpractice/App">App</a>  
+
             <a href="https://2011.igem.org/Team:ZJU-China/Humanpractice">App</a> |
-
       
+
            <a href="https://2011.igem.org/Team:ZJU-China/Humanpractice">Novel</a>|
 +
            <a href="https://2011.igem.org/Team:ZJU-China/Humanpractice"> and Contributions</a> |
</span>
</span>
     </li>
     </li>
Line 368: Line 79:
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div></div></li>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div></div></li>
</ul>
</ul>
-
</div>
+
</div><!--navbar-->
<script type="text/javascript">
<script type="text/javascript">
   document.getElementById('P_Team').onclick=function(){
   document.getElementById('P_Team').onclick=function(){
Line 401: Line 112:
   
   
</script>
</script>
-
 
+
</div><!--header-->
-
 
+
-
</div></div>
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 04:04, 6 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">