Template:Team:Exeter/e-candi banner
From 2012.igem.org
(Difference between revisions)
(21 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <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] ) { | ||
+ | $('#slide_menu ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828"); | ||
+ | } | ||
+ | else { | ||
+ | $('#slide_menu ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $('#main_options').mouseover(function() { | ||
+ | $('#slide_menu').stop().animate({width:'272px',top:'9px'},1000); | ||
+ | }); | ||
+ | |||
+ | $('#menu_interface').mouseleave(function() { | ||
+ | $('.listhead').not('.curlink').css("color","#ffffff"); | ||
+ | $('.listmain').not('.curlink').css("color","#1D1D1B"); | ||
+ | $('#slide_menu ul').fadeOut(500); | ||
+ | $('#slide_menu').stop().animate({width:'0px',top:'9px'},1000); | ||
+ | }); | ||
+ | |||
+ | $('.listhead').mouseover(function(){ | ||
+ | $('.listhead').not('.curlink').css("color","#ffffff"); | ||
+ | $(this).css("color","#444444"); | ||
+ | $('#slide_menu ul').css("display","none"); | ||
+ | var vActive = $(this).attr("id"); | ||
+ | $('.'+vActive).stop(true, true).fadeIn(500); | ||
+ | }); | ||
+ | |||
+ | $('.listmain').mouseover(function(){ | ||
+ | $('.listmain').not('.curlink').css("color","#1D1D1B"); | ||
+ | $(this).css("color","#ea8828"); | ||
+ | }); | ||
+ | |||
+ | $('#slide_menu').mouseleave(function(){ | ||
+ | $('.listmain').not('.curlink').css("color","#1D1D1B"); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 32: | Line 76: | ||
height: 100px; | height: 100px; | ||
border: none; | border: none; | ||
- | width: | + | width: 980px; |
height:20px | height:20px | ||
} | } | ||
Line 70: | Line 114: | ||
/*Page Controls(how wide the content section is within the window - background colour)*/ | /*Page Controls(how wide the content section is within the window - background colour)*/ | ||
#content { | #content { | ||
- | width: | + | width: 980px; |
border: none; | border: none; | ||
font-family: helvetica, arial, sans-serif; | font-family: helvetica, arial, sans-serif; | ||
Line 77: | Line 121: | ||
#footer-box { | #footer-box { | ||
- | width: | + | width:980px; |
} | } | ||
Line 88: | Line 132: | ||
#menu_interface{ | #menu_interface{ | ||
- | width: | + | width: 791px; |
height: 314px; | height: 314px; | ||
position: relative; | position: relative; | ||
Line 151: | Line 195: | ||
#main_options_tsci{ | #main_options_tsci{ | ||
- | + | position: absolute; | |
- | + | top: 32px; | |
- | + | left: 0%; | |
- | + | width: 80px; | |
- | + | height: 80px; | |
} | } | ||
#main_options_btsci{ | #main_options_btsci{ | ||
- | + | position: absolute; | |
- | + | top: 16px; | |
- | + | left: 0%; | |
- | + | width: 80px; | |
- | + | height: 80px; | |
} | } | ||
Line 177: | Line 221: | ||
/*Text Style*/ | /*Text Style*/ | ||
#main_options a{ | #main_options a{ | ||
- | |||
font-size: 1.2em; | font-size: 1.2em; | ||
line-height: 1.1em; | line-height: 1.1em; | ||
Line 191: | Line 234: | ||
top: 9px; | top: 9px; | ||
right: 2px; | right: 2px; | ||
- | background: url(https://static.igem.org/mediawiki/2012/ | + | background: url(https://static.igem.org/mediawiki/2012/d/dd/Exe2012Slidebkgd.png) 0px 0px no-repeat; |
z-index: 0; | z-index: 0; | ||
} | } | ||
Line 200: | Line 243: | ||
position: absolute; | position: absolute; | ||
top: 17px; | top: 17px; | ||
- | left: - | + | left: -188px; |
} | } | ||
Line 209: | Line 252: | ||
position: absolute; | position: absolute; | ||
top: 0.2em; | top: 0.2em; | ||
- | left: | + | left: 1.0em; |
} | } | ||
Line 263: | Line 306: | ||
position: absolute; | position: absolute; | ||
top: 9px; | top: 9px; | ||
- | left: | + | left: 150px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 287: | Line 322: | ||
position: absolute; | position: absolute; | ||
top: 14px; | top: 14px; | ||
- | left: | + | left: 400px; |
} | } | ||
Line 314: | Line 349: | ||
<a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a> | <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a> | ||
<div id="main_options_project" align="center"> | <div id="main_options_project" align="center"> | ||
- | <a href='#' class='listhead' id='project'> | + | <a href='#' class='listhead' id='project'>ExiGEM</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 320: | Line 355: | ||
<a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a> | <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a> | ||
<div id="main_options_tsci" align="center"> | <div id="main_options_tsci" align="center"> | ||
- | <a href='#' class='listhead' id='the_science'> | + | <a href='#' class='listhead' id='the_science'>Concept</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 332: | Line 367: | ||
<a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a> | <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a> | ||
<div id="main_options_results" align="center"> | <div id="main_options_results" align="center"> | ||
- | <a href='#' class='listhead' id='results'> Results </a> | + | <a href='#' class='listhead' id='results'>Results</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 341: | Line 376: | ||
<ul class='project'> | <ul class='project'> | ||
<li><a href='https://2012.igem.org/Team:Exeter/Introduction' class='listmain' id='results'>Introduction</a></li> | <li><a href='https://2012.igem.org/Team:Exeter/Introduction' class='listmain' id='results'>Introduction</a></li> | ||
- | <li><a href='https://2012.igem.org/Team:Exeter/ | + | <li><a href='https://2012.igem.org/Team:Exeter/The ExiGEM2012 Team' class='listmain' id='results'>Team</a></li> |
- | + | <li><a href='https://2012.igem.org/Team:Exeter/Collaborators' class='listmain' id='results'>Collaborators</a></li> | |
- | <li><a href='https://2012.igem.org/Team:Exeter/ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
<ul class='the_science'> | <ul class='the_science'> | ||
- | <li><a href='https://2012.igem.org/Team:Exeter/ | + | <li><a href='https://2012.igem.org/Team:Exeter/Concept' class='listmain' id='results'>Background & Concept</a></li> |
- | <li><a href='https://2012.igem.org/Team:Exeter/ | + | <li><a href='https://2012.igem.org/Team:Exeter/Applications' class='listmain' id='results'>Future Applications</a></li> |
- | <li><a href='https://2012.igem.org/Team:Exeter/ | + | <li><a href='https://2012.igem.org/Team:Exeter/Human_Practices' class='listmain' id='results'>Human Practices</a></li> |
- | + | ||
- | + | ||
</ul> | </ul> | ||
<ul class='results'> | <ul class='results'> | ||
- | <li><a href='https://2012.igem.org/Team:Exeter/Results' class='listmain' id='results'> | + | <li><a href='https://2012.igem.org/Team:Exeter/Results' class='listmain' id='results'>Project Conclusions</a></li> |
- | <li><a href='https://2012.igem.org/Team:Exeter/ | + | <li><a href='https://2012.igem.org/Team:Exeter/Safety' class='listmain' id='results'>Safety</a></li> |
+ | <li><a href='https://2012.igem.org/Team:Exeter/Diary' class='listmain' id='project'>Diary</a></li> | ||
+ | <li><a href='https://2012.igem.org/Team:Exeter/Lab_Book' class='listmain' id='results'>Lab Books</a></li> | ||
+ | <li><a href='https://2012.igem.org/Team:Exeter/Results/biobricks' class='listmain' id='results'>Bio-Bricks</a></li> | ||
<li><a href='https://2012.igem.org/Team:Exeter/Achievements' class='listmain' id='results'>Achievements</a></li> | <li><a href='https://2012.igem.org/Team:Exeter/Achievements' class='listmain' id='results'>Achievements</a></li> | ||
</ul> | </ul> | ||
<ul class='beyond_the_science'> | <ul class='beyond_the_science'> | ||
- | <li><a href='https://2012.igem.org/Team:Exeter/Ideas' class='listmain' id='results'>Ideas</a></li> | + | <li><a href='https://2012.igem.org/Team:Exeter/Ideas' class='listmain' id='results'>Early Ideas</a></li> |
<li><a href='https://2012.igem.org/Team:Exeter/Outreach' class='listmain' id='results'>Outreach</a></li> | <li><a href='https://2012.igem.org/Team:Exeter/Outreach' class='listmain' id='results'>Outreach</a></li> | ||
- | |||
- | |||
- | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 378: | Line 406: | ||
<div id='twitter_link'> | <div id='twitter_link'> | ||
<a href='http://twitter.com/#!/iGEMExeter2012'><img src="/wiki/images/e/e3/Exe12_Twitter-logo-30x30.png" width="30" height="30">Follow us on Twitter</a> | <a href='http://twitter.com/#!/iGEMExeter2012'><img src="/wiki/images/e/e3/Exe12_Twitter-logo-30x30.png" width="30" height="30">Follow us on Twitter</a> | ||
- | |||
- | |||
- | |||
</div> | </div> | ||
<div id='igem_link'> | <div id='igem_link'> | ||
Line 392: | Line 417: | ||
</div> | </div> | ||
- | + | <div style="clear:both;"></div> | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + |
Latest revision as of 21:22, 26 September 2012