Template:SJTU10-header
From 2010.igem.org
(Difference between revisions)
(116 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <script type="text/Javascript" language="text/Javascript"> | ||
+ | function switchcellimg(imgid) | ||
+ | { | ||
+ | switch (imgid) | ||
+ | { | ||
+ | case 1:document.getElementById("mbrightimg").src="https://static.igem.org/mediawiki/2010/f/f3/SJTU10-mb-Mbrightimg1.png" | ||
+ | document.getElementById("mbrightimg").title="Click to view project background" | ||
+ | document.getElementById("mbrightlink").href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/project#bg" | ||
+ | break | ||
+ | case 2:document.getElementById("mbrightimg").src="https://static.igem.org/mediawiki/2010/a/a6/SJTU10-mb-mbrightimg2.png" | ||
+ | document.getElementById("mbrightimg").title="Click to view project design" | ||
+ | document.getElementById("mbrightlink").href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/project#nav" | ||
+ | break | ||
+ | case 3:document.getElementById("mbrightimg").src="https://static.igem.org/mediawiki/2010/a/a5/SJTU10-mb-Mbrightimg3.png" | ||
+ | document.getElementById("mbrightimg").title="Click to view project results" | ||
+ | document.getElementById("mbrightlink").href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/result" | ||
+ | break | ||
+ | } | ||
+ | } | ||
+ | function mbleftcellglow(cellid,ismouseover) | ||
+ | { | ||
+ | if(ismouseover) | ||
+ | { | ||
+ | switch (cellid) | ||
+ | { | ||
+ | case 1:document.getElementById("mbleftcellimg1").src="https://static.igem.org/mediawiki/2010/5/5d/SJTU10-mb-Glow1.png" | ||
+ | break | ||
+ | case 2:document.getElementById("mbleftcellimg2").src="https://static.igem.org/mediawiki/2010/4/4c/SJTU10-mb-Glow2.png" | ||
+ | break | ||
+ | case 3:document.getElementById("mbleftcellimg3").src="https://static.igem.org/mediawiki/2010/0/05/SJTU10-mb-Glow3.png" | ||
+ | break | ||
+ | } | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | switch (cellid) | ||
+ | { | ||
+ | case 1:document.getElementById("mbleftcellimg1").src="https://static.igem.org/mediawiki/2010/6/69/SJTU10-mb-Text1.png" | ||
+ | break | ||
+ | case 2:document.getElementById("mbleftcellimg2").src="https://static.igem.org/mediawiki/2010/e/e2/SJTU10-mb-Text2.png" | ||
+ | break | ||
+ | case 3:document.getElementById("mbleftcellimg3").src="https://static.igem.org/mediawiki/2010/5/50/SJTU10-mb-Text3.png" | ||
+ | break | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | function switchavt (avtid, MouseIn) | ||
+ | { | ||
+ | if(MouseIn) | ||
+ | { | ||
+ | switch (avtid) | ||
+ | { | ||
+ | case 1: | ||
+ | document.getElementById("avt1").src="https://static.igem.org/mediawiki/2010/2/2e/SJTU10-avt-Clb1.png" | ||
+ | break | ||
+ | case 2: | ||
+ | document.getElementById("avt2").src="https://static.igem.org/mediawiki/2010/0/07/SJTU10-avt-Dy2.png" | ||
+ | break | ||
+ | case 3: | ||
+ | document.getElementById("avt3").src="https://static.igem.org/mediawiki/2010/f/f0/SJTU10-avt-Hc3.png" | ||
+ | break | ||
+ | case 4: | ||
+ | document.getElementById("avt4").src="https://static.igem.org/mediawiki/2010/d/d7/SJTU10-avt-Hyp4.png" | ||
+ | break | ||
+ | case 5: | ||
+ | document.getElementById("avt5").src="https://static.igem.org/mediawiki/2010/4/41/SJTU10-avt-Lsd5.png" | ||
+ | break | ||
+ | case 6: | ||
+ | document.getElementById("avt6").src="https://static.igem.org/mediawiki/2010/a/ae/SJTU10-avt-Ly6.png" | ||
+ | break | ||
+ | case 7: | ||
+ | document.getElementById("avt7").src="https://static.igem.org/mediawiki/2010/3/3e/SJTU10-avt-Mc7.png" | ||
+ | break | ||
+ | case 8: | ||
+ | document.getElementById("avt8").src="https://static.igem.org/mediawiki/2010/d/d8/SJTU10-avt-Sc8.png" | ||
+ | break | ||
+ | case 9: | ||
+ | document.getElementById("avt9").src="https://static.igem.org/mediawiki/2010/f/f2/SJTU10-avt-Sz9.png" | ||
+ | break | ||
+ | case 10: | ||
+ | document.getElementById("avt10").src="https://static.igem.org/mediawiki/2010/3/30/SJTU10-avt-Xwd10.png" | ||
+ | break | ||
+ | case 11: | ||
+ | document.getElementById("avt11").src="https://static.igem.org/mediawiki/2010/0/0e/SJTU10-avt-Ycc11.png" | ||
+ | break | ||
+ | case 12: | ||
+ | document.getElementById("avt12").src="https://static.igem.org/mediawiki/2010/1/19/SJTU10-avt-Zh12.png" | ||
+ | break | ||
+ | case 13: | ||
+ | document.getElementById("avt13").src="https://static.igem.org/mediawiki/2010/1/1c/SJTU10-avt-Zml13.png" | ||
+ | break | ||
+ | case 14: | ||
+ | document.getElementById("avt14").src="https://static.igem.org/mediawiki/2010/2/20/SJTU10-avt-Zq14.png" | ||
+ | break | ||
+ | case 15: | ||
+ | document.getElementById("avt15").src="https://static.igem.org/mediawiki/2010/c/c6/SJTU10-avt-Zyl15.png" | ||
+ | break | ||
+ | default: | ||
+ | alert("Error!") | ||
+ | } | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | switch (avtid) | ||
+ | { | ||
+ | case 1: | ||
+ | document.getElementById("avt1").src="https://static.igem.org/mediawiki/2010/1/1b/SJTU10-avt-Clb1.jpg" | ||
+ | break | ||
+ | case 2: | ||
+ | document.getElementById("avt2").src="https://static.igem.org/mediawiki/2010/4/45/SJTU10-avt-Dy2.jpg" | ||
+ | break | ||
+ | case 3: | ||
+ | document.getElementById("avt3").src="https://static.igem.org/mediawiki/2010/2/26/SJTU10-avt-Hc3.jpg" | ||
+ | break | ||
+ | case 4: | ||
+ | document.getElementById("avt4").src="https://static.igem.org/mediawiki/2010/3/37/SJTU10-avt-Hyp4.jpg" | ||
+ | break | ||
+ | case 5: | ||
+ | document.getElementById("avt5").src="https://static.igem.org/mediawiki/2010/1/19/SJTU10-avt-Lsd5.JPG" | ||
+ | break | ||
+ | case 6: | ||
+ | document.getElementById("avt6").src="https://static.igem.org/mediawiki/2010/4/4d/SJTU10-avt-Ly6.jpg" | ||
+ | break | ||
+ | case 7: | ||
+ | document.getElementById("avt7").src="https://static.igem.org/mediawiki/2010/8/8d/SJTU10-avt-Mc7.jpg" | ||
+ | break | ||
+ | case 8: | ||
+ | document.getElementById("avt8").src="https://static.igem.org/mediawiki/2010/6/6f/SJTU10-avt-Sc8.JPG" | ||
+ | break | ||
+ | case 9: | ||
+ | document.getElementById("avt9").src="https://static.igem.org/mediawiki/2010/f/f9/SJTU10-avt-Sz9.jpg" | ||
+ | break | ||
+ | case 10: | ||
+ | document.getElementById("avt10").src="https://static.igem.org/mediawiki/2010/4/4d/SJTU10-avt-Xwd10.jpg" | ||
+ | break | ||
+ | case 11: | ||
+ | document.getElementById("avt11").src="https://static.igem.org/mediawiki/2010/3/3d/SJTU10-avt-Ycc11.jpg" | ||
+ | break | ||
+ | case 12: | ||
+ | document.getElementById("avt12").src="https://static.igem.org/mediawiki/2010/d/d0/SJTU10-avt-Zh12.jpg" | ||
+ | break | ||
+ | case 13: | ||
+ | document.getElementById("avt13").src="https://static.igem.org/mediawiki/2010/7/75/SJTU10-avt-Zml13.jpg" | ||
+ | break | ||
+ | case 14: | ||
+ | document.getElementById("avt14").src="https://static.igem.org/mediawiki/2010/3/30/SJTU10-avt-Zq14.JPG" | ||
+ | break | ||
+ | case 15: | ||
+ | document.getElementById("avt15").src="https://static.igem.org/mediawiki/2010/5/5b/SJTU10-avt-Zyl15.jpg" | ||
+ | break | ||
+ | default: | ||
+ | alert("Error!") | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
<style format="text/css"> | <style format="text/css"> | ||
<!-- | <!-- | ||
- | # | + | #mainbanner |
{ | { | ||
- | width: | + | width:779px; |
- | + | height:313px; | |
- | + | background-image:url('https://static.igem.org/mediawiki/2010/6/6e/SJTU10-col1.png'); | |
} | } | ||
- | # | + | #mbleft |
{ | { | ||
- | + | float:left; | |
- | + | width:243px; | |
+ | position:relative; | ||
+ | left:20px; | ||
+ | top:13px; | ||
} | } | ||
- | # | + | #mbrightimg |
{ | { | ||
- | + | position:relative; | |
+ | float:right; | ||
} | } | ||
- | + | .mbleftcell | |
{ | { | ||
- | + | width:243px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .contentarea table | |
{ | { | ||
- | + | background-color:#010609; | |
- | + | color:#cccccc; | |
- | + | border:0px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .contentarea table td | |
{ | { | ||
- | + | border:1px solid #cccccc; | |
- | color: | + | color:#cccccc; |
+ | } | ||
+ | .contentarea table td a | ||
+ | { | ||
+ | color:#77c9ff; | ||
+ | text-deocration:none; | ||
} | } | ||
- | + | .contentarea table td a:hover | |
{ | { | ||
text-decoration:underline; | text-decoration:underline; | ||
- | |||
} | } | ||
- | # | + | #memberarea |
{ | { | ||
- | float: | + | width:777px; |
+ | height:245px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2010/c/c4/SJTU10-col2-memberarea-bg.png"); | ||
+ | } | ||
+ | #memberavt | ||
+ | { | ||
+ | float:left; | ||
position:relative; | position:relative; | ||
- | + | left:34px; | |
+ | top:18px; | ||
+ | width:350px; | ||
+ | height:210px; | ||
} | } | ||
- | + | .avatar | |
{ | { | ||
+ | width:70px; | ||
+ | height:70px; | ||
float:left; | float:left; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | .navlist li | |
{ | { | ||
- | + | margin-left:1px; | |
- | + | ||
- | + | ||
- | + | ||
float:left; | float:left; | ||
- | width: | + | display:block; |
- | + | width:16%; | |
+ | text-align:center; | ||
+ | } | ||
+ | .navlist li a | ||
+ | { | ||
+ | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
- | |||
- | |||
- | |||
} | } | ||
- | a | + | .navlist li a:hover |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | + | background:#77c9ff; | |
- | + | color:black; | |
- | + | text-decoration:underline; | |
- | + | } | |
+ | .gotop | ||
{ | { | ||
- | + | float:right; | |
- | + | display:block; | |
- | + | width:16%; | |
- | + | text-align:center; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .gotop a | |
{ | { | ||
- | + | display:block; | |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
- | + | .gotop a:hover | |
{ | { | ||
+ | background:#77c9ff; | ||
+ | color:black; | ||
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
- | + | .gotop a:visited | |
{ | { | ||
- | + | color:black; | |
} | } | ||
- | + | .toc | |
{ | { | ||
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #toc |
{ | { | ||
- | + | display:none; | |
- | + | } | |
- | height: | + | .firstHeading |
- | padding-top: | + | { |
- | padding-bottom: | + | display:none; |
- | + | } | |
+ | #header_container | ||
+ | { | ||
+ | height:428px; | ||
+ | } | ||
+ | #titlepic | ||
+ | { | ||
+ | height:361px; | ||
+ | } | ||
+ | #navbar | ||
+ | { | ||
+ | height:67px; | ||
+ | } | ||
+ | .contentarea | ||
+ | { | ||
+ | width:803px; | ||
+ | background:#010609; | ||
+ | font-family:Verdana,Arial,sans-serif; | ||
+ | color:#cccccc; | ||
+ | padding-left:80px; | ||
+ | padding-right:80px; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/a/ac/SJTU10-contentareabg.png'); | ||
+ | background-repeat:repeat-y; | ||
+ | } | ||
+ | .contentarea h1,h2,h3,h4,h5,h6 | ||
+ | { | ||
+ | font-family:Verdana,Arial,sans-serif; | ||
+ | color:#cccccc; | ||
+ | } | ||
+ | .contentarea a | ||
+ | { | ||
+ | color:#77c9ff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .contentarea a:hover | ||
+ | { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | .contentarea a:visited | ||
+ | { | ||
+ | color:#0067ff; | ||
+ | } | ||
+ | .contentarea p | ||
+ | { | ||
+ | clear:both; | ||
+ | } | ||
+ | #sponsorbar | ||
+ | { | ||
+ | position:relative; | ||
+ | top:-10px; | ||
+ | height:208px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #clustrmap | ||
+ | { | ||
+ | position:relative; | ||
+ | left:677px; | ||
+ | top:-177px; | ||
+ | z-index=1; | ||
+ | } | ||
+ | #hit-counter | ||
+ | { | ||
+ | position:relative; | ||
+ | left:569px; | ||
+ | top:-240px; | ||
+ | z-index=1; | ||
} | } | ||
--> | --> | ||
</style> | </style> | ||
</head> | </head> | ||
- | <body> | + | <body bgcolor="#010609"> |
- | <div id=" | + | <div id="header_container"> |
- | <a href=" | + | <div id="titlepic"> |
- | + | <a href="https://2010.igem.org/Team:SJTU-BioX-Shanghai"><img src="https://static.igem.org/mediawiki/2010/7/7a/SJTU10-titlepic.jpg" alt="SJTU-BioX-Shanghai 2010" /></a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | <div id="navbar"> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/9/95/SJTU10-navbar.jpg" alt="Navigation bar" usemap="#map_navbar" /> | ||
+ | <a name="topofpage"></a> | ||
+ | <map id="map_navbar" name="map_navbar"> | ||
+ | <area shape="rect" coords="1,1,233,67" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai" alt="Home" /> | ||
+ | <area shape="rectangle" coords="247,8,320,60" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/team" alt="Team" /> | ||
+ | <area shape="rect" coords="332,8,420,60" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/project" alt="Project" /> | ||
+ | <area shape="rect" coords="435,8,549,60" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/modeling" alt="Modeling"/> | ||
+ | <area shape="rectangle" coords="563,8,645,60" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/result" alt="Result" /> | ||
+ | <area shape="rectangle" coords="661,8,749,60" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/lablog" alt="Lablog" /> | ||
+ | <area shape="rectangle" coords="759,8,835,60" href="https://2010.igem.org/Team:SJTU-BioX-Shanghai/other" alt="Other" /> | ||
+ | </map> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | <div | + | <div class="contentarea"> |
+ | <p> | ||
</html> | </html> |
Latest revision as of 21:58, 27 October 2010