Team:Sheffield/tmp2
From 2014.igem.org
Line 213: | Line 213: | ||
</table> | </table> | ||
<!-- end of final block --> | <!-- end of final block --> | ||
+ | |||
+ | <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); | ||
+ | var last = path.split("/"); | ||
+ | if ( last[1] ) { | ||
+ | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $('#menuback').mouseover(function() { | ||
+ | $('#headover').stop().animate({height:'160px',top:'0px'},400); | ||
+ | }); | ||
+ | |||
+ | $('#menu').mouseleave(function() { | ||
+ | $('.listhead').not('.curlink').css("color","#ffffff"); | ||
+ | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
+ | $('#headover ul').fadeOut(500); | ||
+ | $('#headover').stop().animate({height:'0px',top:'0px'},400); | ||
+ | }); | ||
+ | |||
+ | $('.listhead').mouseover(function(){ | ||
+ | $('.listhead').not('.curlink').css("color","#ffffff"); | ||
+ | $(this).css("color","#bbffff"); | ||
+ | $('#headover ul').css("display","none"); | ||
+ | var vActive = $(this).attr("id"); | ||
+ | $('.'+vActive).stop(true, true).fadeIn(300); | ||
+ | }); | ||
+ | |||
+ | $('.listmain').mouseover(function(){ | ||
+ | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
+ | $(this).css("color","#bbffff"); | ||
+ | }); | ||
+ | |||
+ | $('#headover').mouseleave(function(){ | ||
+ | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | a:link {color:#20548f;} | ||
+ | a:visited {color:#20548f;} | ||
+ | a:hover {color:#20548f;} | ||
+ | a:active {color:#20548f;} | ||
+ | |||
+ | p { | ||
+ | padding:4px;} | ||
+ | |||
+ | #top-section { | ||
+ | background-color: #606060; | ||
+ | border: none; | ||
+ | width:910px; | ||
+ | height:20px;} | ||
+ | |||
+ | #p-logo { | ||
+ | position: absolute; | ||
+ | display: none;} | ||
+ | |||
+ | #search-controls { | ||
+ | display: none;} | ||
+ | |||
+ | #menubar.left-menu { | ||
+ | position: absolute; | ||
+ | top:0px; | ||
+ | left:0px;} | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | position: absolute; | ||
+ | top:0px; | ||
+ | right:0px;} | ||
+ | |||
+ | |||
+ | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited { | ||
+ | color: #ffffff;} | ||
+ | |||
+ | #footer-box { | ||
+ | width:890px;} | ||
+ | |||
+ | body { | ||
+ | background-color: #606060} | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none;} | ||
+ | |||
+ | #content { | ||
+ | width: 890px; | ||
+ | border: none; | ||
+ | font-family: calibri, arial, sans-serif; | ||
+ | font-size: 1.1em; | ||
+ | color: #000000; | ||
+ | background-color:#ffffff; | ||
+ | text-align:justify;} | ||
+ | |||
+ | |||
+ | #header { | ||
+ | width:900px; | ||
+ | height:50px; | ||
+ | position: relative; | ||
+ | top: -35px; | ||
+ | left: -5px;} | ||
+ | |||
+ | |||
+ | #menu { | ||
+ | width:900px; | ||
+ | height:65px; | ||
+ | position: relative; | ||
+ | top: -10px; | ||
+ | left: -5px;} | ||
+ | |||
+ | #menuback { | ||
+ | width:900px; | ||
+ | height:50px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | overflow-y:hidden; | ||
+ | z-index:1;} | ||
+ | |||
+ | #headpic { | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top: 50px;} | ||
+ | |||
+ | #headover { | ||
+ | width: 900px; | ||
+ | height:0px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | z-index:1; | ||
+ | background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px; | ||
+ | background-repeat:repeat-y; } | ||
+ | |||
+ | a{ | ||
+ | outline:none;} | ||
+ | |||
+ | #menulist{ | ||
+ | position: absolute; | ||
+ | top: 16px; | ||
+ | left: 55px; | ||
+ | list-style: none;} | ||
+ | |||
+ | #menulist li{ | ||
+ | height:30px; | ||
+ | width:136px; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #menulist li a{ | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: none; | ||
+ | font-family: calibri, arial, sans-serif; | ||
+ | color: #ffffff;} | ||
+ | |||
+ | #headover ul{ | ||
+ | list-style: none; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 1.2em; | ||
+ | left:55px; | ||
+ | } | ||
+ | |||
+ | #headover ul ul{ | ||
+ | position: absolute; | ||
+ | width:120px; | ||
+ | top:-0.2em; | ||
+ | left:115px; | ||
+ | list-style:none;} | ||
+ | |||
+ | #headover ul li{ | ||
+ | height: 2.4em; | ||
+ | } | ||
+ | |||
+ | #headover ul li a{ | ||
+ | font-weight: 100; | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: none; | ||
+ | font-family: calibri, arial, sans-serif; | ||
+ | color: #dddddd;} | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <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 id='menu'> | ||
+ | <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'> | ||
+ | <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='modelling'>Modelling</a></li> | ||
+ | <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 id='headpic'> | ||
+ | <div id='headover'> | ||
+ | |||
+ | <ul class='project'> | ||
+ | <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/Lab_Book' class='listmain'>Lab Books</a></li> | ||
+ | <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> | ||
+ | </ul> | ||
+ | |||
+ | <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/iGEM_Diary' class='listmain'>Team Vlog</a></li> | ||
+ | <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li> | ||
+ | </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> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Revision as of 21:56, 23 August 2014
|
Welcome!
|
|
|
|
|
Here you can place the logos of your sponsors or other links! |