"
XMU-CHINA/Temp/titlebar
From 2012.igem.org
(Difference between revisions)
| (20 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <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> | <title>XMU</title> | ||
| - | |||
| - | |||
<style type="text/css"> | <style type="text/css"> | ||
| + | body {font-family: Verdana; font-size: 12px; line-height: 1.5; | ||
| + | background:#FFF;width:1280px auto; | ||
| + | height:720px auto;} | ||
| + | a:link { | ||
| + | text-decoration: none;text-shadow:#999999; | ||
| + | } | ||
| - | # | + | #menu { position:relative; |
| - | + | z-index:2; | |
| - | + | margin:0 ; | |
| - | + | margin-left:0px; | |
| - | + | margin-top:0px; | |
| - | + | width:900px ; height:28px; | |
| - | + | background-color:#0099cc; | |
| - | + | font-family:Raavi; | |
| - | + | } | |
| - | + | ||
| - | + | #menu ul { list-style: none; margin: 0px; padding: 0px; } | |
| - | + | ||
| - | } | + | #menu ul li { float:left; margin-left:0px;list-style:none;} |
| + | |||
| + | #menu ul li a { display:block; height:28px auto; line-height:35px; text-align:left; font-size:19px;color:#fff;} | ||
| + | |||
| + | |||
| + | #menu ul li a:hover {text-align:center;} | ||
| + | |||
| + | #menu ul li a#current {text-align:center;color:#fff;} | ||
| + | |||
| + | #menu ul li ul { border:0px solid #ccc; display:none; position:absolute;margin-top:0px;height:50px auto;} | ||
| + | |||
| + | #menu ul li ul li { float:none; background:#0099cc; margin:0;height:20px auto;} | ||
| + | |||
| + | #menu ul li ul li a {background:none;font-size:14px;height:20px auto;line-height: 15px none; text-align:left;border:1px solid #fff;} | ||
| + | |||
| + | #menu ul li ul li a:hover {background:#004f7c; color:#fff;font-size:18px;height:20px auto;} | ||
| + | |||
| + | #menu ul li:hover ul { display:block;} | ||
| + | |||
| + | #menu ul li.sfhover ul { display:block;} | ||
| Line 28: | Line 72: | ||
</head> | </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=" | + | |
<li><a href="#">Advisors</a></li> | <li><a href="#">Advisors</a></li> | ||
<li><a href="#">Team members</a></li> | <li><a href="#">Team members</a></li> | ||
<li><a href="#">Acknowledgement</a></li> | <li><a href="#">Acknowledgement</a></li> | ||
<li><a href="#">Collaborations</a></li> | <li><a href="#">Collaborations</a></li> | ||
| - | <li><a href="#">Our city& | + | <li><a href="#">Our city & <p>Our university</a></li> |
</ul> | </ul> | ||
| - | + | </li> | |
| - | + | ||
| - | + | <li><a href="#">  PROJECT  |</a> | |
| - | <li><a href="#">Background | + | <ul> |
| - | + | <li><a href="#">Background <p>(Approach/ | |
Program)</a></li> | Program)</a></li> | ||
<li><a href="#">Section A</a></li> | <li><a href="#">Section A</a></li> | ||
| Line 54: | Line 99: | ||
<li><a href="#">Reference</a></li> | <li><a href="#">Reference</a></li> | ||
</ul> | </ul> | ||
| - | + | </li> | |
| - | + | ||
| + | <li><a href="#">  PARTS  |</a> | ||
<ul> | <ul> | ||
<li><a href="#">Parts submitted</a></li> | <li><a href="#">Parts submitted</a></li> | ||
<li><a href="#">Attrivutions</a></li> | <li><a href="#">Attrivutions</a></li> | ||
</ul> | </ul> | ||
| - | + | </li> | |
| - | + | ||
| - | + | <li><a href="#">  NOTEBOOK  |</a> | |
| + | <ul> | ||
<li><a href="#">Brainstorm</a></li> | <li><a href="#">Brainstorm</a></li> | ||
<li><a href="#">Wet lab journal</a></li> | <li><a href="#">Wet lab journal</a></li> | ||
<li><a href="#">Protocols</a></li> | <li><a href="#">Protocols</a></li> | ||
</ul> | </ul> | ||
| - | + | </li> | |
| - | + | ||
| - | + | <li><a href="#">  SAFETY  |</a></li> | |
| + | |||
| + | <li><a href="#">  HUMANPRACTICE  |</a> | ||
<ul> | <ul> | ||
<li><a href="#">Exhibition</a></li> | <li><a href="#">Exhibition</a></li> | ||
<li><a href="#">Communication</a></li> | <li><a href="#">Communication</a></li> | ||
</ul> | </ul> | ||
| - | + | </li> | |
| - | + | ||
| + | <li><a href="#https://2012.igem.org">  iGEM</a></li> | ||
| + | |||
</ul> | </ul> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | </body> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</html> | </html> | ||
Latest revision as of 13:11, 24 August 2012
