User:Benjamin Miller: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
Testing |
No edit summary |
||
| (35 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[ | <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> | |||
Latest revision as of 15:42, 23 September 2010
<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>
</body>
</html>