Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD PROJECT

From 2012.igem.org

(Difference between revisions)
 
(211 intermediate revisions not shown)
Line 1: Line 1:
<html>
<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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="/Team:Cambridge/static/wiki.js"></script>
 +
 +
<script type="text/javascript">
 +
 +
  var set_bk = function()
 +
  {
 +
    var w = screen.width;
 +
    var _c = 'CAM12_bg_';
 +
    if(w <= 1024)
 +
      _c=_c+'1024';
 +
    else if(w <= 1280)
 +
      _c=_c+'1280';
 +
    else if(w <= 1366)
 +
      _c=_c+'1366';
 +
    else if(w <= 1440)
 +
      _c=_c+'1440';
 +
    else if(w <= 1680)
 +
      _c=_c+'1680';
 +
    else _c = _c+'1920';
 +
   
 +
    $('body').addClass(_c);
 +
  }
 +
 +
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>
 +
 +
<style type ='text/css'>
 +
/* Wiki Hacks - START */
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
#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: scroll; 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;
 +
padding:0; border: none; font-size: 14px;}
 +
#p-logo { height:1px; overflow:hidden; display: none;}
 +
#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;}
 +
.visualClear { display: none; }
 +
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 +
.firstHeading { display: none;}
 +
#f-list a { color: #333; font-size: 10px;}
 +
#f-list a:hover { color: #666;}
 +
.printfooter { display: none; }
 +
#footer ul { margin: 0; padding: 0;}
 +
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 +
#search-controls { display:none; }
 +
h3#siteSub { display: none;}
 +
#contentSub {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 */
 +
</style>
 +
 +
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css" />
<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);
+
-
    });
+
});
});
</script>
</script>
 +
</head>
-
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/wiki.css" />  
+
<body>
-
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/hack.css" />
+
-
 
+
<div id='cam_page'>
<div id='cam_page'>
-
 
-
<!--head loading bar-->
 
-
 
-
<div id='cam_loading'>
 
-
  <div>Loading...</div>
 
-
</div>
 
-
 
-
<!--top bar- DO NOT EDIT YET-->
 
-
 
-
<div id='cam_topbar' class='cam-box'>
 
-
<div style='margin: 0px 12px; width:160px;float: left;'>
 
-
<div class='cam-ui-icon cam-ui-icon-igem'></div>
 
-
<a href='https://2011.igem.org/Main_Page'>
 
-
iGEM HQ
 
-
</a>
 
-
</div>
 
-
<div style='margin: 0px 12px;float:left;'>
 
-
<div class='cam-ui-icon cam-ui-icon-edit'></div>
 
-
<a id='edit-link' class='cam-external' href='#'>
 
-
Page Source
 
-
</a>
 
-
                <div class='cam-ui-icon cam-ui-icon-edit'></div>
 
-
<a id='edit-intro-link' class='cam-external' href='#'>
 
-
Intro Source
 
-
</a>
 
-
</div>
 
-
<div id='cam_login_status' style='margin: 0px 12px;float:right;'>
 
-
  <span id='logged_out'>
 
-
<div class='cam-ui-icon cam-ui-icon-key'></div>
 
-
<a id='login-link' class='cam-external' href='#'>
 
-
Login
 
-
</a>
 
-
  </span>
 
-
  <span id='logged_in' style='display:none;'>
 
-
<div class='cam-ui-icon cam-ui-icon-user'></div>
 
-
<a id='user-link' class='cam-external' href='#'>
 
-
 
-
</a>
 
-
<div class='cam-ui-icon cam-ui-icon-user'></div>
 
-
<a id='account-link' class='cam-external' href='https://igem.org/User_Information'>
 
-
My Account
 
-
</a>
 
-
<div class='cam-ui-icon cam-ui-icon-key'></div>
 
-
<a id='logout-link' class='cam-external' href='/wiki/index.php?title=Special:UserLogout'>
 
-
Logout
 
-
</a>
 
-
  </span>
 
-
</div>
 
-
</div>
 
-
 
-
<!--left navigation bit-->
 
<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 src='https://static.igem.org/mediawiki/2011/f/ff/CAM_Bactiridescence_logo_Small.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 155: 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 174: 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 179: 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 184: 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 190: 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 237: 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>
-
<!-- main content-->
+
<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);" >
-
<div id='cam_left'>
+
</MAP>  
-
  <div id="wiki_content">
+
-
</div>
+
-
</div>
+
 +
<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