Template:Team:Glasgow/Header
From 2011.igem.org
(Difference between revisions)
(40 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 25: | Line 22: | ||
$('.listmain').not('.curlink').css("color","#dddddd"); | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
$('#headover ul').fadeOut(500); | $('#headover ul').fadeOut(500); | ||
- | $('#headover').stop().animate({height:'0px',top:'0px'}, | + | $('#headover').stop().animate({height:'0px',top:'0px'},400); |
}); | }); | ||
Line 33: | Line 30: | ||
$('#headover ul').css("display","none"); | $('#headover ul').css("display","none"); | ||
var vActive = $(this).attr("id"); | var vActive = $(this).attr("id"); | ||
- | $('.'+vActive).stop(true, true).fadeIn( | + | $('.'+vActive).stop(true, true).fadeIn(300); |
}); | }); | ||
Line 53: | Line 50: | ||
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;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#header { | #header { | ||
Line 109: | Line 104: | ||
height:50px; | height:50px; | ||
position: relative; | position: relative; | ||
- | top: | + | top: -35px; |
- | left: | + | left: -5px;} |
Line 117: | Line 112: | ||
height:65px; | height:65px; | ||
position: relative; | position: relative; | ||
- | top: | + | top: -10px; |
- | left: | + | left: -5px;} |
#menuback { | #menuback { | ||
Line 126: | Line 121: | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
- | + | overflow-y:hidden; | |
+ | z-index:1;} | ||
#headpic { | #headpic { | ||
Line 139: | 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 148: | 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 159: | Line 156: | ||
#menulist li a{ | #menulist li a{ | ||
- | |||
font-size: 1.2em; | font-size: 1.2em; | ||
text-decoration: none; | text-decoration: none; | ||
Line 170: | 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 195: | Line 191: | ||
<body> | <body> | ||
- | <div id=' | + | <div id='header'> |
- | + | <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#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="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/" target="_blank"/> | |
- | + | <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/> | |
- | + | </map> | |
- | + | ||
- | + | ||
</div> | </div> | ||
<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=' | + | <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='safety'>Project Safety</a></li> | |
+ | <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li> | ||
+ | |||
+ | |||
</div> | </div> | ||
<div id='headpic'> | <div id='headpic'> | ||
Line 219: | 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> | ||
- | <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> | + | |
+ | <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/ModelingTutorial' class='listmain'>Tutorial</a></li> | ||
+ | </ul></ul></ul> | ||
+ | |||
+ | <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/Safetybiobricks' class='listmain'>Biobricks</a></li> | ||
+ | </ul></ul></ul></ul></ul> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | </ul></ul></ul></ul></ul></ul> | ||
+ | |||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 03:14, 22 September 2011
![](http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg)