Team:Toulouse/template/navigation
From 2014.igem.org
(Difference between revisions)
(32 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <!-- JAVASCRIPTS --> | ||
+ | <!-- *********** --> | ||
+ | |||
+ | <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> | ||
+ | <![endif]--> | ||
+ | <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.5.2.min.js”></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(window).scroll(function () { | ||
+ | var scrollPos = $(window).scrollTop(); | ||
+ | if (scrollPos > 110) { | ||
+ | $(".navigation").addClass("stickToTop"); | ||
+ | } else { | ||
+ | $(".navigation").removeClass("stickToTop"); | ||
+ | } | ||
+ | if (scrollPos > 180) { | ||
+ | $(".toc").addClass("stickBelowNavigation"); | ||
+ | } else { | ||
+ | $(".toc").removeClass("stickBelowNavigation"); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- MathJax (LaTeX for the web) --> | ||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); | ||
+ | MathJax.Hub.Config({ | ||
+ | TeX: { | ||
+ | equationNumbers: { autoNumber: "AMS" } | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | |||
+ | <!-- Sexy Drop Down (drop down navigation) --> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready( | ||
+ | function(){ | ||
+ | $("ul.subnav").parent().find("> a").append("<span> ?</span>"); | ||
+ | $("ul.topnav li").hover( | ||
+ | function() { | ||
+ | // Hover over | ||
+ | $(this).parent().find("ul.subnav").hide(); | ||
+ | $(this).find("ul.subnav").show(); | ||
+ | // Hover out | ||
+ | $(this).hover( | ||
+ | function() { | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).find("ul.subnav").hide(); | ||
+ | } | ||
+ | ); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).find("ul.subnav").hide(); | ||
+ | } | ||
+ | |||
+ | ); | ||
+ | } | ||
+ | ); | ||
+ | </script> | ||
+ | |||
+ | <!-- iGem wiki hacks --> | ||
+ | <!-- Remove all empty <p> tags --> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("p").filter( function() { | ||
+ | return $.trim($(this).html()) == ''; | ||
+ | }).remove(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Remove "team" from the menubar --> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("menubar > ul > li:last-child").remove(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Empty heading? - Then remove it.. --> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | if ("" == "</html>{{{1}}}<html>") { | ||
+ | $("#heading").remove(); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 44: | Line 134: | ||
padding: 0; | padding: 0; | ||
float: right; | float: right; | ||
+ | position: relative; | ||
+ | top: 5px; | ||
} | } | ||
ul.topnav li { | ul.topnav li { | ||
float: left; | float: left; | ||
margin: 0; | margin: 0; | ||
- | padding: 0px | + | padding: 0px 18px; |
position: relative; /*--Declare X and Y axis base for sub navigation--*/ | position: relative; /*--Declare X and Y axis base for sub navigation--*/ | ||
} | } | ||
Line 64: | Line 156: | ||
text-align:center; | text-align:center; | ||
line-height:17px; | line-height:17px; | ||
- | height: | + | height:30px; |
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | ul.topnav > li > a:hover, | ||
+ | ul.topnav > li > a:focus, | ||
+ | ul.topnav > li > a:active { | ||
+ | color:#2ecc71; | ||
} | } | ||
Line 79: | Line 178: | ||
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | ||
left: 15px; top:35px; | left: 15px; top:35px; | ||
- | background: # | + | background: #86C46C; |
margin: 0; padding: 0; | margin: 0; padding: 0; | ||
display: none; | display: none; | ||
Line 102: | Line 201: | ||
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
- | background: # | + | background: #22780F; |
} | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li.lisimpledrop:hover { /*--Hover effect for subnav links--*/ | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li.lisimpledrop a:hover { /*--Hover effect for subnav links--*/ | ||
+ | color:black; | ||
+ | background:none; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li.libasedrop:hover { /*--Hover effect for subnav links--*/ | ||
+ | background: #999; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li.libasedrop a.basedrop { /*--Hover effect for subnav links--*/ | ||
+ | color:black; | ||
+ | background:none; | ||
+ | } | ||
+ | |||
+ | html ul.topnav ul.subnav li.libasedrop a:hover { /*--Hover effect for subnav links--*/ | ||
+ | color:white; | ||
+ | background:none; | ||
+ | } | ||
+ | |||
+ | /*li.Achievements {/*--Hover effect for Achievements subnav links--*/ | ||
+ | background-color : #E1E979; | ||
+ | } | ||
+ | |||
+ | li.Achievements:hover {/*--Hover effect for Achievements subnav links--*/ | ||
+ | background-color : #E6CF1C | ||
+ | }--*/ | ||
</style> | </style> | ||
Line 112: | Line 242: | ||
<ul class="topnav" id="topnav"> | <ul class="topnav" id="topnav"> | ||
- | <li><a href="" class="navlink">HOME</a></li> | + | <li><a href="https://2014.igem.org/Team:Toulouse" class="navlink">HOME</a></li> |
- | <li><a href="" class="navlink">TEAM</a> | + | <li><a href="https://2014.igem.org/Team:Toulouse/Team" class="navlink">TEAM</a> |
<ul class="subnav"> | <ul class="subnav"> | ||
<li><a href="https://2014.igem.org/Team:Toulouse/Team">Our Team</a></li> | <li><a href="https://2014.igem.org/Team:Toulouse/Team">Our Team</a></li> | ||
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse">Official team profile</a></li> | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse">Official team profile</a></li> | ||
- | |||
<li><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li> | <li><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li> | ||
- | + | <li><a href="https://2014.igem.org/Team:Toulouse/Team/Fun_facts">Fun Facts</a></li> | |
+ | </ul> | ||
</li> | </li> | ||
- | <li><a href="" class="navlink">PROJECT</a> | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="navlink">PROJECT</a> |
<ul class="subnav"> | <ul class="subnav"> | ||
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/project-context">Project context</a></li> |
- | <li><a href="https://igem.org/Team | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Overviews">Overview</a></li> |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis">Chemotaxis</a></li> |
- | <li><a href="https://2014.igem.org/Team:Toulouse/Team/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/binding">Binding</a></li> |
- | + | ||
+ | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides">Fungicides</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Spreading">Spreading</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | <li><a href="" class="navlink">RESULTS</a> | + | <li><a href="https://2014.igem.org/Team:Toulouse/Result/experimental-results" class="navlink">RESULTS</a> |
<ul class="subnav"> | <ul class="subnav"> | ||
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Result/experimental-results">Experimental results</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Toulouse/Modelling">Modeling</a></li> | |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Result/parts">Parts</a></li> |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li class="Achievements"><a href="https://2014.igem.org/Team:Toulouse/Result/achievement">Achievements</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="" class="navlink">HUMAN PRACTICE</a> | + | <li><a href="https://2014.igem.org/Team:Toulouse/Safety" class="navlink">HUMAN PRACTICE</a> |
<ul class="subnav"> | <ul class="subnav"> | ||
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Safety">Safety</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Toulouse/ethics">Ethics</a></li> | |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Communication">Communication</a></li> |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="" class="navlink">NOTEBOOK</a> | + | <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="navlink">NOTEBOOK</a> |
<ul class="subnav"> | <ul class="subnav"> | ||
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar">Calendar</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/project-monitoring">Project monitoring</a></li> | |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols">Protocols</a></li> |
- | <li><a href="https://2014.igem.org/Team:Toulouse/ | + | |
</ul> | </ul> | ||
- | </li> | + | </li> |
+ | <li><a href="https://2014.igem.org/Team:Toulouse/Acknowledgements/Attributions" class="navlink">ACKNOWLEDGEMENTS</a> | ||
+ | <ul class="subnav"> | ||
+ | <li><a href="https://2014.igem.org/Team:Toulouse/Acknowledgements/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Toulouse/Acknowledgements/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
</ul> | </ul> | ||
</div> | </div> |
Latest revision as of 12:43, 23 February 2015