Team:XMU-China/titlebar

From 2012.igem.org

(Difference between revisions)
 
(2 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[//><!--
+
<script src="http://276761671.svfree.net/SpryEffects1.js" type="text/javascript"></script>
 +
<script type=text/javascript>
 +
<!--//--><![CDATA[//><!--
function menuFix() {
function menuFix() {
var sfEls = document.getElementById("menu").getElementsByTagName("li");
var sfEls = document.getElementById("menu").getElementsByTagName("li");
Line 22: Line 24:
}
}
window.onload=menuFix;
window.onload=menuFix;
-
//--><!]]></script>
+
//--><!]]>
 +
function MM_effectBlind(targetElement, duration, from, to, toggle)
 +
{
 +
Spry.Effect.DoBlind(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
 +
}
 +
</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;  
+
body {
-
background:#FFF;width:900px ;
+
font-family:Verdana, Geneva, sans-serif;
-
height:720px auto;}
+
color:#FFF;
 +
 +
font-size: 12px;
 +
line-height: 1.5;
 +
background:#B2DFEE;
 +
width:1280px auto;
 +
height:720px auto;
 +
margin-top: 3px;
 +
}
a:link {
a:link {
text-decoration: none;text-shadow:#999999;
text-decoration: none;text-shadow:#999999;
Line 36: Line 51:
#menu {
#menu {
-
position:relative;
+
position:ralative;
-
z-index:2;
+
z-index:8;
-
margin:0 ;
+
margin-left:25px;
-
margin-left:0px;
+
margin-top:130px;
-
margin-top:0px;
+
width:900px; height:28px;
-
width:900px;
+
-
height:28px;
+
background-color:#0099cc;
background-color:#0099cc;
font-family:Raavi;
font-family:Raavi;
}
}
-
#menu ul { list-style: none; margin: 0px; padding: 0px; }
+
#menu ul { list-style: none; margin: 0px; padding: 0px; list-style-type:none }
-
#menu ul li { float:left; margin-left:0px;list-style:none;}
+
#menu ul li { float:left; margin-left:0px;width:120px auto;list-style:none;}
-
#menu ul li a { display:block;height:28px auto; line-height:28px; text-align:left; font-size:19px;color:#fff;}
+
#menu ul li a { display:block; width:120px auto; height:28px auto; line-height:28px; text-align:left; font-size:19px;color:#fff;text-decoration: none;margin-top:3px;}
Line 58: Line 71:
#menu ul li a#current {text-align:center;color:#fff;}
#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 { border:0px solid #ccc; display:none; position:absolute;margin-top:-2px;height:50px auto; list-style-type:none;z-index:8;}
-
#menu ul li ul li { float:none; width:140px; background:#0099cc; margin:0;height:20px auto;}
+
#menu ul li ul li { float:none; width:140px; background:#0099cc; margin:0;height:20px auto; list-style-type:none;z-index:8;}
-
#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 {background:none;font-size:14px;height:20px auto;line-height: 15px none; text-align:center;border:1px solid #fff; list-style-type:none;margin-top:-3px;z-index:8;}
-
#menu ul li ul li a:hover {background:#004f7c; color:#fff;font-size:18px;height:20px auto;}
+
#menu ul li ul li a:hover {background:#004f7c; color:#fff;font-size:17px;height:20px auto;margin-top:-3px;}
#menu ul li:hover ul { display:block;}
#menu ul li:hover ul { display:block;}
Line 70: Line 83:
#menu ul li.sfhover ul { display:block;}
#menu ul li.sfhover ul { display:block;}
 +
#left-logo { position:relative;
 +
z-index:7;
 +
margin:0 auto;
 +
margin-left:25px;
 +
margin-top:-135px;
 +
width:600px;
 +
font-family:Raavi;
 +
height:00px auto;
 +
float:left;
 +
}
 +
#right-logo{
 +
position:relative;
 +
z-index:7;
 +
margin-right:-50px;
 +
margin-top:-115px;
 +
width:300px;
 +
font-family:Raavi;
 +
height:70px;
 +
float:right;
 +
margin-bottom: 0;
 +
margin-left: auto;
 +
}
 +
 +
#btt{
 +
position:fixed;
 +
margin-left:925px;
 +
z-index:5;
 +
margin-top:100px;
 +
width:40px;
 +
text-align:center;
 +
background-color: #FFF;
 +
border: medium dashed #0099cc;
 +
}
</style>
</style>
</head>
</head>
<body>
<body>
 +
<div id="menu">
<div id="menu">
-
<ul>
+
  <ul>
-
<li><a id="current" href="#">&ensp;&ensp;HOME&ensp;|</a></li>
+
<li><a id="current" href="https://2012.igem.org/Team:XMU-China">&ensp;HOME&ensp;|</a></li>
-
<li><a href="#">&ensp;TEAM&ensp;|</a>
+
<li><a href="#" onMouseOver="MM_effectBlind('hidel1', 500, '0%', '100%', false)">&ensp;TEAM&ensp;|</a>
-
<ul>
+
<ul><div id="hidel1">
-
      <li><a href="#">Instructors</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/teammembers">Our Team</a></li>
-
       <li><a href="#">Advisors</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/acknowledgement">Acknowledgement</a></li>
-
      <li><a href="#">Team members</a></li>
