XMU-CHINA/Temp/titlebar

From 2012.igem.org

(Difference between revisions)

Latest revision as of 13:11, 24 August 2012

XMU

@@ Line 2: / Line 2: @@
 <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>
-<script src="https://2012.igem.org/Team:XMU-China/JS/SpryMenuBar.js" type="text/javascript"></script>
-<link href="https://2012.igem.org/Team:XMU-China/CSS/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
 <style type="text/css">
+body {font-family: Verdana; font-size: 12px; line-height: 1.5;
-#titlebar {
+background:#FFF;width:1280px auto;
-	font-size: 13px;
+	height:720px auto;}
-	color: #006DAB;
+a:link {
-	background-image: url(pictures/index.png);
+	text-decoration: none;text-shadow:#999999;
-	background-repeat: no-repeat;
-	position: fixed;
-	z-index: 1;
-	width: 900px;
-	left: 125px;
-	top: 55px;
-	display: table;
-	letter-spacing: 0px;
 }
-#schoolbadge {
-	position:fixed;
-	width:50px;
-	height:50px;
-	z-index:4;
-	left:0px;
-	top:0px;
-	padding-left:20px;
-	font-size:30px;
-	color: #006dab;
-	font-family:Tahoma, Geneva, sans-serif;
-	text-align:center;
-}
+#menu { position:relative;
-#leftnavig {
-	position:fixed;
-	width:145px;
-	height:115px;
 	z-index:2;
-	left: 0px;
+	margin:0 ;
-	top: 55px;
+	margin-left:0px;
-	background-repeat: no-repeat;
+	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;}
-#photo {
-	position:absolute;
-	width:840px;
-	height:100px;
-	z-index:5;
-	left:145px;
-	top:0px;
-	visibility:inherit;
-	padding:30px;
-}
-#description {
-	position: absolute;
-	width:840px;
-	left: 135px;
-	top: 70px;
-	margin:30px;
-	table-layout:fixed;
-	height:350px;
-}
 </style>
 </head>
+<body>
+<div id="menu">
+<ul>
+<li><a id="current" href="#">&ensp;&ensp;HOME&ensp;&ensp;|</a></li>
-<body>
+<li><a href="#">&ensp;&ensp;TEAM&ensp;&ensp;|</a>
-<ul id="titlebar" class="MenuBarHorizontal" style="background:url(pictures/navigbar.png) ;">
+	<ul>
-  <li><a href="#https://2012.igem.org/Team:XMU-China">Home</a></li>
+       <li><a href="#">Instructors</a></li>
-  <li><a class="MenuBarItemSubmenu" href="#" >Team</a>
-    <ul>
-       <li><a href="https://2012.igem.org/Team:XMU-China">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&amp;Our university</a></li>
+       <li><a href="#">Our city & <p>Our university</a></li>
      </ul>
-  </li>
+</li>
-    <li><a class="MenuBarItemSubmenu" href="#" >Project</a>
-    <ul>
+<li><a href="#">&ensp;&ensp;PROJECT&ensp;&ensp;|</a>
-       <li><a href="#">Background
+ <ul>
-      (Approach/
+       <li><a href="#">Background <p>(Approach/
        Program)</a></li>
        <li><a href="#">Section A</a></li>
@@ Line 98: / Line 99: @@
        <li><a href="#">Reference</a></li>
      </ul>
-  </li>
+</li>
-  <li><a class="MenuBarItemSubmenu" href="#">Parts</a>
+<li><a href="#">&ensp;&ensp;PARTS&ensp;&ensp;|</a>
      <ul>
        <li><a href="#">Parts submitted</a></li>
        <li><a href="#">Attrivutions</a></li>
      </ul>
-  </li>
+</li>
-  <li><a class="MenuBarItemSubmenu" href="#">Notebook</a>
-    <ul>
+<li><a href="#">&ensp;&ensp;NOTEBOOK&ensp;&ensp;|</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>
-  <li><a href="#">Safety</a></li>
-  <li><a class="MenuBarItemSubmenu" href="#">HumanPractice</a>
+<li><a href="#">&ensp;&ensp;SAFETY&ensp;&ensp;|</a></li>
+<li><a href="#">&ensp;&ensp;HUMANPRACTICE&ensp;&ensp;|</a>
      <ul>
        <li><a href="#">Exhibition</a></li>
        <li><a href="#">Communication</a></li>
      </ul>
-  <li><a href="#https://2012.igem.org">iGEM</a></li>
+</li>
-  </li>
+<li><a href="#https://2012.igem.org">&ensp;&ensp;iGEM</a></li>
 </ul>
+</div>
-<div id=""><table width="100%" border="0" cellspacing="0" cellpadding="0" >
-<tr></tr>
-<tr>
-<td>&nbsp;</td>
-    <td>
 </body>
 </html>