Team:Toulouse/template/navigation
From 2014.igem.org
(Difference between revisions)
(Created page with "<html> <div id="navigation"> <div class="navigation"> <div class="centering"> <ul class="topnav" id="topnav"> <li class="navitem1"> ...") |
|||
(44 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"> | ||
+ | /* ************ navigation header **************** */ | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | #navigation,.navigation { | ||
+ | } | ||
+ | .navigation { | ||
+ | z-index: 1; | ||
+ | box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); | ||
+ | position: relative;} | ||
+ | |||
+ | /* stick navigation */ | ||
+ | .stickToTop { | ||
+ | position: fixed; | ||
+ | background-color: #f6f6f6; | ||
+ | top:0; | ||
+ | width:100%; | ||
+ | z-index:5;} | ||
+ | |||
+ | .stickToTop .navlink{ | ||
+ | display:none;} | ||
+ | |||
+ | .stickToTop li{ | ||
+ | top:-12px; | ||
+ | } | ||
+ | |||
+ | .stickToTop ul.topnav li ul.subnav { | ||
+ | top: 50px; | ||
+ | } | ||
+ | |||
+ | .stickToTop ul.topnav li ul.subnav li a{ | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | ul.topnav { | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | top: 5px; | ||
+ | } | ||
+ | ul.topnav li { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | padding: 0px 18px; | ||
+ | position: relative; /*--Declare X and Y axis base for sub navigation--*/ | ||
+ | } | ||
+ | ul.topnav li a { | ||
+ | padding: 7px 0px 5px; | ||
+ | color: #010101; | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.topnav > li > a { | ||
+ | overflow: hidden; | ||
+ | text-align:center; | ||
+ | line-height:17px; | ||
+ | height:30px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | ul.topnav > li > a:hover, | ||
+ | ul.topnav > li > a:focus, | ||
+ | ul.topnav > li > a:active { | ||
+ | color:#2ecc71; | ||
+ | } | ||
+ | |||
+ | ul.topnav > li > a > span{ | ||
+ | display:none;} | ||
+ | |||
+ | ul.topnav li:first-child a{ | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.topnav li ul.subnav { | ||
+ | z-index: 1; //Stay on top of slider | ||
+ | list-style: none; | ||
+ | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | ||
+ | left: 15px; top:35px; | ||
+ | background: #86C46C; | ||
+ | margin: 0; padding: 0; | ||
+ | display: none; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.topnav li ul.subnav li { | ||
+ | margin: 0; padding: 0; | ||
+ | clear: both; | ||
+ | list-style: none outside none; | ||
+ | } | ||
+ | ul.topnav li ul.subnav, ul.topnav li ul.subnav li { | ||
+ | width: 160px; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li a { | ||
+ | float: left; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | width: 143px; | ||
+ | color:#f6f6f6; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
+ | 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> | ||
<div id="navigation"> | <div id="navigation"> | ||
Line 6: | Line 242: | ||
<ul class="topnav" id="topnav"> | <ul class="topnav" id="topnav"> | ||
- | <li class=" | + | <li><a href="https://2014.igem.org/Team:Toulouse" class="navlink">HOME</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Toulouse/Team" class="navlink">TEAM</a> | |
<ul class="subnav"> | <ul class="subnav"> | ||
- | <li><a href="https:// | + | <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://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li> | |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Team/Fun_facts">Fun Facts</a></li> |
- | + | </ul> | |
- | <li><a href="https:// | + | |
- | <li><a href="https:// | + | |
- | + | ||
</li> | </li> | ||
- | <li | + | <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:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/project-context">Project context</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Overviews">Overview</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis">Chemotaxis</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Project/binding">Binding</a></li> |
- | <li><a href="https:// | + | |
- | <li><a href="https:// | + | <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 | + | <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:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Result/experimental-results">Experimental results</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Modelling">Modeling</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Result/parts">Parts</a></li> |
+ | <li class="Achievements"><a href="https://2014.igem.org/Team:Toulouse/Result/achievement">Achievements</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li | + | <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:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Safety">Safety</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/ethics">Ethics</a></li> |
+ | <li><a href="https://2014.igem.org/Team:Toulouse/Communication">Communication</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li | + | <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:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar">Calendar</a></li> |
- | <li><a href="https:// | + | <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/Notebook/Protocols">Protocols</a></li> | |
</ul> | </ul> | ||
- | </li> | + | </li> |
- | + | <li><a href="https://2014.igem.org/Team:Toulouse/Acknowledgements/Attributions" class="navlink">ACKNOWLEDGEMENTS</a> | |
- | + | ||
<ul class="subnav"> | <ul class="subnav"> | ||
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Acknowledgements/Attributions">Attributions</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2014.igem.org/Team:Toulouse/Acknowledgements/Sponsors">Sponsors</a></li> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | + | ||
</ul> | </ul> | ||
</div> | </div> |
Latest revision as of 12:43, 23 February 2015