|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <script>
| |
| − | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − |
| |
| − | $(window).on('scroll',function() {
| |
| − | if($(window).scrollTop())
| |
| − | {
| |
| − | $('.container').css('background', '#808080');
| |
| − | $('nav ul li ul').css('background', '#808080');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | else
| |
| − | {
| |
| − | $('.container').css('background', '#000000');
| |
| − | $('nav ul li ul').css('background', '#000000');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | });
| |
| − | // When the user scrolls the page, execute myFunction
| |
| − | window.onscroll = function() {myFunction()};
| |
| − |
| |
| − | function myFunction() {
| |
| − | var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
| |
| − | var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
| |
| − | var scrolled = (winScroll / height) * 100;
| |
| − | document.getElementById("myBar").style.height = scrolled + "%";
| |
| − | }
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | // Add smooth scrolling to all links
| |
| − | $("a").on('click', function(event) {
| |
| − |
| |
| − | // Make sure this.hash has a value before overriding default behavior
| |
| − | if (this.hash !== "") {
| |
| − | // Prevent default anchor click behavior
| |
| − | event.preventDefault();
| |
| − |
| |
| − | // Store hash
| |
| − | var hash = this.hash;
| |
| − |
| |
| − | // Using jQuery's animate() method to add smooth page scroll
| |
| − | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
| |
| − | $('html, body').animate({
| |
| − | scrollTop: $(hash).offset().top
| |
| − | }, 800, function(){
| |
| − |
| |
| − | // Add hash (#) to URL when done scrolling (default click behavior)
| |
| − | window.location.hash = hash;
| |
| − | });
| |
| − | } // End if
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(window).on('scroll',function() {
| |
| − | if($(window).scrollTop())
| |
| − | {
| |
| − | $('.container').css('background', '#808080');
| |
| − | $('nav ul li ul').css('background', '#808080');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | else
| |
| − | {
| |
| − | $('.container').css('background', '#000000');
| |
| − | $('nav ul li ul').css('background', '#000000');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
| − | </script>
| |
| − |
| |
| − |
| |
| | <style> | | <style> |
| − | | + | /*DEFAULT WIKI SETTINGS*/ |
| − | /**************************************************************************************************************************************************************************************************/ | + | /*DONT TOUCH*/ |
| − | /* 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;} |
| | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} |
| Line 85: |
Line 11: |
| | | | |
| | .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;} |
| − |
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − | /* CONTENT OF THE PAGE */
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − |
| |
| | /*mobile*/ | | /*mobile*/ |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − |
| |
| − |
| |
| | /* 1800px */ | | /* 1800px */ |
| | /************************************************/ | | /************************************************/ |
| Line 100: |
Line 18: |
| | .igem_2018_team_menu {display:block;} | | .igem_2018_team_menu {display:block;} |
| | } | | } |
| − |
| |
| | /* 1400px */ | | /* 1400px */ |
| | /************************************************/ | | /************************************************/ |
| Line 108: |
Line 25: |
| | .igem_2018_team_menu {display:block;} | | .igem_2018_team_menu {display:block;} |
| | } | | } |
| − |
| |
| | @media only screen and (max-width: 1001px) { | | @media only screen and (max-width: 1001px) { |
| | .igem_2018_team_menu {display:block;} | | .igem_2018_team_menu {display:block;} |
| | } | | } |
| − |
| |
| | /* 1000px */ | | /* 1000px */ |
| | /************************************************/ | | /************************************************/ |
| Line 122: |
Line 37: |
| | | | |
| | } | | } |
| − |
| |
| − |
| |
| | @media only screen and (max-width: 500px) { | | @media only screen and (max-width: 500px) { |
| | .igem_2018_team_menu {min-width:100%; width:100%; } | | .igem_2018_team_menu {min-width:100%; width:100%; } |
| | } | | } |
| − | | + | /*************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
| − | | + | /*DEFAULT WIKI SETTINGS ENDS HERE*/ |
| − | /**************************************************************************************************************************************************************************************************/ | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | /**************************************************************************************************************************************************************************************************/ | + | |
| | .container { | | .container { |
| | position: fixed; | | position: fixed; |
| Line 253: |
Line 163: |
| | | | |
| | } | | } |
| − |
| |
| − |
| |
| − |
| |
| | .scroll-down: before { | | .scroll-down: before { |
| | | | |
| Line 279: |
Line 186: |
| | | | |
| | } | | } |
| − |
| |
| − |
| |
| | .scroll-down { | | .scroll-down { |
| | margin-top: -50px; | | margin-top: -50px; |
| | } | | } |
| − |
| |
| | @keyframes bounce { | | @keyframes bounce { |
| | | | |
| Line 343: |
Line 247: |
| | z-index: -1; | | z-index: -1; |
| | } | | } |
| − |
| |
| | .progress-bar { | | .progress-bar { |
| | height: 0px; | | height: 0px; |
| Line 382: |
Line 285: |
| | color: #f9f9f9; | | color: #f9f9f9; |
| | } | | } |
| − | /**************************************************************************************************************************************************************************************************/
| + | #fullPage section{ |
| − | /**************************************************************************************************************************************************************************************************/
| + | margin:0; |
| − | /**************************************************************************************************************************************************************************************************/
| + | padding:0; |
| | + | } |
| | + | #fullPage section:nth-child(1) |
| | + | { |
| | + | } |
| | + | #fullPage section:nth-child(2) |
| | + | { |
| | + | } |
| | </style> | | </style> |
