Difference between revisions of "Template:Pasteur Paris/Menu"

Line 1: Line 1:
 
{{Pasteur_Paris/Fonts}}
 
{{Pasteur_Paris/Fonts}}
 +
  
  
Line 14: Line 15:
  
 
         /* BEGIN : Default Wiki Settings */
 
         /* BEGIN : Default Wiki Settings */
 
 
             #home_logo, #sideMenu { display:none; }
 
             #home_logo, #sideMenu { display:none; }
 
             #sideMenu, #top_title, .patrollink  {display:none;}
 
             #sideMenu, #top_title, .patrollink  {display:none;}
Line 22: Line 22:
  
 
             .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
 
             .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
 
 
         /* END : Default Wiki Settings */
 
         /* END : Default Wiki Settings */
 
  
  
Line 50: Line 48:
  
 
             #Menu {
 
             #Menu {
 +
                        opacity: .9;
 
             height: 70px;
 
             height: 70px;
 
             position: fixed;
 
             position: fixed;
Line 659: Line 658:
 
                 }
 
                 }
 
             }
 
             }
 +
        /* END : Menu Bar Settings */
  
 
     </style>
 
     </style>
Line 961: Line 961:
  
 
     <script>
 
     <script>
            /*Attachable menu code*/
+
        /*Attachable menu code*/
            $( document ).ready(function() {
+
        $( document ).ready(function() {
           
+
       
                $(window).scroll(function (event) {
+
            $(window).scroll(function (event) {
                    var y = $(this).scrollTop();  
+
                var y = $(this).scrollTop();  
                    if(y>60){
+
                if(y>60){
  
                        $("#header").css('position','fixed');
+
                    $("#header").css('position','fixed');
                        $("#header").css('width','100%');
+
                    $("#header").css('width','100%');
                        $("#header").css('margin-top','-61px');
+
                    $("#header").css('margin-top','-61px');
                        $("#bottom-arrow").css('display','none');
+
                    $("#bottom-arrow").css('display','none');
                        $("#runningchip-back").css('display','none');
+
                    $("#runningchip-back").css('display','none');
                        $("#navtext").css('margin-top','-20px');
+
                    $("#navtext").css('margin-top','-20px');
                        $(".chip_gap").css('height','30px');
+
                    $(".chip_gap").css('height','30px');
  
                    }else{
+
                }else{
                        var offsetTop = -y;
+
                    var offsetTop = -y;
                        $("#header").css('margin-top',offsetTop+'px');
+
                    $("#header").css('margin-top',offsetTop+'px');
                        $("#bottom-arrow").removeAttr('style');
+
                    $("#bottom-arrow").removeAttr('style');
                        $("#runningchip-back").removeAttr('style');
+
                    $("#runningchip-back").removeAttr('style');
                        $("#navtext").removeAttr('style');
+
                    $("#navtext").removeAttr('style');
                        $(".chip_gap").css('height','23px');
+
                    $(".chip_gap").css('height','23px');
                    }
+
                }
 
+
                });
+
    /*Fix for when a link targets an id -> check the position on pageload*/
+
    $(window).scroll();
+
  
 
             });
 
             });
 +
        /*Fix for when a link targets an id -> check the position on pageload*/
 +
        $(window).scroll();
  
 +
        });
 
     </script>
 
     </script>
  
  
 
    <!-- END: jQuery -->
 
  
 
     <!-- Bar code inspired from Freiburg 2015 : https://2015.igem.org/Team:Freiburg -->
 
     <!-- Bar code inspired from Freiburg 2015 : https://2015.igem.org/Team:Freiburg -->
 
</html>
 
</html>

Revision as of 14:16, 15 August 2018


""