Template:Zjuheader

From 2011.igem.org

(Difference between revisions)
 
(85 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>无标题文档</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:320px;
 
-
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:20px;
 
-
float: left;
 
-
width: 710px;
 
-
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;*/
 
-
 
-
/*set the alpha*/
 
-
}
 
-
.search {
 
-
margin: 0; padding: 0;
 
-
padding-top:220px;
 
-
padding-left:725px;
 
-
}
 
-
#contentwrapper .header .nav #topnav  a {
 
-
font-family: 'Hammersmith One', sans-serif;;
 
-
}
 
-
 
-
 
-
ul#topnav li {
 
-
float: left;
 
-
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 
-
margin: 0; padding: 0;
 
-
padding-bottom:5px;
 
-
padding-top:5px;
 
-
border-right: 1px solid #555; /*--Divider for each parent level links--*/
 
-
filter:alpha(opacity=50);
 
-
-moz-opacity:0.5;
 
-
-khtml-opacity: 0.5;
 
-
opacity: 0.5;
 
-
}
 
-
ul#topnav li a {
 
-
padding: 5px 15px;
 
-
font-size: 28px;
 
-
display: block;
 
-
color: #f0f0f0;
 
-
text-decoration: none;
 
-
}
 
-
ul#topnav li:hover {
 
-
filter:alpha(opacity=100);
 
-
-moz-opacity:1.0;
 
-
-khtml-opacity:1.0;
 
-
opacity:1.0;
 
-
 
-
/*set the alpha*/}
 
-
/*--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_Project span {
 
-
background-color: #f19226;
 
-
}
 
-
.nav #topnav #P_Team span {
 
-
background-color: #56b74c;
 
-
}
 
-
.nav #topnav #P_Notebook span {
 
-
background-color: #0068b1;
 
-
}
 
-
.nav #topnav #P_HumanPractice span {
 
-
background-color: #4700b1;
 
-
}
 
-
ul#topnav li span {
 
-
float:left;
 
-
padding: 3px;
 
-
position: absolute;
 
-
width:699px;
 
-
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:20px;}
 
-
#tea{
 
-
margin-left:200px;}
 
-
#hum{
 
-
margin-left:400px;}
 
-
ul#topnav span a{
 
-
font-size:22px;}
 
-
ul#topnav li:hover span {
 
-
filter:alpha(opacity=90);
 
-
-moz-opacity:0.9;
 
-
-khtml-opacity:0.9;
 
-
opacity:0.9;
 
-
display: block; } /*--Show subnav on hover--*/
 
-
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;
 
-
 
-
/*set the alpha*/
 
-
}
 
-
.nav  #P_Team {
 
-
background-color: #56b74c;
 
-
 
-
/*set the alpha*/
 
-
}
 
-
.nav  #P_Notebook {
 
-
background-color: #0068b1;
 
-
 
-
/*set the alpha*/
 
-
}
 
-
.nav  #P_HumanPractice {
 
-
background-color: #4700b1;
 
-
 
-
/*set the alpha*/
 
-
}
 
-
 
-
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 id="P_Home"><a 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>
-
     <li id="P_Project">
+
     <li >
-
         <a href="https://2011.igem.org/Team:ZJU-China/Project">Project</a>
+
         <a id="P_Project">Project</a>
         <!--Subnav Starts Here-->
         <!--Subnav Starts Here-->
-
         <span>
+
         <span id="P_Pr">
-
             <a id="pro" href="https://2011.igem.org/Team:ZJU-China/Project/Stratifiedsystem">Stratified system</a> |
+
             <a id="pro" href="https://2011.igem.org/Team:ZJU-China/Project">Overview</a> |
-
             <a href="https://2011.igem.org/Team:ZJU-China/Modeling">Modeling</a> |
+
            <a href="https://2011.igem.org/Team:ZJU-China/Project">Background</a>|
-
             <a href="https://2011.igem.org/Team:ZJU-China/Datapage">Data Page</a>|
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Modeling</a> |
-
             <a href="https://2011.igem.org/Team:ZJU-China/Biobrick">Parts</a>
+
             <a href="https://2011.igem.org/Team:ZJU-China/Project>Result</a>|
 +
            <a href="https://2011.igem.org/Team:ZJU-China/Project">Data Page</a>|
 +
             <a href="https://2011.igem.org/Team:ZJU-China/Project">Parts</a>|
 +
            <a href="https://2011.igem.org/Team:ZJU-China/Project">Future Application</a>
 +
         
         </span>
         </span>
         <!--Subnav Ends Here-->
         <!--Subnav Ends Here-->
     </li>
     </li>
-
     <li id="P_Team"><a href="https://2011.igem.org/Team:ZJU-China/Team">Team</a>
+
     <li ><a id="P_Team">Team</a>
-
     <span >
+
     <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>
     </li>
     </li>
-
     <li id="P_Notebook"><a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook</a>
+
     <li ><a id="P_Notebook">Notebook</a>
-
     <span>
+
     <span id="P_No">
    
    
             <a id="not" href="https://2011.igem.org/Team:ZJU-China/Notebook">Labnote</a> |
             <a id="not" href="https://2011.igem.org/Team:ZJU-China/Notebook">Labnote</a> |
-
             <a href="https://2011.igem.org/Team:ZJU-China/Protocol">Protocol</a>  
+
             <a href="https://2011.igem.org/Team:ZJU-China/Protocol">Protocol</a>  |
 +
                <a href="https://2011.igem.org/Team:ZJU-China/Notebook/Brainstorm">Brainstorm</a>
       </span>
       </span>
-
     </li><li id="P_HumanPractice"><a href="https://2011.igem.org/Team:ZJU-China/Humanpractice">HumanPractice</a>
+
     </li><li ><a id="P_HumanPractice">HumanPractice</a>
-
    <span >
+
    <span id="P_Hu">
-
             <a id="hum" href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</a> |
+
    <a id="hum" href="https://2011.igem.org/Team:ZJU-China/Humanpractice">Overview</a>
-
             <a href="https://2011.igem.org/Team:ZJU-China/Humanpractice/App">App</a>  
+
            <a href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</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>
-
</ul>
+
<li id="search"><div id="searchbar">
-
</div>
+
-
<div class="search">
+
-
<div id="searchbar">
+
    
    
   <div>
   <div>
Line 320: Line 72:
     <input type="hidden" name="cof" value="FORID:10" />
     <input type="hidden" name="cof" value="FORID:10" />
     <input type="hidden" name="ie" value="UTF-8" />
     <input type="hidden" name="ie" value="UTF-8" />
-
     <input type="text" name="q" size="31" />
+
     <input type="text" name="q" size="21" />
     <input type="submit" name="sa" value="Search" />
     <input type="submit" name="sa" value="Search" />
      
      
   </div>
   </div>
</form>
</form>
-
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div></div>
+
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div></div></li>
-
</div>
+
</ul>
-
 
+
</div><!--navbar-->
-
</div></div>
+
<script type="text/javascript">
 +
  document.getElementById('P_Team').onclick=function(){
 +
  document.getElementById('P_Te').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_Project').onclick=function(){
 +
  document.getElementById('P_Pr').style.display='block'
 +
    document.getElementById('P_Te').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_Notebook').onclick=function(){
 +
  document.getElementById('P_No').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_HumanPractice').onclick=function(){
 +
  document.getElementById('P_Hu').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
 
 +
</script>
 +
</div><!--header-->
</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">

Retrieved from "http://2011.igem.org/Template:Zjuheader"