|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| | | |
- | <div id="leftbox" style="float:left; height:200px; width:319px;" class="tophome"> | + | <div> |
- | <div id="lefttop" style="background:#00CCFF; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader"><a style="color:#7d1b7e !important" href="https://2013.igem.org/Team:Imperial_College/Overview">Project Overview</a></div> | + | <div id="leftbox" style="float:left; height:87px; width:319px;" class="tophome"> |
- | <div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#c35617), to(#fbb117));
| + | <a href="https://2013.igem.org/wiki/index.php?title=Team:Imperial_College/tour"><img src="https://static.igem.org/mediawiki/2013/5/5c/Button_glance.jpg" alt="At a glance" width="318" height="87" /></a> |
- | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
| + | |
- | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> This page gives an overview of our project</p>
| + | |
- | </div>
| + | |
| </div> | | </div> |
| | | |
- | <div id="cbox" style="float:left; height:200px; width:319px; margin-left:5px;" class="tophome"> | + | <div id="cbox" style="float:left; height:87px; width:319px; margin-left:5px;" class="tophome"> <a href="https://2013.igem.org/Team:Imperial_College/Judging_Criteria"><img src="https://static.igem.org/mediawiki/2013/e/ea/Button_judge.jpg" alt="Judging criteria" width="318" height="87" /></a> </div> |
- | <div id="ctop" style="background:#f535aa;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader"><a style="color:#7d1b7e !important" href="https://2013.igem.org/Team:Imperial_College/Judging_Criteria">Judging criteria</a></div> | + | |
- | <div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f535aa), to(#b048b5));
| + | |
- | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
| + | |
- | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Judging criteria</a>.
| + | |
| | | |
- | <script> | + | <div id="rightbox" style="float:left; height:87px; margin-left:5px; width:310px;" class="tophome"> |
- | var dontclose=false;
| + | <a href="#"><img src="https://static.igem.org/mediawiki/2013/3/33/Button_data.jpg" alt="Main data" width="318" height="87" /></a> |
- | function displayGibson(youTubeURL){
| + | </div> |
- | var newDiv = document.createElement('div');
| + | |
- | newDiv.setAttribute('id',"GibsonVidOverlay");
| + | |
- | newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100; text-align:center; background:url(https://static.igem.org/mediawiki/2010/e/e9/Opacity9.png) ;");
| + | |
- | newDiv.setAttribute('onclick',";hideOverlay();");
| + | |
- | newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
| + | |
- | $('body')[0].appendChild(newDiv);
| + | |
- | }
| + | |
- | function hideOverlay(){
| + | |
- | if(dontclose){
| + | |
- | dontclose=false;
| + | |
- | }
| + | |
- | else{
| + | |
- | $('body')[0].removeChild($('#GibsonVidOverlay')[0]);
| + | |
- | }
| + | |
- | }
| + | |
- | </script>
| + | |
- | </div>
| + | |
- | </div> | + | |
| | | |
- | <div id="rightbox" style="float:left; height:200px; margin-left:5px; width:310px;" class="tophome">
| |
- | <div id="rtop" style="background:#5cb3ff;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader"><a style="color:#7d1b7e !important" href="https://2013.igem.org/Team:Imperial_College/mainresults">Main results</a></div>
| |
- | <div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#5cb3ff), to(#488ac7));
| |
- | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
| |
- | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">Main results</a>.
| |
- | </a>
| |
- | </div>
| |
| </div> | | </div> |
| </html> | | </html> |