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="navitem1">
+
                 <li><a href="http://2014.igem.org/Team:Toulouse" class="navlink">HOME</a></li>
-
                  <a href="" class="navlink">Project</a>
+
                <li><a href="http://2014.igem.org/Team:Toulouse/Team" class="navlink">TEAM</a>
                     <ul class="subnav">
                     <ul class="subnav">
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/overview">Overview</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Team">Our Team</a></li>
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/binary_reminder">Logic-Based Devices</a></li>
+
                         <li><a href="http://igem.org/Team.cgi?year=2014&team_name=Toulouse">Official team profile</a></li>
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/biological_construction">Biological Modules</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/e_calculus_design"><i>E. calculus</i> Design</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Team/Fun_facts">Fun Facts</a></li>
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/modelling">Modelling</a></li>
+
                  </ul>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/novel_approach">Novel Approach</a></li>
+
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/extras/achievements">Achievements</a></li>
+
-
                    </ul>
+
                 </li>
                 </li>
-
                 <li class="navitem2">
+
                 <li><a href="http://2014.igem.org/Team:Toulouse/Project/Overviews" class="navlink">PROJECT</a>
-
                    <a href="" class="navlink">Team</a>
+
                     <ul class="subnav">
                     <ul class="subnav">
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/team/students">Students</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Project/project-context">Project context</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/team/supervisors">Supervisors</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Project/Overviews">Overview</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/team/collaborators">Collaborators</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis">Chemotaxis</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/team/school">School</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Project/binding">Binding</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/team/partners/sponsors">Sponsors</a></li>
+
                       
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/team/partners/iGEM_buddies">iGEM Buddies</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides">Fungicides</a></li>
-
                    </ul>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Project/Spreading">Spreading</a></li>
 +
                                            </ul>
                 </li>
                 </li>
-
                 <li class="navitem3">
+
                 <li><a href="http://2014.igem.org/Team:Toulouse/Result/experimental-results" class="navlink">RESULTS</a>
-
                    <a href="" class="navlink">Lab practice</a>
+
                     <ul class="subnav">
                     <ul class="subnav">
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook">Notebook</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Result/experimental-results">Experimental results</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/parts">Parts</a></li>
+
<li><a href="http://2014.igem.org/Team:Toulouse/Modelling">Modeling</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results">Results</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Result/parts">Parts</a></li>
 +
                         <li class="Achievements"><a href="http://2014.igem.org/Team:Toulouse/Result/achievement">Achievements</a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li class="navitem4">
+
                 <li><a href="http://2014.igem.org/Team:Toulouse/Safety" class="navlink">HUMAN PRACTICE</a>
-
                    <a href="" class="navlink">Human practice</a>
+
                     <ul class="subnav">
                     <ul class="subnav">
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/human_practice/ethical_aspects">Ethical aspects</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Safety">Safety</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/human_practice/conferences">Conferences</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/ethics">Ethics</a></li>
 +
                        <li><a href="http://2014.igem.org/Team:Toulouse/Communication">Communication</a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li class="navitem5">
+
                 <li><a href="http://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="navlink">NOTEBOOK</a>
-
                    <a href="" class="navlink">Safety</a>
+
                     <ul class="subnav">
                     <ul class="subnav">
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/safety/iGEM_safety">iGEM Safety</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Notebook/Calendar">Calendar</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/safety/safety_in_the_lab">Safety in the Lab</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Notebook/project-monitoring">Project monitoring</a></li>
-
                          
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Notebook/Protocols">Protocols</a></li>
                     </ul>
                     </ul>
-
                 </li>
+
                 </li>
-
                <li class="navitem6">
+
        <li><a href="http://2014.igem.org/Team:Toulouse/Acknowledgements/Attributions" class="navlink">ACKNOWLEDGEMENTS</a>
-
                    <a href="" class="navlink">Extras</a>
+
                     <ul class="subnav">
                     <ul class="subnav">
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/extras/attribution">Attribution</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Acknowledgements/Attributions">Attributions</a></li>
-
                         <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/project/references">References</a></li>
+
                         <li><a href="http://2014.igem.org/Team:Toulouse/Acknowledgements/Sponsors">Sponsors</a></li>
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/extras/our_city">Our City: Toulouse</a></li>
+
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/extras/glossary">Glossary</a></li>
+
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/extras/gallery">Gallery</a></li>
+
-
                        <li><a href="http://2013.igem.org/Team:INSA_Toulouse/contenu/extras/fun_facts">Fun facts</a></li>
+
                     </ul>
                     </ul>
                 </li>
                 </li>
-
               
+
             </ul>
             </ul>
         </div>
         </div>

Latest revision as of 12:43, 23 February 2015