Team:Oxford/safety
From 2014.igem.org
(Difference between revisions)
Line 149: | Line 149: | ||
} | } | ||
- | |||
+ | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | |||
+ | function iconleft(x) { | ||
+ | x.style.left="6%"; | ||
+ | } | ||
+ | function iconnormal(x) { | ||
+ | x.style.left="9%"; | ||
+ | } | ||
+ | function DCMationbig(x) { | ||
+ | x.style.height="12.5%"; | ||
+ | x.style.width="12.5%"; | ||
+ | } | ||
+ | function DCMationnormal(x) { | ||
+ | x.style.height="11%"; | ||
+ | x.style.width="11%"; | ||
+ | } | ||
+ | function Achievementsbig(x) { | ||
+ | x.style.height="12%"; | ||
+ | x.style.width="12%"; | ||
+ | } | ||
+ | function Achievementsnormal(x) { | ||
+ | x.style.height="11.1%"; | ||
+ | x.style.width="11.1%"; | ||
+ | } | ||
+ | function Modellingbig(x) { | ||
+ | x.style.height="9%"; | ||
+ | x.style.width="9%"; | ||
+ | } | ||
+ | function Modellingnormal(x) { | ||
+ | x.style.height="8.5%"; | ||
+ | x.style.width="8.5%"; | ||
+ | } | ||
+ | function Policybig(x) { | ||
+ | x.style.height="7.9%"; | ||
+ | x.style.width="7.9%"; | ||
+ | } | ||
+ | function Policynormal(x) { | ||
+ | x.style.height="7.3%"; | ||
+ | x.style.width="7.3%"; | ||
+ | } | ||
+ | function iGEMcommbig(x) { | ||
+ | x.style.height="9.4%"; | ||
+ | x.style.width="9.4%"; | ||
+ | } | ||
+ | function iGEMcommnormal(x) { | ||
+ | x.style.height="8.8%"; | ||
+ | x.style.width="8.8%"; | ||
+ | } | ||
+ | function Interlabbig(x) { | ||
+ | x.style.height="7%"; | ||
+ | x.style.width="7%"; | ||
+ | } | ||
+ | function Interlabnormal(x) { | ||
+ | x.style.height="6.5%"; | ||
+ | x.style.width="6.5%"; | ||
+ | } | ||
+ | function Safetybig(x) { | ||
+ | x.style.height="5.6%"; | ||
+ | x.style.width="5.6%"; | ||
+ | } | ||
+ | function Safetynormal(x) { | ||
+ | x.style.height="5%"; | ||
+ | x.style.width="5%"; | ||
+ | } | ||
+ | function Teambig(x) { | ||
+ | x.style.height="4.8%"; | ||
+ | x.style.width="4.8%"; | ||
+ | } | ||
+ | function Teamnormal(x) { | ||
+ | x.style.height="4.4%"; | ||
+ | x.style.width="4.4%"; | ||
+ | } | ||
+ | function Subheadingbig(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Subheadingnormal(x) { | ||
+ | x.style.height="38%"; | ||
+ | x.style.width="38%"; | ||
+ | } | ||
+ | |||
+ | |||
+ | function DCMation() { | ||
+ | document.getElementById('DCMationwrap').style.display = "block"; | ||
+ | } | ||
+ | function DCMationHide(x) { | ||
+ | document.getElementById('DCMationwrap').style.display = "none"; | ||
+ | } | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $("#Heading1").click(function(){ | ||
+ | $("#DCMation1").animate({ | ||
+ | opacity:'1', | ||
+ | height:'400px', | ||
+ | width:'400px', | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $("#arrowr").click(function(){ | ||
+ | $("#grey").animate({right:'-13%'}, "fast"); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#arrowl").click(function(){ | ||
+ | $("#grey").animate({right:'-9%'}, "fast"); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#split").click(function(){ | ||
+ | $("#right").animate({left:'85%'}); | ||
+ | $("#left").animate({left:'3.1%'}); | ||
+ | $("#abstract").animate({width:'69.9%', left:'15.1%'}); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $("#x").click(function(){ | ||
+ | $("#right").animate({left:'50%'}); | ||
+ | $("#left").animate({left:'38.1%'}); | ||
+ | $("#abstract").animate({width:'0%', left:'50%'}); | ||
+ | }); | ||
+ | }); | ||
</script> | </script> | ||
Line 190: | Line 313: | ||
</div> | </div> | ||
+ | <div class="inner"> | ||
+ | <div style="position: relative; width:65% left: 0; top: 0;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/97/OxigemUp.png" style="position: relative; width:65%; left: 17%; top: 0;"> | ||
+ | |||
+ | <img id="left" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemLeft.png" style="position: absolute; width:12%; top: 18%; left: 38.1%;"> | ||
+ | <img id="right" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemRight.png" style="position: absolute; width:12%; top: 18%; left: 50%;"> | ||
+ | |||
+ | <div id="abstract" style="position: absolute; width:0%; height:100%; top: 0%; left: 50%; background-color: #000000; opacity:0.6; z-index:10; border-radius:15px;"> | ||
+ | <div id="abstract2"> | ||
+ | <img id="x" src="https://static.igem.org/mediawiki/2014/a/a5/X.png" style="position:absolute;right:0%;" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <img id="down" src="https://static.igem.org/mediawiki/2014/1/1c/OxigemDown.png" style="position: absolute; width:65%; top: 0; left: 17%;"> | ||
+ | <a href="#"><img id="split" src="https://static.igem.org/mediawiki/2014/2/21/OxigemBlank.png" style="position: absolute; width:24%; top:35%; left: 38%;" /></a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="Heading" id="Heading1" style="top: 72%; left: 35.5%; width:11%;" onclick="DCMation()" onmouseover= | ||
+ | "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><a href="#"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;" ></a></div> | ||
+ | |||
+ | <div class="Heading" style="top: 77.8%; left: 53%; width:11.1%;" onmouseover="Achievementsbig(this)" onmouseout= | ||
+ | "Achievementsnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 57%; left: 22%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout= | ||
+ | "Modellingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 56.5%; left:69.3%; width:7.3%;" onmouseover="Policybig(this)" onmouseout= | ||
+ | "Policynormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 27%; left: 24.5%; width:8.8%;" onmouseover="iGEMcommbig(this)" onmouseout= | ||
+ | "iGEMcommnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 27.5%; left: 68%; width:6.5%;" onmouseover="Interlabbig(this)" onmouseout= | ||
+ | "Interlabnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 15.3%; left: 40%; width:5%;" onmouseover="Safetybig(this)" onmouseout= | ||
+ | "Safetynormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/safety"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 16.5%; left: 55.5%; width:4.4%;" onmouseover="Teambig(this)" onmouseout= | ||
+ | "Teamnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png" | ||
+ | style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="DCMationwrap" onClick="DCMationHide()" | ||
+ | style="background: rgba(0,0,0,.4); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none"> | ||
+ | <div class="Heading" id="DCMationpopup" style= | ||
+ | "left: 37.15%; width:26%; position:absolute; margin-top:12.5%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/3c/OxigemDcmationsub.png" style="width: 100%;"> | ||
+ | |||
+ | <div class="Heading" style="top: 13.8%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 32.6%; left: 30.9%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/notebook"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/4/49/OxigemBiodetection.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 50.57%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/notebook"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="Heading" style="top: 69.5%; left: 30%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/notebook"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" style="width: 100%;"></a> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 13:58, 4 September 2014