"
Template:Team:Glasgow/Header
From 2011.igem.org
(Difference between revisions)
| (39 intermediate revisions not shown) | |||
| Line 10: | Line 10: | ||
var last = path.split("/"); | var last = path.split("/"); | ||
if ( last[1] ) { | if ( last[1] ) { | ||
| - | + | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff"); | |
| - | + | ||
| - | + | ||
| - | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","# | + | |
} | } | ||
}); | }); | ||
$('#menuback').mouseover(function() { | $('#menuback').mouseover(function() { | ||
| - | $('#headover').stop().animate({height:' | + | $('#headover').stop().animate({height:'160px',top:'0px'},400); |
}); | }); | ||
| Line 30: | Line 27: | ||
$('.listhead').mouseover(function(){ | $('.listhead').mouseover(function(){ | ||
$('.listhead').not('.curlink').css("color","#ffffff"); | $('.listhead').not('.curlink').css("color","#ffffff"); | ||
| - | $(this).css("color","# | + | $(this).css("color","#bbffff"); |
$('#headover ul').css("display","none"); | $('#headover ul').css("display","none"); | ||
var vActive = $(this).attr("id"); | var vActive = $(this).attr("id"); | ||
| Line 38: | Line 35: | ||
$('.listmain').mouseover(function(){ | $('.listmain').mouseover(function(){ | ||
$('.listmain').not('.curlink').css("color","#dddddd"); | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
| - | $(this).css("color","# | + | $(this).css("color","#bbffff"); |
}); | }); | ||
| Line 49: | Line 46: | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | a:link {color:#20548f | + | a:link {color:#20548f;} |
| - | a:visited {color:#20548f | + | a:visited {color:#20548f;} |
| - | a:hover {color:#20548f | + | a:hover {color:#20548f;} |
| - | a:active {color:#20548f; | + | a:active {color:#20548f;} |
| + | |||
| + | p { | ||
| + | padding:4px;} | ||
#top-section { | #top-section { | ||
background-color: #606060; | background-color: #606060; | ||
| - | |||
border: none; | border: none; | ||
width:910px; | width:910px; | ||
| - | height:20px} | + | height:20px;} |
#p-logo { | #p-logo { | ||
| Line 83: | Line 82: | ||
#footer-box { | #footer-box { | ||
| - | width: | + | width:890px;} |
body { | body { | ||
| Line 92: | Line 91: | ||
#content { | #content { | ||
| - | width: | + | width: 890px; |
border: none; | border: none; | ||
font-family: calibri, arial, sans-serif; | font-family: calibri, arial, sans-serif; | ||
| + | font-size: 1.1em; | ||
color: #000000; | color: #000000; | ||
| - | background-color:#ffffff;} | + | background-color:#ffffff; |
| + | text-align:justify;} | ||
| Line 103: | Line 104: | ||
height:50px; | height:50px; | ||
position: relative; | position: relative; | ||
| - | top: | + | top: -35px; |
| - | left: | + | left: -5px;} |
| Line 111: | Line 112: | ||
height:65px; | height:65px; | ||
position: relative; | position: relative; | ||
| - | top: | + | top: -10px; |
| - | left: | + | left: -5px;} |
#menuback { | #menuback { | ||
| Line 120: | Line 121: | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
| - | + | overflow-y:hidden; | |
| + | z-index:1;} | ||
#headpic { | #headpic { | ||
| Line 133: | Line 135: | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
| + | z-index:1; | ||
background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px; | background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px; | ||
background-repeat:repeat-y; } | background-repeat:repeat-y; } | ||
| - | a { | + | a{ |
outline:none;} | outline:none;} | ||
| Line 142: | Line 145: | ||
position: absolute; | position: absolute; | ||
top: 16px; | top: 16px; | ||
| - | left: | + | left: 55px; |
list-style: none;} | list-style: none;} | ||
#menulist li{ | #menulist li{ | ||
height:30px; | height:30px; | ||
| - | width: | + | width:136px; |
float:left; | float:left; | ||
display:block; | display:block; | ||
| Line 153: | Line 156: | ||
#menulist li a{ | #menulist li a{ | ||
| - | |||
font-size: 1.2em; | font-size: 1.2em; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 164: | Line 166: | ||
position: absolute; | position: absolute; | ||
top: 1.2em; | top: 1.2em; | ||
| - | left: | + | left:55px; |
} | } | ||
#headover ul ul{ | #headover ul ul{ | ||
position: absolute; | position: absolute; | ||
| - | width: | + | width:120px; |
top:-0.2em; | top:-0.2em; | ||
| - | left: | + | left:115px; |
list-style:none;} | list-style:none;} | ||
| Line 190: | Line 192: | ||
<div id='header'> | <div id='header'> | ||
| - | <img src="http://farm7.static.flickr.com/ | + | <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#headermap" /> |
<map name="headermap"> | <map name="headermap"> | ||
<area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/> | <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/> | ||
<area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/" target="_blank"/> | <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/" target="_blank"/> | ||
| - | <area shape="rect" coords=" | + | <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/> |
</map> | </map> | ||
</div> | </div> | ||
| Line 200: | Line 202: | ||
<div id='menu'> | <div id='menu'> | ||
<div id='menuback'> | <div id='menuback'> | ||
| + | <img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/316217_10150398754624673_649494672_9924355_901873686_n.jpg" usemap="#homemap" /> | ||
| + | <map name="homemap"> | ||
| + | <area shape="rect" coords="0,0,60,50" alt="Home" href="https://2011.igem.org/Team:Glasgow"/> | ||
| + | </map> | ||
<ul id='menulist'> | <ul id='menulist'> | ||
<li><a href='#' class='listhead' id='project'>Project</a></li> | <li><a href='#' class='listhead' id='project'>Project</a></li> | ||
<li><a href='#' class='listhead' id='team'>Team</a></li> | <li><a href='#' class='listhead' id='team'>Team</a></li> | ||
<li><a href='#' class='listhead' id='modelling'>Modelling</a></li> | <li><a href='#' class='listhead' id='modelling'>Modelling</a></li> | ||
| - | <li><a href='#' class='listhead' id=' | + | <li><a href='#' class='listhead' id='hp'>Human Practices</a></li> |
| - | <li><a href='#' class='listhead' id=' | + | <li><a href='#' class='listhead' id='safety'>Project Safety</a></li> |
| - | + | <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li> | |
| + | |||
| + | |||
</div> | </div> | ||
<div id='headpic'> | <div id='headpic'> | ||
| Line 212: | Line 220: | ||
<ul class='project'> | <ul class='project'> | ||
| - | <li><a href='https://2011.igem.org/Team:Glasgow/ | + | <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Project Summary</a></li> |
| - | <li><a href='https://2011.igem.org/Team:Glasgow/ | + | <li><a href='https://2011.igem.org/Team:Glasgow/Lab_Book' class='listmain'>Lab Books</a></li> |
| - | <li><a href='https://2011.igem.org/Team:Glasgow/ | + | <li><a href='https://2011.igem.org/Team:Glasgow/Results' class='listmain'>Results</a></li> |
<li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li> | ||
</ul> | </ul> | ||
| Line 220: | Line 228: | ||
<ul class='team'><ul class='team'> | <ul class='team'><ul class='team'> | ||
<li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li> | ||
| - | <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team | + | <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Vlog</a></li> |
<li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li> | ||
</ul></ul> | </ul></ul> | ||
| Line 226: | Line 234: | ||
<ul class='modelling'><ul class='modelling'><ul class='modelling'> | <ul class='modelling'><ul class='modelling'><ul class='modelling'> | ||
<li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li> | ||
| + | <li><a href='https://2011.igem.org/Team:Glasgow/ModelingTutorial' class='listmain'>Tutorial</a></li> | ||
</ul></ul></ul> | </ul></ul></ul> | ||
| - | <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'> | + | <ul class='hp'><ul class='hp'><ul class='hp'><ul class='hp'> |
| + | <li><a href='https://2011.igem.org/Team:Glasgow/Communicating_Science' class='listmain'>Human Practices</a></li> | ||
| + | </ul></ul></ul></ul> | ||
| + | |||
| + | <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'> | ||
<li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li> | ||
| - | |||
<li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li> | ||
| - | + | </ul></ul></ul></ul></ul> | |
| - | + | ||
| - | <ul class=' | + | <ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'> |
| - | + | <li><a href='https://2011.igem.org/Team:Glasgow/Acknowledgements' class='listmain'>Acknowledgements</a></li> | |
<li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li> | <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li> | ||
| - | + | ||
| - | + | </ul></ul></ul></ul></ul></ul> | |
</div> | </div> | ||
Latest revision as of 03:14, 22 September 2011
