Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD SAFETY

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="/Team:Cambridge/s...")
 
(16 intermediate revisions not shown)
Line 34: Line 34:
/* 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;
Line 61: Line 61:
$(document).ready(function() {
$(document).ready(function() {
-
$('.cam_grid_headover h6').css("display","none");
+
$('.cam_grid_headover h7').css("display","none");
$('#cam_grid_safety_title').mouseover(function() {
$('#cam_grid_safety_title').mouseover(function() {
     $('#cam_grid_safety_headover').stop().animate({height:'170px',top:'0px'},1000);
     $('#cam_grid_safety_headover').stop().animate({height:'170px',top:'0px'},1000);
-
$('#cam_grid_safety_headover h6').fadeIn(500);
+
$('#cam_grid_safety_headover h7').fadeIn(500);
});
});
     $('#cam_grid_safety').mouseleave(function() {
     $('#cam_grid_safety').mouseleave(function() {
     $('#cam_grid_safety_headover').stop().animate({height:'90px',top:'80px'},1000);
     $('#cam_grid_safety_headover').stop().animate({height:'90px',top:'80px'},1000);
-
$('#cam_grid_safety_headover h6').fadeOut(500);
+
$('#cam_grid_safety_headover h7').fadeOut(500);
     });
     });
-
$('.cam_nav_headover').css("display","none");
+
// $('.cam_nav_headover').css("display","none");
$('#cam_nav_project').mouseover(function() {
$('#cam_nav_project').mouseover(function() {
Line 79: Line 79:
});
});
-
    $('#cam_nav_project').mouseleave(function() {
+
/*  $('#cam_nav_project').mouseleave(function() {
$('#cam_nav_project_headover').fadeOut(200);
$('#cam_nav_project_headover').fadeOut(200);
     });
     });
Line 138: Line 138:
$('#cam_nav_home_headover').fadeOut(200);
$('#cam_nav_home_headover').fadeOut(200);
     });
     });
 +
*/
});
});
Line 150: Line 151:
<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 159:
     <div id='cam_grid_safety_headover' class='cam_grid_headover'>
     <div id='cam_grid_safety_headover' class='cam_grid_headover'>
         <ul class = "subtitles">
         <ul class = "subtitles">
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Safety" class='cam-external'>Overview</a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Safety" class='cam-external' style="color: #FFFFFF">Overview</a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Safety/RiskAssessments" class='cam-external'>Risk Assessments </a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Safety/RiskAssessments" class='cam-external' style="color: #FFFFFF">Risk Assessments </a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Safety/MSDS" class='cam-external'>MSDS </a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Safety/MSDS" class='cam-external' style="color: #FFFFFF">MSDS </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>
+
<br>
 +
<h7> Lab safety is always our first priority... Read More </h7>
</div>
</div>
<div id='cam_grid_safety_title' class='cam_grid_title'>
<div id='cam_grid_safety_title' class='cam_grid_title'>
Line 177: Line 179:
             </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 185:
                 </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 191:
             </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>
Line 248: Line 257:
-
<div id='cam_right' class='cam-box'>
+
<div id='cam_right' class='cam-box1'>
<div id='cam_pagecontent' class='cam-box-content'>
<div id='cam_pagecontent' class='cam-box-content'>
</html>
</html>

Latest revision as of 00:48, 27 September 2012