Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD OUTREACH

From 2012.igem.org

(Difference between revisions)
 
(30 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_outreach_title').mouseover(function() {
$('#cam_grid_outreach_title').mouseover(function() {
     $('#cam_grid_outreach_headover').stop().animate({height:'170px',top:'0px'},1000);
     $('#cam_grid_outreach_headover').stop().animate({height:'170px',top:'0px'},1000);
-
$('#cam_grid_outreach_headover h6').fadeIn(500);
+
$('#cam_grid_outreach_headover h7').fadeIn(500);
});
});
     $('#cam_grid_outreach').mouseleave(function() {
     $('#cam_grid_outreach').mouseleave(function() {
     $('#cam_grid_outreach_headover').stop().animate({height:'90px',top:'80px'},1000);
     $('#cam_grid_outreach_headover').stop().animate({height:'90px',top:'80px'},1000);
-
$('#cam_grid_outreach_headover h6').fadeOut(500);
+
$('#cam_grid_outreach_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_outreach_headover' class='cam_grid_headover'>
     <div id='cam_grid_outreach_headover' class='cam_grid_headover'>
         <ul class = "subtitles">
         <ul class = "subtitles">
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/Overview" class='cam-external'>Overview</a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/Overview" class='cam-external' style="color: #FFFFFF">Overview</a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/HumanPractices" class='cam-external'>Human Practices</a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/HumanPractices" class='cam-external' style="color: #FFFFFF">Human Practices</a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/FutureDirections" class='cam-external'>Future Directions</a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/FutureDirections" class='cam-external' style="color: #FFFFFF">Future Directions</a></li>
 +
                        <li><a href ="https://2012.igem.org/Team:Cambridge/Outreach/Collaboration" class='cam-external' style="color: #FFFFFF">Collaboration</a></li>
 +
 
</ul>
</ul>
-
<h6> Coming soon! </h6>
+
<br>
-
</div>
+
 
 +
<h7> A record of our human practices and outreach over this summer.... Read more </h7></div>
<div id='cam_grid_outreach_title' class='cam_grid_title'>
<div id='cam_grid_outreach_title' class='cam_grid_title'>
</div>
</div>
Line 177: Line 181:
             </div>
             </div>
             </a>
             </a>
-
             <a href='https://2012.igem.org/Team:Cambridge/Outreach'>
+
             <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 189: Line 193:
             </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 195: Line 201:
                 </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 242: Line 251:
             </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 250: Line 262:
-
<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 23:25, 26 September 2012