Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD PROJECT

From 2012.igem.org

(Difference between revisions)
 
(179 intermediate revisions not shown)
Line 26: Line 26:
set_bk();
set_bk();
 +
 +
var ImgAry=['https://static.igem.org/mediawiki/2012/9/90/Linearised_logo3.png','https://static.igem.org/mediawiki/2012/5/57/Linearised_logo2_boldHP.png','https://static.igem.org/mediawiki/2012/7/78/Linearised_logo2_boldRS.png', 'https://static.igem.org/mediawiki/2012/b/b6/Linearised_logo2_boldRM.png', 'https://static.igem.org/mediawiki/2012/1/19/Linearised_logo2_boldBL.png', 'https://static.igem.org/mediawiki/2012/4/4c/Linearised_logo2_boldSD.png']
 +
var MapAry=[];
 +
for (var zxc0=0;zxc0<ImgAry.length;zxc0++){
 +
  MapAry[zxc0]=new Image();
 +
  MapAry[zxc0].src=ImgAry[zxc0];
 +
}
 +
 +
function Swap(id,nu){
 +
document.getElementById(id).src=MapAry[nu].src;
 +
}
 +
 +
function ScrollBit(x, y){
 +
    window.scrollTo(0,900);
 +
 +
}
</script>
</script>
Line 34: Line 50:
/* Team: TU Delft */
/* Team: TU Delft */
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
+
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: scroll; height:100%;}
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
#top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
#top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
-
padding:0; border: none; font-size: 10px;}
+
padding:0; border: none; font-size: 14px;}
#p-logo { height:1px; overflow:hidden; display: none;}
#p-logo { height:1px; overflow:hidden; display: none;}
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 150px; right: 40px;}
#footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
#footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
.visualClear { display: none; }
.visualClear { display: none; }
Line 53: Line 69:
#contentSub {display: none;}
#contentSub {display: none;}
p:first-child { display: none;}
p:first-child { display: none;}
 +
#cam_top_logos {
 +
  top: 0;
 +
  position: absolute;
 +
  color: black;
 +
 +
}
 +
 +
#cam_top_logos.fixed {
 +
  position: fixed;
 +
  top: 0;
 +
}
 +
 +
#camlogoswrapper {
 +
  position: absolute;
 +
}
 +
/* Wiki Hacks - END */
/* Wiki Hacks - END */
</style>
</style>
Line 60: Line 92:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
-
+
 
-
$('.cam_grid_headover h6').css("display","none");
+
    var top = $('#cam_top_logos').offset().top - parseFloat($('#cam_top_logos').css('marginTop').replace(/auto/, 0));
 +
      $(window).scroll(function (event) {
 +
          // what the y position of the scroll is
 +
            var y = $(this).scrollTop();
 +
 
 +
        // whether that's below the form
 +
          if (y >= top) {
 +
        // if so, ad the fixed class
 +
          $('#cam_top_logos').addClass('fixed');
 +
        } else {
 +
          // otherwise remove it
 +
          $('#cam_top_logos').removeClass('fixed');
 +
        }
 +
  });
 +
 
 +
       
 +
 
 +
$('.cam_grid_headover h7').css("display","none");
$('#cam_grid_project_title').mouseover(function() {
$('#cam_grid_project_title').mouseover(function() {
     $('#cam_grid_project_headover').stop().animate({height:'170px',top:'0px'},1000);
     $('#cam_grid_project_headover').stop().animate({height:'170px',top:'0px'},1000);
-
$('#cam_grid_project_headover h6').fadeIn(500);
+
$('#cam_grid_project_headover h7').fadeIn(500);
});
});
     $('#cam_grid_project').mouseleave(function() {
     $('#cam_grid_project').mouseleave(function() {
     $('#cam_grid_project_headover').stop().animate({height:'90px',top:'80px'},1000);
     $('#cam_grid_project_headover').stop().animate({height:'90px',top:'80px'},1000);
-
$('#cam_grid_project_headover h6').fadeOut(500);
+
$('#cam_grid_project_headover h7').fadeOut(500);
     });
     });
