Template:SJTU09 header

From 2009.igem.org

(Difference between revisions)
m
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<title></title>
+
<style type="text/css">
<style type="text/css">
<!--
<!--
-
.STYLE5 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #EDF4FC; }
+
* {
-
.STYLE6 {font-size: 18px}
+
margin: 0px; padding: 0px; border: 0px;
-
.STYLE7 {color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif;}
+
-
.STYLE9 {
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
font-size: 18px;
+
-
color: #EEF5FD;
+
}
}
-
.STYLE10 {color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif}
+
.hide {
-
a:link {
+
display:none;
 +
}
 +
body {
 +
background:#333;
 +
position:relative;
 +
}
 +
#content, #bodyContent {
 +
border: 0px;
 +
padding: 0px;
 +
width: 975px;
 +
background:none;
 +
}
 +
#content h1.firstHeading, #contentSub {
 +
display: none;
 +
}
 +
#mainDiv {
 +
background: #4D4A3B url(/wiki/images/f/f3/SJTU09_Page_Background.png) no-repeat;
 +
font-family: Arial, Helvetica, sans-serif;
 +
color: #fff;
 +
width: 975px;
 +
position: relative;
 +
z-index: 0;
 +
top: 0px;
 +
left: 0px;
 +
padding-bottom: 35px;
 +
padding-top: 526px;
 +
}
 +
#logoDiv {
 +
left: 25px;
 +
top: 20px;
 +
position: absolute;
 +
width: 273px;
 +
height: 356px;
 +
z-index: 0;
 +
}
 +
#logoHeader {
 +
position: absolute;
 +
left: 5px;
 +
z-index: 2;
 +
width: 190px;
 +
}
 +
#logoHeader img {
 +
border-width: 0px;
 +
}
 +
#logoContent {
 +
position: absolute;
 +
background: #222222;
 +
top: 28px;
 +
height: 328px;
 +
width: 273px;
 +
z-index: 1;
 +
}
 +
#teamLogo {
 +
left: 6px;
 +
top: 6px;
 +
position: absolute;
 +
}
 +
#projectCard {
 +
position: absolute;
 +
top: 6px;
 +
left: 6px;
 +
width: 260px;
 +
height: 315px;
 +
background-color:#FFF;
 +
display: none;
 +
}
 +
#projectCard p{
 +
font: italic 14px Georgia, "Times New Roman", Times, serif;
 +
color: #A8A800;
 +
margin: 15px;
 +
text-align: left;
 +
}
 +
#projectCard p:first-letter {
 +
color:#3F2812;
 +
font-size:3em;
 +
float:left;
 +
}
 +
#galleryDiv {
 +
position: absolute;
 +
left: 311px;
 +
top: 20px;
 +
background:#FFF;
 +
overflow:hidden;
 +
border:1px solid #111;
 +
width:596px;
 +
height:354px;
 +
}
 +
#sideMenu {
 +
position: absolute;
 +
width: 140px;
 +
left: 60px;
 +
top: 500px;
 +
}
 +
#sideMenu h3 {
 +
font: bolder normal 14px/120% Arial, Helvetica, sans-serif;
 +
text-transform: capitalize;
 +
margin: 0px;
 +
padding: 0px;
 +
border-bottom: 1px solid #FFF;
 +
}
 +
#sideMenu h3 a {
 +
display:block;
 +
padding: 0px 4px;
text-decoration: none;
text-decoration: none;
-
color: #FFFFFF;
+
color: #DDD;
 +
filter:dropshadow(color:#000000,offx=4,offy=4,positive=1);
}
}
-
a:visited {
+
#sideMenu h3 a:hover{
 +
display:block;
 +
color: #FFF;
text-decoration: none;
text-decoration: none;
-
color: #FFFFFF;
+
font-weight: bold;
}
}
-
a:hover {
+
 
-
text-decoration: underline;
+
#sideMenu ul{
-
color: #FFFFFF;
+
padding: 0;
 +
margin: 0 0 8px;
 +
list-style: none;
 +
}
 +
#sideMenu li{
 +
font: 13px Georgia, "Times New Roman", Times, serif;
 +
margin:0;
 +
