Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD PROJECT

From 2012.igem.org

(Difference between revisions)
 
(125 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 39: Line 55:
padding:0; border: none; font-size: 14px;}
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() {
-
+
 
 +
    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_headover h7').css("display","none");
Line 72: Line 121:
$('#cam_grid_project_headover h7').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 151: Line 142:
<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 src='https://static.igem.org/mediawiki/2012/9/99/Logo_cam.png'></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 162: Line 153:
<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/Parts" class='cam-external' style="color: #FFFFFF">Parts </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/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>
-
<BR>
+
<h7>Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h7>
-
 
+
-
<h7> Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h7>
+
</div>
</div>
Line 185: Line 176:
             </div>
             </div>
             </a>
             </a>
 +
             <a href='https://2012.igem.org/Team:Cambridge/Outreach/Overview'>
             <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'>
Line 192: Line 184:
             </div>
             </div>
             </a>
             </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 197: 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 203: 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 250: 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