User:Benjamin Miller
From OpenWetWare
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
var path = location.pathname.substring(1);
if ( path )
$('#headover ul li a[href$="http://openwetware.org/wiki/IGEM:Imperial/2010"]').addClass("curlink");
var vCurlink = $('#headover ul li a[href$="http://openwetware.org/wiki/IGEM:Imperial/2010"]').attr("id");
$('#'+vCurlink+'.listhead').addClass('curlink');
$('.curlink').css("color","#ea8828");
});
$('#menuback').mouseover(function() {
$('#headover').stop().animate({height:'150px',top:'0px'},1000);
});
$('#menu').mouseleave(function() {
$('.listhead,.listmain').not('.curlink').css("color","#dddddd");
$('#headover ul').fadeOut(500);
$('#headover').stop().animate({height:'50px',top:'100px'},1000);
});
$('.listhead').mouseover(function(){
$('.listhead').not('.curlink').css("color","#dddddd");
$(this).css("color","#ea8828");
$('#headover ul').css("display","none");
var vActive = $(this).attr("id");
$('.'+vActive).stop().fadeIn(500);
});
$('.listmain').mouseover(function(){
$('.listmain').not('.curlink').css("color","#dddddd");
$(this).css("color","#ea8828");
});
}); </script> <style type="text/css">
#title {
width:900px;
height:50px;
position: relative;
top: 0px;
left: 0px;}
#implogo {
width:190px;
height:50px;
position: absolute;
top: 0px;
left: 20px;
background-image:url(http://openwetware.org/images/c/c9/Imperialigemimplogo.jpg);}
#igemlogo {
width:84px;
height:50px;
position:absolute;
top:0px;
left:260px;
background-image:url(http://openwetware.org/images/9/9c/Imperialigemigemlogo.jpg);}
#csynbilogo {
width:205px;
height:50px;
position:absolute;
top:0px;
left:394px;
background-image:url(http://openwetware.org/images/a/ac/Imperialigemcsynbilogo.jpg);}
#menu {
width:900px;
height:150px;
position: relative;
top: 20px;
left: 0px;}
#menuback {
width:100px;
height:150px;
position: absolute;
top: 0px;
left: 0px;
background-color: #495046}
#headpic {
width:800px;
height:150px;
position: absolute;
top: 0px;
left: 100px;
background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
#headover {
width: 800px;
height:50px;
position: absolute;
top: 100px;
left: 0px;
background: url(http://openwetware.org/images/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
a {
outline:none;}
#headtit{
font-family: helvetica, arial, sans-serif;
font-size: 1.2em;
color: #ffffff;
position: absolute;
top: 0.5em;
right: 1.4em;}
.dark{
color: #dddddd;}
.highlight{
color: #ea8828;}
#menulist{
position: absolute;
top: 16px;
left: 3px;
list-style: none;}
#menulist li{
height: 30px;
}
#menulist li a{
font-weight: 100;
font-size: 1.2em;
text-decoration: none;
font-family: helvetica, arial, sans-serif;
color: #dddddd;}
#headover ul{
list-style: none;
display: none;
position: absolute;
top: 1.2em;
left: 0.2em;
}
#headover ul ul{
position: absolute;
top:-0.2em;
left: 15em;}
#headover ul li{
height: 2.4em;
}
#headover ul li a{
font-weight: 100;
font-size: 1.2em;
text-decoration: none;
font-family: helvetica, arial, sans-serif;
color: #dddddd;}
</style>
</head>
<body>
<div id='title'>
<div id='implogo'>
</div>
<div id='igemlogo'>
</div>
<div id='csynbilogo'>
</div>
</div>
<div id='menu'>
<div id='menuback'>
<ul id='menulist'>
<li><a href='#' class='listhead' id='project'>Project</a></li>
<li><a href='#' class='listhead' id='plan'>Plan</a></li>
<li><a href='#' class='listhead' id='results'>Results</a></li>
<li><a href='#' class='listhead' id='extra'>Extra</a></li>
</ul>
</div>
<div id='headpic'>
<div id='headover'>
<p id='headtit'>Parasight<span class='dark'> <span class='highlight'>|</span> Parasite detection with a rapid response</span></p>
<ul class='project'>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010' class='listmain' id='project'>Overview</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Detection_module' class='listmain' id='project'>Detection Module</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Fast_Response_module' class='listmain' id='project'>Fast Response Module</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Output_module' class='listmain' id='project'>Output Module</a></li>
<ul class='project'>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Ethics' class='listmain' id='project'>Ethics</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Parts' class='listmain' id='project'>Parts</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Papers' class='listmain' id='project'>Papers</a></li>
</ul>
</ul>
<ul class='plan'>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Strategy' class='listmain' id='plan'>Strategy</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Parts/Synthesis' class='listmain' id='plan'>Synthesis</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Lab_Work' class='listmain' id='plan'>Lab Work</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Protocol' class='listmain' id='plan'>Protocol</a></li>
<ul class='plan'>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Modelling' class='listmain' id='plan'>Modelling</a></li>
</ul>
</ul>
<ul class='results'>
<li><a href='#' class='listmain' id='results'>Under Construction</a></li>
</ul>
<ul class='extra'>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Projects' class='listmain' id='extra'>Brainstorming</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Journal_Club' class='listmain' id='extra'>Journal Club</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Movie_Night' class='listmain' id='extra'>Movie Night</a></li>
<li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Judging_Criteria' class='listmain' id='extra'>Judging Criteria</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