+
 
-
       <li><a href="#">Acknowledgement</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/ourcity%26ouruniversity">Our City &amp;<br>Our University</a></li>
-
       <li><a href="#">Collaborations</a></li>
+
     </div></ul>
-
      <li><a href="#">Our city & <p>Our university</a></li>
+
-
     </ul>
+
</li>
</li>
-
<li><a href="#">&ensp;PROJECT&ensp;|</a>
+
<li><a href="#" onMouseOver="MM_effectBlind('hidel2', 500, '0%', '100%', false)">&ensp;PROJECT&ensp;|</a>
-
  <ul>
+
<ul><div id="hidel2">
-
       <li><a href="#">Background <p>(Approach/
+
       <li><a href="https://2012.igem.org/Team:XMU-China/abstract">Description</a></li>
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/background">Background<br>(Approach/
       Program)</a></li>
       Program)</a></li>
-
       <li><a href="#">Section A</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/digitaldisplay">Digital Display</a></li>
-
       <li><a href="#">Section B</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/cellimmobilization">Cell Immobilization</a></li>
-
       <li><a href="#">Accomplishment</a></li>
+
<li><a href="https://2012.igem.org/Team:XMU-China/timedelay">Time Delay</a></li>
-
       <li><a href="#">Data page</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/modeling">Modeling</a></li>
-
       <li><a href="#">Future plan</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/accomplishment">Accomplishment</a></li>
-
       <li><a href="#">Reference</a></li>
+
 
 +
       <li><a href="https://2012.igem.org/Team:XMU-China/datapage">Data Page</a></li>
 +
       <li><a href="https://2012.igem.org/Team:XMU-China/futureplan">Future Plan</a></li>
 +
      </div>
     </ul>
     </ul>
</li>
</li>
-
<li><a href="#">&ensp;PARTS&ensp;|</a>
+
<li><a href="#" onMouseOver="MM_effectBlind('hidel3', 500, '0%', '100%', false)">&ensp;PARTS&ensp;|</a>
-
     <ul>
+
     <ul><div id="hidel3">
-
       <li><a href="#">Parts submitted</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/partssubmitted">Parts Submitted</a></li>
-
       <li><a href="#">Attrivutions</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/attributions">Attributions</a></li></div>
     </ul>
     </ul>
</li>
</li>
-
<li><a href="#">&ensp;NOTEBOOK&ensp;|</a>
+
<li><a href="#" onMouseOver="MM_effectBlind('hidel4', 500, '0%', '100%', false)">&ensp;NOTEBOOK&ensp;|</a>
-
<ul>
+
<ul><div id="hidel4">
-
       <li><a href="#">Brainstorm</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/brainstorm">Brainstorm</a></li>
-
       <li><a href="#">Wet lab journal</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/wetlabjournal">Wet Lab Journal</a></li>
-
       <li><a href="#">Protocols</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/protocols">Protocols</a></li></div>
     </ul>
     </ul>
</li>
</li>
-
<li><a href="#">&ensp;SAFETY&ensp;|</a></li>
+
<li><a href="https://2012.igem.org/Team:XMU-China/safety">&ensp;SAFETY&ensp;|</a></li>
-
<li><a href="#">&ensp;HUMANPRACTICE&ensp;|</a>
+
<li><a href="https://2012.igem.org/Team:XMU-China/humanpractice" onMouseOver="MM_effectBlind('hidel5', 500, '0%', '100%', false)">&ensp;HUMAN PRACTICE&ensp;|</a>
-
     <ul>
+
     <ul><div id="hidel5">
-
       <li><a href="#">Exhibition</a></li>
+
<li><a href="https://2012.igem.org/Team:XMU-China/openlabday">Open Lab Day</a></li>
-
       <li><a href="#">Communication</a></li>
+
       <li><a href="https://2012.igem.org/Team:XMU-China/exhibition">Exhibition</a></li>
 +
     
 +
       <li><a href="https://2012.igem.org/Team:XMU-China/collaboration">Collaboration</a></li>
 +
      </div>
     </ul>
     </ul>
</li>
</li>
-
<li><a href="#https://2012.igem.org">&ensp;iGEM</a></li>
+
<li><a href="https://igem.org/Main_Page">&ensp;iGEM</a></li>
</ul>
</ul>
 +
</div>
 +
<div id="right-logo">
 +
<table border=0 cellspacing=0 cellpadding=0>
 +
<tr><td ><img src=" https://static.igem.org/mediawiki/igem.org/3/32/XMU-Schoollogo.png" align="bottom" height="80"/></td><td width="100" align="right"><img src=" https://static.igem.org/mediawiki/2012/6/6b/XMUIGEM.png" alt="" height="80" align="bottom" /></td></tr>
 +
</table>
</div>
</div>
 +
<div id="left-logo">
 +
<table border=0 cellspacing=0 cellpadding=0>
 +
<tr><td width="100"><img src="https://static.igem.org/mediawiki/2012/7/72/Logofinal.jpg" height="100" align="left"></td><td width="500"><img src=" https://static.igem.org/mediawiki/2012/6/69/XMUtitle.png" alt="" height="100" align="right" /></td></tr></table>
 +
</div>
 +
 +
<div id="btt">
 +
<a href="#">Back to Top</a>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 17:50, 26 October 2012

XMU