Template:Team:XMU-China/head

From 2012.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=-8" />
 +
<script type=text/javascript><!--//--><![CDATA[//><!--
 +
function menuFix() {
 +
var sfEls = document.getElementById("menu").getElementsByTagName("li");
 +
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
this.className+=(this.className.length>0? " ": "") + "sfhover";
 +
}
 +
sfEls[i].onMouseDown=function() {
 +
this.className+=(this.className.length>0? " ": "") + "sfhover";
 +
}
 +
sfEls[i].onMouseUp=function() {
 +
this.className+=(this.className.length>0? " ": "") + "sfhover";
 +
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
 +
"");
 +
}
 +
}
 +
}
 +
window.onload=menuFix;
 +
//--><!]]></script>
 +
<style type="text/css">
 +
body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
 +
a { color: #000; text-decoration: none; }
 +
a:hover { color: #F00; }
 +
#menu { position:absolution;
 +
z-index:1;
 +
left:0px;
 +
top:0px;
 +
width:170px;
 +
height:700px;
 +
margin:0 auto;
 +
margin-left:170px;
 +
width:1100px; height:40px; margin:0 auto; border-bottom:3px solid #E10001;}
 +
#menu ul { list-style: none; margin: 0px; padding: 0px; }
 +
#menu ul li { float:left; margin-left:2px;}
 +
#menu ul li a { display:block; width:110px; height:28px auto; line-height:28px; text-align:center; background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg2.gif) 0 0 no-repeat; font-size:14;}
 +
#menu ul li a:hover { background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg3.gif) 0 0 no-repeat;}
 +
#menu ul li a#current { background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg1.gif) 0 0 no-repeat; font-weight:bold; color:#fff;}
 +
#menu ul li ul { border:1px solid #ccc; display:none; position:fixed;}
 +
#menu ul li ul li { float:none; width:110px; background:#eee; margin:0;}
 +
#menu ul li ul li a { background:none;}
 +
#menu ul li ul li a:hover { background:#333; color:#ff0;}
 +
#menu ul li:hover ul { display:block;}
 +
#menu ul li.sfhover ul { display:block;}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="menu">
 +
<ul>
 +
<li><a id="current" href="#">Home</a></li>
 +
<li><a href="#">Team</a>
 +
<ul>
 +
      <li><a href="#">Instructors</a></li>
 +
      <li><a href="#">Advisors</a></li>
 +
      <li><a href="#">Team members</a></li>
 +
      <li><a href="#">Acknowledgement</a></li>
 +
      <li><a href="#">Collaborations</a></li>
 +
      <li><a href="#">Our city & Our university</a></li>
 +
    </ul>
 +
</li>
 +
 +
<li><a href="#">Project</a>
 +
<ul>
 +
      <li><a href="#">Background
 +
      (Approach/
 +
      Program)</a></li>
 +
      <li><a href="#">Section A</a></li>
 +
      <li><a href="#">Section B</a></li>
 +
      <li><a href="#">Accomplishment</a></li>
 +
      <li><a href="#">Data page</a></li>
 +
      <li><a href="#">Future plan</a></li>
 +
      <li><a href="#">Reference</a></li>
 +
    </ul>
 +
</li>
 +
 +
<li><a href="#">Parts</a>
 +
    <ul>
 +
      <li><a href="#">Parts submitted</a></li>
 +
      <li><a href="#">Attrivutions</a></li>
 +
    </ul>
 +
</li>
 +
 +
<li><a href="#">Notebook</a>
 +
<ul>
 +
      <li><a href="#">Brainstorm</a></li>
 +
      <li><a href="#">Wet lab journal</a></li>
 +
      <li><a href="#">Protocols</a></li>
 +
    </ul>
 +
</li>
 +
 +
<li><a href="#">Safety</a></li>
 +
 +
<li><a href="#">HumanPractice</a>
 +
    <ul>
 +
      <li><a href="#">Exhibition</a></li>
 +
      <li><a href="#">Communication</a></li>
 +
    </ul>
 +
</li>
 +
 +
<li><a href="#https://2012.igem.org">iGEM</a></li>
 +
 +
</ul>
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 05:10, 5 August 2012