YB index
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | {{:XMU- | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | {{: | + | <head> |
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-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> | ||
+ | <title>XMU</title> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | body {font-family: Verdana; font-size: 12px; line-height: 1.5; } | ||
+ | a { color: #000; text-decoration: none; } | ||
+ | #left { | ||
+ | position:fixed; | ||
+ | z-index:1; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:170px; | ||
+ | height:700px; | ||
+ | margin:0 auto; | ||
+ | margin-left:200px auto; | ||
+ | } | ||
+ | #left schoolbadge { | ||
+ | font-size:10px; | ||
+ | color: #006dab; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | #left ul { position:relative; | ||
+ | z-index:1; | ||
+ | left:0px; | ||
+ | top:17px; | ||
+ | margin:0 auto; | ||
+ | margin-left:0px; | ||
+ | margin-top:-30px;float:left; margin-left:0px;} | ||
+ | #left ul a {display:block; width:170px; height:22px; line-height:20px; background:url(https://static.igem.org/mediawiki/igem.org/a/a2/Left-navigbar.png) 0 0 no-repeat; font-size:14px;} | ||
+ | #left ul a:hover { background:url() 0 0 no-repeat;text-align:center} | ||
+ | #left ul a#current { text-align:left; font-weight:bold; color:#000;} | ||
+ | |||
+ | a:hover { color: #F00; } | ||
+ | |||
+ | |||
+ | #menu { position:relative; | ||
+ | z-index:2; | ||
+ | left:20px; | ||
+ | top:-20px; | ||
+ | margin:0 auto; | ||
+ | margin-left:145px; | ||
+ | margin-top:-30px; | ||
+ | width:1000px; height:40px;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:87px; height:28px; 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:14px;} | ||
+ | #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:87px; 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="left"> | ||
+ | <schoolbadge> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/6/67/Schoolbadge.gif" alt="pictures/校徽.gif" width="145px" height="145px" /> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | </schoolbadge> | ||
+ | |||
+ | <ul> | ||
+ | <a id="current" href="#"> Description</a> | ||
+ | <a id="current" href="#"> Main results</a> | ||
+ | <a id="current" href="#"> Data</a> | ||
+ | <a id="current" href="#"> Protocals</a> | ||
+ | <a id="current" href="#"> Team members</a> | ||
+ | </ul> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/a/a5/Leftbar.png" | ||
+ | width="145px" height="596px" /> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 06:40, 5 August 2012