Template:SJTU10-header

From 2010.igem.org

(Difference between revisions)
 
(139 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">
<!--
<!--
-
#container_all
+
#mainbanner
{
{
-
width:975px;
+
width:779px;
-
border:0;
+
height:313px;
-
clear:both;
+
background-image:url('https://static.igem.org/mediawiki/2010/6/6e/SJTU10-col1.png');
}
}
-
#container_team
+
#mbleft
{
{
-
padding-top:2px;
+
float:left;
-
height:30px;
+
width:243px;
 +
position:relative;
 +
left:20px;
 +
top:13px;
}
}
-
#container_sjtu
+
#mbrightimg
{
{
-
padding-top:1px;
+
position:relative;
 +
float:right;
}
}
-
#team
+
.mbleftcell
{
{
-
text-align:left;
+
width:243px;
-
font-family:times,arial;
+
-
font-size:24px;
+
-
color:#555555;
+
}
}
-
#sjtu
+
.contentarea table
{
{
-
text-align:left;
+
background-color:#010609;
-
font-family:times,arial;
+
color:#cccccc;
-
font-size:30px;
+
border:0px;
-
font-weight:300;
+
-
font-color:black;
+
}
}
-
#logo
+
.contentarea table td
{
{
-
float:right;
+
border:1px solid #cccccc;
 +
color:#cccccc;
 +
}
 +
.contentarea table td a
 +
{
 +
color:#77c9ff;
 +
text-deocration:none;
 +
}
 +
.contentarea table td a:hover
 +
{
 +
text-decoration:underline;
 +
}
 +
#memberarea
 +
{
 +
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;
-
right:10px;
+
left:34px;
 +
top:18px;
 +
width:350px;
 +
height:210px;
}
}
-
ul
+
.avatar
{
{
 +
width:70px;
 +
height:70px;
float:left;
float:left;
-
width:100%;
 
-
padding:0;
 
-
margin:0;
 
-
list-style-type:none;
 
}
}
-
a.menubar
+
.navlist li
{
{
-
font-family:times,arial;
+
margin-left:1px;
-
font-size:14px;
+
-
text-align:left;
+
-
font-weight:400;
+
float:left;
float:left;
-
width:229px;
+
display:block;
-
color:white;
+
width:16%;
 +
text-align:center;
 +
}
 +
.navlist li a
 +
{
 +
display:block;
text-decoration:none;
text-decoration:none;
-
background-color:#880000;
 
-
padding:0.2em 0.4em;
 
-
border-right:1px solid white;
 
}
}
-
a.menubar:hover
+
.navlist li a:hover
-
{background-color:white;
+
-
color:#AA0000;
+
-
font-weight:600;
+
-
font-size:14px;
+
-
text-decoration:underline;}
+
-
a.menubar:first-letter
+
{
{
-
font-weight:600;
+
background:#77c9ff;
-
font-size:20px;}
+
color:black;
-
li.menubar {display:inline}
+
text-decoration:underline;
-
#content
+
}
 +
.gotop
{
{
-
font-family:times,arial;
+
float:right;
-
font-size:11px;
+
display:block;
-
color:#222222;
+
width:16%;
-
font-weight:300;
+
text-align:center;
-
padding-left:8px;
+
-
padding-right:8px;
+
}
}
-
#content.a
+
.gotop a
{
{
-
color:#1111EE;
+
display:block;
text-decoration:none;
text-decoration:none;
}
}
-
#content.a:hover
+
.gotop a:hover
{
{
 +
background:#77c9ff;
 +
color:black;
text-decoration:underline;
text-decoration:underline;
 +
}
 +
.gotop a:visited
 +
{
 +
color:black;
 +
}
 +
.toc
 +
{
 +
display:none;
 +
}
 +
#toc
 +
{
 +
display:none;
 +
}
 +
.firstHeading
 +
{
 +
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="container_all">
+
<div id="header_container">
-
<img id="logo" src="http://www.sjtu.edu.cn/images/sjtulogo.png" alt="Logo of SJTU" />
+
<div id="titlepic">
-
<div id="container_team">
+
<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>
-
<p id="team">
+
-
Team:
+
-
</p>
+
</div>
</div>
-
<div id="container_sjtu">
+
<div id="navbar">
-
<p id="sjtu">
+
<img src="https://static.igem.org/mediawiki/2010/9/95/SJTU10-navbar.jpg" alt="Navigation bar" usemap="#map_navbar" />
-
SJTU-BioX-Shanghai
+
<a name="topofpage"></a>
-
</p>
+
<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">
-
<ul>
+
<p>
-
<li class="menubar"><a class="menubar" href="/Team:SJTU-BioX-Shanghai/projects">PROJECTS</a></li>
+
</html>
-
<li class="menubar"><a class="menubar" href="/Team:SJTU-BioX-Shanghai/modeling">MODELING</a></li>
+
-
<li class="menubar"><a class="menubar" href="/Team:SJTU-BioX-Shanghai/team">TEAM</a></li>
+
-
<li class="menubar"><a class="menubar" href="/Team:SJTU-BioX-Shanghai/lablog">LABLOG</a></li>
+
-
</ul>
+
-
<div id="content">
+

Latest revision as of 21:58, 27 October 2010

SJTU-BioX-Shanghai 2010