list-style: none;
}
}
-
a:active {
+
#sideMenu li a{
 +
height: 15px;
 +
display:block;
 +
padding: 1px 5px 1px 10px;
 +
color: #A5DE46;
 +
line-height: 120%;
text-decoration: none;
text-decoration: none;
-
color: #FFFFFF;
+
list-style: none;
}
}
-
.STYLE19 {font-size: 24px}
+
#sideMenu li a:hover {
-
.STYLE22 {color: #888888; font-family: Georgia, "Times New Roman", Times, serif;}
+
display: block;
-
.STYLE26 {
+
color: #D5FF76;
-
color: #000000;
+
font-style: italic;
-
font-family: Georgia, "Times New Roman", Times, serif;
+
text-decoration: underline;
-
font-size: 36px;
+
list-style: none;
 +
}
 +
#contextDiv h1, #title {
 +
/*height: 64px;*/
 +
width: 500px;
 +
position: absolute;
 +
left: 147px;
 +
top: -110px;
 +
font: 25px/120% Arial, Helvetica, sans-serif;
 +
color: #5F7617;
 +
}
 +
#contextDiv {
 +
padding: 0px 45px 30px;
 +
background-color: #FFF;
 +
color: #333333;
 +
width: 608px;
 +
font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
border-top: 0px solid #858480;
 +
border-right: 2px solid #858480;
 +
border-bottom: 0px solid #858480;
 +
border-left: 1px solid #78756B;
 +
/*margin: 526px auto 35px 222px;*/
 +
left: 223px;
 +
position: relative;
 +
min-height:470px;
 +
height:auto !important;
 +
height:470px;
 +
overflow:visible;
 +
}
 +
#contextDiv p {
 +
margin-top:8px;
 +
font-size:14px;
 +
}
 +
#contextDiv p:first-letter {
 +
color:#3F2812;
 +
font-size:2em;
 +
font-weight:bold;
 +
line-height: 18px;
 +
}
 +
#contentTop {
 +
position: absolute;
 +
top: -125px;
}
}
-->
-->
-
</style></head>
+
</style>
 +
 
 +
<script>
 +
function switchItem(type)
 +
{
 +
if(type==1)
 +
{
 +
document.getElementById("team1").style.display="inline";
 +
document.getElementById("team2").style.display="none";
 +
document.getElementById("project1").style.display="none";
 +
document.getElementById("project2").style.display="inline";
 +
document.getElementById("teamLogo").style.display="inline";
 +
document.getElementById("projectCard").style.display="none";
 +
}
 +
else
 +
{
 +
document.getElementById("team1").style.display="none";
 +
document.getElementById("team2").style.display="inline";
 +
document.getElementById("project1").style.display="inline";
 +
document.getElementById("project2").style.display="none";
 +
document.getElementById("project2").style.display="none";
 +
document.getElementById("teamLogo").style.display="none";
 +
document.getElementById("projectCard").style.display="inline";
 +
}
 +
}
 +
</script>
 +
<!--[if IE 6]>
 +
<script>
 +
// DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
 +
