Team:Toulouse/template/navigation

From 2014.igem.org

(Difference between revisions)
 
(36 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 24px;
+
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;
-
     font-family: 'Open Sans';
+
     height:30px;
-
     font-style: normal;
+
     font-weight:bold;
-
     font-weight: 400;}
+
}
 +
 
 +
ul.topnav > li > a:hover,
 +
ul.topnav > li > a:focus,
 +
ul.topnav > li > a:active {
 +
     color:#2ecc71;
 +
}
ul.topnav > li > a > span{
ul.topnav > li > a > span{
Line 79: Line 177:
list-style: none;
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
-
left: 5px; top: 85px;
+
left: 15px; top:35px;
-
background: #50a29b;
+
background: #86C46C;
margin: 0; padding: 0;
margin: 0; padding: 0;
display: none;
display: none;
Line 103: 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: #96d2cd;
+
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 113: 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/Contact">Contact</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>
-
                    </ul>
+
                        <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/Team">Our Team</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Project/project-context">Project context</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/Project/Overviews">Overview</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Contact">Contact</a></li>
+
                        <li><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis">Chemotaxis</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/Project/binding">Binding</a></li>
-
                    </ul>
+
                       
 +
                         <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/Team">Our Team</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Result/experimental-results">Experimental results</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/Modelling">Modeling</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Contact">Contact</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Result/parts">Parts</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li>
+
                         <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/Team">Our Team</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Safety">Safety</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/ethics">Ethics</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Contact">Contact</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Communication">Communication</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li>
+
                     </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/Team">Our Team</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar">Calendar</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/Notebook/project-monitoring">Project monitoring</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Contact">Contact</a></li>
+
                         <li><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols">Protocols</a></li>
-
                         <li><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li>
+
                     </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