XMU-CHINA/Temp/titlebar
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<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= | + | <meta http-equiv="Content-Type" content="text/html; charset=-8" /> |
<script type=text/javascript><!--//--><![CDATA[//><!-- | <script type=text/javascript><!--//--><![CDATA[//><!-- | ||
function menuFix() { | function menuFix() { | ||
Line 27: | Line 27: | ||
a { color: #000; text-decoration: none; } | a { color: #000; text-decoration: none; } | ||
a:hover { color: #F00; } | a:hover { color: #F00; } | ||
- | #menu { width:700px; height:40px; margin:0 auto; border-bottom:3px solid #E10001;} | + | #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 { list-style: none; margin: 0px; padding: 0px; } | ||
#menu ul li { float:left; margin-left:2px;} | #menu ul li { float:left; margin-left:2px;} | ||
- | #menu ul li a { display:block; width: | + | #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: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 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 { border:1px solid #ccc; display:none; position:fixed;} | ||
- | #menu ul li ul li { float:none; width: | + | #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 { background:none;} | ||
#menu ul li ul li a:hover { background:#333; color:#ff0;} | #menu ul li ul li a:hover { background:#333; color:#ff0;} | ||
Line 45: | Line 53: | ||
<ul> | <ul> | ||
<li><a id="current" href="#">Home</a></li> | <li><a id="current" href="#">Home</a></li> | ||
+ | |||
<li><a href="#">Team</a> | <li><a href="#">Team</a> | ||
- | <ul> | + | <ul> |
- | <li><a href="#"> | + | <li><a href="#">Instructors</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Advisors</a></li> |
- | </ul> | + | <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> | ||
- | <li><a href="#"> | + | |
- | <ul> | + | <li><a href="#">Project</a> |
- | <li><a href="#"> | + | <ul> |
- | <li><a href="#"> | + | <li><a href="#">Background |
- | <li><a href="#"> | + | (Approach/ |
- | </ul> | + | 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> | ||
- | <li><a href="# | + | |
- | + | <li><a href="#https://2012.igem.org">iGEM</a></li> | |
+ | |||
</ul> | </ul> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 04:35, 5 August 2012