-
 
-
$('.cam_nav_headover').css("display","none");
 
$('#cam_nav_project').mouseover(function() {
$('#cam_nav_project').mouseover(function() {
$('#cam_nav_project_headover').fadeIn(200);
$('#cam_nav_project_headover').fadeIn(200);
});
});
-
 
-
    $('#cam_nav_project').mouseleave(function() {
 
-
$('#cam_nav_project_headover').fadeOut(200);
 
-
    });
 
-
$('#cam_nav_outreach').mouseover(function() {
+
if(this.hash.substring(1) == "Luciferase_and_instrumentation" ) {
-
$('#cam_nav_outreach_headover').fadeIn(200);
+
     ('html,body').animate({ scrollLeft: $('#Luciferase_and_instrumentation').offset().left }, 8000);
-
});
+
     alert("hello");
-
+
}
-
    $('#cam_nav_outreach').mouseleave(function() {
+
-
$('#cam_nav_outreach_headover').fadeOut(200);
+
-
     });
+
-
+
-
$('#cam_nav_gallery').mouseover(function() {
+
-
$('#cam_nav_gallery_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_gallery').mouseleave(function() {
+
-
$('#cam_nav_gallery_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_diary').mouseover(function() {
+
-
$('#cam_nav_diary_headover').fadeIn(200);
+
-
});
+
-
+
-
     $('#cam_nav_diary').mouseleave(function() {
+
-
$('#cam_nav_diary_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_team').mouseover(function() {
+
-
$('#cam_nav_team_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_team').mouseleave(function() {
+
-
$('#cam_nav_team_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_safety').mouseover(function() {
+
-
$('#cam_nav_safety_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_safety').mouseleave(function() {
+
-
$('#cam_nav_safety_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_sponsors').mouseover(function() {
+
-
$('#cam_nav_sponsors_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_sponsors').mouseleave(function() {
+
-
$('#cam_nav_sponsors_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_home').mouseover(function() {
+
-
$('#cam_nav_home_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_home').mouseleave(function() {
+
-
$('#cam_nav_home_headover').fadeOut(200);
+
-
    });
+
});
});
Line 147: Line 139:
<div id='cam_left'>
<div id='cam_left'>
-
<a href='https://2012.igem.org/Team:Cambridge' title='Team:Cambridge'>
+
<a href='https://2012.igem.org/Team:Cambridge' title='Team:Cambridge'>
<div id='cam_logo' class='cam-header cam-box'>
<div id='cam_logo' class='cam-header cam-box'>
<div id='cam_innerlogo'>
<div id='cam_innerlogo'>
-
</img>
+
  <center> <img src='https://static.igem.org/mediawiki/2012/9/99/Logo_cam.png'  width="130" height="130"></img></center>
</div>
</div>
</div>
</div>
Line 158: Line 150:
     <div id='cam_grid_project_headover' class='cam_grid_headover'>
     <div id='cam_grid_project_headover' class='cam_grid_headover'>
         <ul class = "subtitles">
         <ul class = "subtitles">
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Project" class='cam-external'>Overview</a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Project" class='cam-external' style="color: #FFFFFF">Overview</a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Parts" class='cam-external'>Parts </a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Parts" class='cam-external' style="color: #FFFFFF">Parts </a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Instrumentation" class='cam-external'>Instrumentation </a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Project/DesignProcess" class='cam-external' style="color: #FFFFFF">Design Process</a></li>
 +
<li><a href ="https://2012.igem.org/Team:Cambridge/Project/Results" class='cam-external' style="color: #FFFFFF">Results</a></li>
 +
 
</ul>
</ul>
-
<h6> Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h6>
+
 +
<h7>Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h7>
</div>
</div>
 +
<div id='cam_grid_project_title' class='cam_grid_title'>
<div id='cam_grid_project_title' class='cam_grid_title'>
</div>
</div>
 +
</div>
</div>
 +
      
      
<div id='cam_nav'>
<div id='cam_nav'>
 +
<div id='cam_nav_row1' class='cam_nav_row'>
<div id='cam_nav_row1' class='cam_nav_row'>
         <a href='https://2012.igem.org/Team:Cambridge/Project'>
         <a href='https://2012.igem.org/Team:Cambridge/Project'>
Line 177: Line 176:
             </div>
             </div>
             </a>
             </a>
 +
 +
            <a href='https://2012.igem.org/Team:Cambridge/Outreach/Overview'>
             <div id='cam_nav_outreach' class='cam_nav_grid'>
             <div id='cam_nav_outreach' class='cam_nav_grid'>
             <div id='cam_nav_outreach_headover' class='cam_nav_headover'>
             <div id='cam_nav_outreach_headover' class='cam_nav_headover'>
Line 182: Line 183:
                 </div>
                 </div>
             </div>
             </div>
 +
            </a>
 +
             <a href='http://www.facebook.com/CambridgeIgem2012'>
             <a href='http://www.facebook.com/CambridgeIgem2012'>
             <div id='cam_nav_facebook' class='cam_nav_grid'>
             <div id='cam_nav_facebook' class='cam_nav_grid'>
Line 187: Line 190:
             </a>
             </a>
         </div>
         </div>
 +
 
 +
            <a href='https://2012.igem.org/Team:Cambridge/Gallery/DayAtLab'>
         <div id='cam_nav_row2' class='cam_nav_row'>
         <div id='cam_nav_row2' class='cam_nav_row'>
         <div id='cam_nav_gallery' class='cam_nav_grid'>
         <div id='cam_nav_gallery' class='cam_nav_grid'>
Line 193: Line 198:
                 </div>
                 </div>
             </div>
             </div>
 +
          </a>
             <a href='http://twitter.com/cambridgeigem12'>
             <a href='http://twitter.com/cambridgeigem12'>
             <div id='cam_nav_twitter' class='cam_nav_grid'>
             <div id='cam_nav_twitter' class='cam_nav_grid'>
Line 240: Line 246:
             </div>
             </div>
             </a>
             </a>
 +
 +
<a href='http://youtu.be/lO6ajD0KfVI'>
 +
             <div id='cam_nav_youtube' class='cam_nav_grid'>
             <div id='cam_nav_youtube' class='cam_nav_grid'>
             </div>
             </div>
 +
</a>
         </div>
         </div>
</div>
</div>
</div>
</div>
 +
<div id='cam_right' class='cam-box1'>
 +
    <div id='camlogoswrapper'>
 +
    <div id='cam_top_logos' class='cam-topnav'>
 +
    <img id='tst' src='https://static.igem.org/mediawiki/2012/9/90/Linearised_logo3.png' USEMAP="#logomap" width="760" height="160" /></img>
 +
      </div>
 +
      </div>
 +
<MAP NAME="logomap">
 +
<AREA SHAPE="RECT" COORDS="0,0,110,90" HREF="https://2012.igem.org/Team:Cambridge/Outreach/Overview" onmouseover="Swap('tst',1);"  onmouseout="Swap('tst',0);"  >
 +
<AREA SHAPE="RECT" COORDS="115,0,220,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Biosensors" onmouseover="Swap('tst',2);"  onmouseout="Swap('tst',0);" >
 +
<AREA SHAPE="RECT" COORDS="225,0,365,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Standardised_Outputs" onmouseover="Swap('tst',3);"  onmouseout="Swap('tst',0);" >
 +
<AREA SHAPE="RECT" COORDS="370,0,510,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Instrumentation" onmouseover="Swap('tst',4);"  onmouseout="Swap('tst',0);" >
 +
<AREA SHAPE="RECT" COORDS="515,0,760,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Sporulation_and_Germination" onmouseover="Swap('tst',5);"  onmouseout="Swap('tst',0);" >
 +
</MAP>
-
<div id='cam_right' class='cam-box'>
 
<div id='cam_pagecontent' class='cam-box-content'>
<div id='cam_pagecontent' class='cam-box-content'>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
</html>
</html>

Latest revision as of 20:20, 26 September 2012

Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More