Team:XMU-China/titlebar
From 2012.igem.org
(Difference between revisions)
(15 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:# | + | font-family:Verdana, Geneva, sans-serif; |
- | height: | + | 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 35: | Line 50: | ||
- | #menu { position: | + | #menu { |
- | z-index: | + | position:ralative; |
- | + | z-index:8; | |
- | margin-left: | + | margin-left:25px; |
- | margin-top: | + | margin-top:130px; |
- | width:900px | + | 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;width:120px auto;list-style:none;} | #menu ul li { float:left; margin-left:0px;width:120px auto;list-style:none;} | ||
- | #menu ul li a { display:block; width:120px auto; 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 56: | 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: | + | #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: | + | #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: | + | #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 68: | 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=" | + | <li><a id="current" href="https://2012.igem.org/Team:XMU-China"> HOME |</a></li> |
- | <li><a href="#"> | + | <li><a href="#" onMouseOver="MM_effectBlind('hidel1', 500, '0%', '100%', false)"> TEAM |</a> |
- | <ul> | + | <ul><div id="hidel1"> |
- | + | <li><a href="https://2012.igem.org/Team:XMU-China/teammembers">Our Team</a></li> | |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/acknowledgement">Acknowledgement</a></li> |
- | + | ||
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/ourcity%26ouruniversity">Our City &<br>Our University</a></li> |
- | <li><a href=" | + | </div></ul> |
- | + | ||
- | </ul> | + | |
</li> | </li> | ||
- | <li><a href="#"> | + | <li><a href="#" onMouseOver="MM_effectBlind('hidel2', 500, '0%', '100%', false)"> PROJECT |</a> |
- | <ul> | + | <ul><div id="hidel2"> |
- | <li><a href=" | + | <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=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/digitaldisplay">Digital Display</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/cellimmobilization">Cell Immobilization</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/timedelay">Time Delay</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/modeling">Modeling</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/accomplishment">Accomplishment</a></li> |
- | <li><a href=" | + | |
+ | <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="#"> | + | <li><a href="#" onMouseOver="MM_effectBlind('hidel3', 500, '0%', '100%', false)"> PARTS |</a> |
- | <ul> | + | <ul><div id="hidel3"> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/partssubmitted">Parts Submitted</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/attributions">Attributions</a></li></div> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="#"> | + | <li><a href="#" onMouseOver="MM_effectBlind('hidel4', 500, '0%', '100%', false)"> NOTEBOOK |</a> |
- | <ul> | + | <ul><div id="hidel4"> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/brainstorm">Brainstorm</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/wetlabjournal">Wet Lab Journal</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/protocols">Protocols</a></li></div> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/safety"> SAFETY |</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/humanpractice" onMouseOver="MM_effectBlind('hidel5', 500, '0%', '100%', false)"> HUMAN PRACTICE |</a> |
- | <ul> | + | <ul><div id="hidel5"> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:XMU-China/openlabday">Open Lab Day</a></li> |
- | <li><a href=" | + | <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=" | + | <li><a href="https://igem.org/Main_Page"> 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
![]() | ![]() |
![]() | ![]() |