var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces){if(!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;b<c.length;b++){this.screenStyleSheet.addRule(c[b],"behavior:expression(DD_belatedPNG.fixPng(this))")}}},applyVML:function(a){a.runtimeStyle.cssText="";this.vmlFill(a);this.vmlOffsets(a);this.vmlOpacity(a);if(a.isImg){this.copyImageBorders(a)}},attachHandlers:function(i){var d,c,g,e,b,f;d=this;c={resize:"vmlOffsets",move:"vmlOffsets"};if(i.nodeName=="A"){e={mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"};for(b in e){if(e.hasOwnProperty(b)){c[b]=e[b]}}}for(f in c){if(c.hasOwnProperty(f)){g=function(){d[c[f]](i)};i.attachEvent("on"+f,g)}}i.attachEvent("onpropertychange",this.readPropertyChange)},giveLayout:function(a){a.style.zoom=1;if(a.currentStyle.position=="static"){a.style.position="relative"}},copyImageBorders:function(b){var c,a;c={borderStyle:true,borderWidth:true,borderColor:true};for(a in c){if(c.hasOwnProperty(a)){b.vml.color.shape.style[a]=b.currentStyle[a]}}},vmlFill:function(e){if(!e.currentStyle){return}else{var d,f,g,b,a,c;d=e.currentStyle}for(b in e.vml){if(e.vml.hasOwnProperty(b)){e.vml[b].shape.style.zIndex=d.zIndex}}e.runtimeStyle.backgroundColor="";e.runtimeStyle.backgroundImage="";f=true;if(d.backgroundImage!="none"||e.isImg){if(!e.isImg){e.vmlBg=d.backgroundImage;e.vmlBg=e.vmlBg.substr(5,e.vmlBg.lastIndexOf('")')-5)}else{e.vmlBg=e.src}g=this;if(!g.imgSize[e.vmlBg]){a=document.createElement("img");g.imgSize[e.vmlBg]=a;a.className=g.ns+"_sizeFinder";a.runtimeStyle.cssText="behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;";c=function(){this.width=this.offsetWidth;this.height=this.offsetHeight;g.vmlOffsets(e)};a.attachEvent("onload",c);a.src=e.vmlBg;a.removeAttribute("width");a.removeAttribute("height");document.body.insertBefore(a,document.body.firstChild)}e.vml.image.fill.src=e.vmlBg;f=false}e.vml.image.fill.on=!f;e.vml.image.fill.color="none";e.vml.color.shape.style.backgroundColor=d.backgroundColor;e.runtimeStyle.backgroundImage="none";e.runtimeStyle.backgroundColor="transparent"},vmlOffsets:function(d){var h,n,a,e,g,m,f,l,j,i,k;h=d.currentStyle;n={W:d.clientWidth+1,H:d.clientHeight+1,w:this.imgSize[d.vmlBg].width,h:this.imgSize[d.vmlBg].height,L:d.offsetLeft,T:d.offsetTop,bLW:d.clientLeft,bTW:d.clientTop};a=(n.L+n.bLW==1)?1:0;e=function(b,p,q,c,s,u){b.coordsize=c+","+s;b.coordorigin=u+","+u;b.path="m0,0l"+c+",0l"+c+","+s+"l0,"+s+" xe";b.style.width=c+"px";b.style.height=s+"px";b.style.left=p+"px";b.style.top=q+"px"};e(d.vml.color.shape,(n.L+(d.isImg?0:n.bLW)),(n.T+(d.isImg?0:n.bTW)),(n.W-1),(n.H-1),0);e(d.vml.image.shape,(n.L+n.bLW),(n.T+n.bTW),(n.W),(n.H),1);g={X:0,Y:0};if(d.isImg){g.X=parseInt(h.paddingLeft,10)+1;g.Y=parseInt(h.paddingTop,10)+1}else{for(j in g){if(g.hasOwnProperty(j)){this.figurePercentage(g,n,j,h["backgroundPosition"+j])}}}d.vml.image.fill.position=(g.X/n.W)+","+(g.Y/n.H);m=h.backgroundRepeat;f={T:1,R:n.W+a,B:n.H,L:1+a};l={X:{b1:"L",b2:"R",d:"W"},Y:{b1:"T",b2:"B",d:"H"}};if(m!="repeat"||d.isImg){i={T:(g.Y),R:(g.X+n.w),B:(g.Y+n.h),L:(g.X)};if(m.search("repeat-")!=-1){k=m.split("repeat-")[1].toUpperCase();i[l[k].b1]=1;i[l[k].b2]=n[l[k].d]}if(i.B>n.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet();
 +
DD_belatedPNG.fix('#mainDiv');
 +
</script>
 +
<![endif]-->
 +
<div id="mainDiv">
 +
<div id="logoDiv">
 +
<div id="logoHeader">
 +
<a name="bannerTop"></a>
 +
<a href="/Team:SJTU-BioX-Shanghai/The_team#bannerTop" onMouseOver="javascript:switchItem(1);"><img id="team1" src="/wiki/images/a/a1/SJTU09_Main_Team1.gif" width="90" height="34" alt="Team Logo Button" /><img id="team2" src="/wiki/images/b/b0/SJTU09_Main_Team2.gif" class="hide" width="90" height="34" alt="Team Logo Button" /></a><a href="/Team:SJTU-BioX-Shanghai/The_project#bannerTop" onMouseOver="javascript:switchItem(2);"><img id="project2" src="/wiki/images/7/76/SJTU09_Main_Project2.gif" width="86" height="34" alt="Project Button" /><img id="project1" src="/wiki/images/0/0e/SJTU09_Main_Project1.gif" width="90" class="hide" height="34" alt="Team Logo Button" /></a>
 +
</div>
 +
<div id="logoContent">
 +
<a href="/Team:SJTU-BioX-Shanghai#bannerTop"><img src="/wiki/images/a/ae/SJTU09_Main_Logo.gif" id="teamLogo" width="260" height="315" border="0px" alt="Team Logo" /></a>
 +
<div id="projectCard">
 +
<p><a href="/Team:SJTU-BioX-Shanghai/The_project#bannerTop">
 +
 
 +
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="230" height="110" id="Team mascot" title="Team mascot">
 +
<param name="movie" value="/wiki/images/4/41/SJTU09_Main_mascot.swf" />
 +
<param name="quality" value="high" />
 +
<param name="wmode" value="opaque" />
 +
<param name="swfversion" value="6.0.65.0" />
 +
<!--[if !IE]>-->
 +
<object type="application/x-shockwave-flash" data="/wiki/images/4/41/SJTU09_Main_mascot.swf" width="230" height="110">
 +
<!--<![endif]-->
 +
<param name="quality" value="high" />
 +
<param name="wmode" value="opaque" />
 +
<param name="swfversion" value="6.0.65.0" />
 +
<!--[if !IE]>-->
 +
</object>
 +
<!--<![endif]-->
 +
</object>
-
<body>
+
</a></p>
-
<table width="962" height="203" border="0">
+
<p>Project introduction.
-
  <tr>
+
Inspired by the natural regulator of circadian bioclock exhibited in most eukaryotic organisms, our team has designed an E.coli-based genetic network with the toxin-antitoxin system so that the bacterium oscillates between two states of dormancy and activity <a href="/Team:SJTU-BioX-Shanghai/The_project#bannerTop">(more...)</a> </p>
-
    <th width="180" rowspan="2" scope="row"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai" title="Home"><img src="https://static.igem.org/mediawiki/2009/0/08/SJTU09_header_teamlogo.jpg" width="175" height="195" border="0" /></a></th>
+
</div>
-
    <td colspan="4"><p align="left" class="STYLE19">&nbsp;</p>
+
</div>
-
      <p align="left" class="STYLE19"><span class="STYLE22">Team:</span></p>
+
</div>
-
      <p align="left" class="STYLE19"><span class="STYLE26">SJTU-BioX-Shanghai</span></p>      </td>
+
-
    <td colspan="3"><div align="right"><a href="http://www.sjtu.edu.cn/english/index/index.htm" title="Open the English homepage of Shanghai Jiao Tong University in a new window" target=_blank><img src="https://static.igem.org/mediawiki/2009/0/05/SJTU09_header_schoollogo.png" width="304" height="170" /></a></div></td>
+
<div id="galleryDiv">
-
  </tr>
+
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="596" height="354" id="Flash" title="Flash">
-
 
+
<param name="movie" value="/wiki/images/0/08/SJTU09_Main_banner.swf" />
-
  <tr>
+
<param name="quality" value="high" />
-
    <td width="118" height="25" bgcolor="#990F28"><div align="center" class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/The_project" class="STYLE10">The project</a></div></td>
+
<param name="wmode" value="opaque" />
-
    <td width="104" bgcolor="#990F28"><div align="center" class="STYLE6"><span class="STYLE7"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Protocols" class="STYLE10">Protocols</a></span></div></td>
+
<param name="swfversion" value="6.0.65.0" />
-
    <td width="83" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Results" class="STYLE10">Results</a></span></div></td>
+
<!--[if !IE]>-->
-
    <td width="132" bgcolor="#990F28"><div align="center"><span class="STYLE9"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Future_work" class="STYLE10">Future work</a></span> </div></td>
+
<object type="application/x-shockwave-flash" data="/wiki/images/0/08/SJTU09_Main_banner.swf" width="596" height="354">
-
    <td width="103" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Calendar" class="STYLE10">Calendar</a></span></div></td>
+
<!--<![endif]-->
-
    <td width="110" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/The_album" class="STYLE10">The album</a></span></div></td>
+
<param name="quality" value="high" />
-
    <td width="98" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/The_team" class="STYLE10">About us</a></span></div></td>
+
<param name="wmode" value="opaque" />
-
  </tr>
+
<param name="swfversion" value="6.0.65.0" />
-
</table>
+
<!--[if !IE]>-->
-
</body>
+
</object>
 +
<!--<![endif]-->
 +
</object>
 +
</div>
</html>
</html>

Latest revision as of 07:34, 21 October 2009

Team Logo ButtonTeam Logo ButtonProject ButtonTeam Logo Button

Project introduction. Inspired by the natural regulator of circadian bioclock exhibited in most eukaryotic organisms, our team has designed an E.coli-based genetic network with the toxin-antitoxin system so that the bacterium oscillates between two states of dormancy and activity (more...)