Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD DIARY

From 2012.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 27: Line 27:
set_bk();
set_bk();
-
</script>
 
-
<script>
 
-
  Page = function()
 
-
{
 
-
  alert("Hello World!");
 
-
  /*window.open("https://2012.igem.org/Team:Cambridge/Diary/Week_1" ,_self);*/
 
-
  return false;
 
-
}
 
</script>
</script>
Line 42: 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;
padding:0; border: none; font-size: 10px;}
padding:0; border: none; font-size: 10px;}
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
#p-logo { height:1px; overflow:scroll; 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: 100px; 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;}
Line 67: Line 59:
<script type="text/javascript">
<script type="text/javascript">
 +
    var pathname = window.location.pathname;
 +
    pathname = pathname.split("/");
 +
   
 +
$(document).ready(function() {
$(document).ready(function() {
 +
       
 +
$('.cam_grid_headover h7').css("display","none");
 +
 +
        $('#cam_diary_link').click(function() {
 +
            if (pathname[2]=="Diary"){
 +
              location.replace("https://2012.igem.org/Team:Cambridge/Diary" + "/"+ pathname[3]);
 +
              return false;
 +
            }
 +
            else if (pathname[2] =="Lab_book"){
 +
              location.replace("https://2012.igem.org/Team:Cambridge/Diary" + "/"+ pathname[3]);
 +
              return false;
 +
            }
 +
            else {
 +
              location.replace("https://2012.igem.org/Team:Cambridge/Diary/Week_1");
 +
              return false;
 +
          }
 +
 +
        });
 +
 +
        $('#cam_Lab_link').click(function() {
 +
            if (pathname[2]=="Diary"){
 +
              location.replace("https://2012.igem.org/Team:Cambridge/Lab_book" + "/"+ pathname[3]);
 +
              return false;
 +
            }
 +
            else if (pathname[2] =="Lab_book"){
 +
              location.replace("https://2012.igem.org/Team:Cambridge/Lab_book" + "/"+ pathname[3]);
 +
              return false;
 +
            }
 +
            else {
 +
              location.replace("https://2012.igem.org/Team:Cambridge/Lab_book/Week_3");
 +
              return false;
 +
          }
 +
 +
        });
 +
-
      $('a#myLink').click(function(){
 
-
          window.open("https://2012.igem.org/Team:Cambridge/Diary/Week_1" ,_self); });
 
-
          return false;
 
-
        }
 
-
 
-
$('.cam_grid_headover h6').css("display","none");
 
$('#cam_grid_diary_title').mouseover(function() {
$('#cam_grid_diary_title').mouseover(function() {
     $('#cam_grid_diary_headover').stop().animate({height:'170px',top:'0px'},1000);
     $('#cam_grid_diary_headover').stop().animate({height:'170px',top:'0px'},1000);
-
$('#cam_grid_diary_headover h6').fadeIn(500);
+
$('#cam_grid_diary_headover h7').fadeIn(500);
});
});
     $('#cam_grid_diary').mouseleave(function() {
     $('#cam_grid_diary').mouseleave(function() {
     $('#cam_grid_diary_headover').stop().animate({height:'90px',top:'80px'},1000);
     $('#cam_grid_diary_headover').stop().animate({height:'90px',top:'80px'},1000);
-
$('#cam_grid_diary_headover h6').fadeOut(500);
+
$('#cam_grid_diary_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 92: Line 117:
});
});
-
    $('#cam_nav_project').mouseleave(function() {
+
/*  $('#cam_nav_project').mouseleave(function() {
$('#cam_nav_project_headover').fadeOut(200);
$('#cam_nav_project_headover').fadeOut(200);
     });
     });
Line 151: Line 176:
$('#cam_nav_home_headover').fadeOut(200);
$('#cam_nav_home_headover').fadeOut(200);
     });
     });
 +
*/
});
});
Line 166: Line 192:
<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 174: Line 200:
     <div id='cam_grid_diary_headover' class='cam_grid_headover'>
     <div id='cam_grid_diary_headover' class='cam_grid_headover'>
         <ul class = "subtitles">
         <ul class = "subtitles">
-
<li><a id = "myLink" href ="https://2012.igem.org/Team:Cambridge/Diary/Week_1" class='cam-external'>Diary</a></li>
+
<li><a id = 'cam_diary_link' href ="#" class='cam-external' style="color: #FFFFFF">Diary</a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Lab_book/Week_3" class='cam-external'>Lab book </a></li>
+
<li><a id = 'cam_Lab_link' href ="https://2012.igem.org/Team:Cambridge/Lab_book/Week_3" class='cam-external' style="color: #FFFFFF">Lab book </a></li>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Protocols" class='cam-external'>Protocols </a></li>
+
<li><a href ="https://2012.igem.org/Team:Cambridge/Protocols" class='cam-external' style="color: #FFFFFF">Protocols </a></li>
 +
                        <li><a href ="https://2012.igem.org/Team:Cambridge/Quotes" class='cam-external' style="color: #FFFFFF">Tom's Quotes </a></li>
</ul>
</ul>
-
<h6> This is a detail record of our work during the Summer... Read More </h6>
+
<br>
 +
<h7> This is a detailed record of our work during the Summer...Read More</h7>
</div>
</div>
<div id='cam_grid_diary_title' class='cam_grid_title'>
<div id='cam_grid_diary_title' class='cam_grid_title'>
Line 193: Line 221:
             </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 198: Line 227:
                 </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 203: Line 233:
             </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 209: Line 240:
                 </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 256: Line 288:
             </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 264: Line 299:
-
<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