Difference between revisions of "Template:NAWI Graz:navbar"

 
(22 intermediate revisions by the same user not shown)
Line 21: Line 21:
 
           setTimeout(function(){
 
           setTimeout(function(){
 
               _d[_d.is(':hover')?'addClass':'removeClass']('show');
 
               _d[_d.is(':hover')?'addClass':'removeClass']('show');
−
           },300);
+
           },8000);
 
       });
 
       });
  
Line 62: Line 62:
 
}, 20);
 
}, 20);
  
 +
// back to top// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {scrollFunction()};
  
−
    </script>
+
function scrollFunction() {
−
      
+
     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
−
 
+
        document.getElementById("topBtn").style.display = "block";
−
 
+
    } else {
−
 
+
        document.getElementById("topBtn").style.display = "none";
−
 
+
    }
−
<style>
+
−
/* dropdown on hover */
+
−
.dropdown:hover>.dropdown-menu {
+
−
  display: block;
+
 
}
 
}
  
−
 
+
// When the user clicks on the button, scroll to the top of the document
−
#rider {
+
function topFunction() {
−
    position: relative;
+
    document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
    document.documentElement.scrollTop = 0; // For IE and Firefox
 
}
 
}
−
</style>
 
  
 +
    </script>
 +
   
  
 
     <!--- THIS IS WHERE THE HTML BEGINS -->
 
     <!--- THIS IS WHERE THE HTML BEGINS -->
Line 100: Line 100:
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 Project
+
                 <command class="colibot"/>
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Description">Description</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Description">Description</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Design">Design</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Design">Design</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/ProofOfConcept">Proof of Concept</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Demonstrate">Demonstrate</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Model">Model</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Model">Model</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Application">Application</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Application">Application</a>
Line 115: Line 115:
 
         <!-- PARTS -->
 
         <!-- PARTS -->
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                 <a class="nav-link dropdown-toggle" role="button" href="https://2017.igem.org/Team:NAWI_Graz/Hardware" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 Parts
+
                 Components
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Hardware"><span class="top-menu">Parts</span></a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Arena">Arena</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Arena">Arena</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Bioreactor">Bioreactor</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Bioreactor">Bioreactor</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Robot">Robot</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/ControlSystem">Control System</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/ControlSystem">Control System</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/FlourescenceChamber">Flourescence Measurement Chamber</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperatureModule">Temperature Interaction Module</a>      
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/phHardware">pH Hardware</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperaturePlasmid">Temperature Plasmid</a>
 +
 
 +
 
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/phInteractionModule">pH Interaction Module</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/phInteractionModule">pH Interaction Module</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/pHPlasmid">pH Plasmid</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/pHPlasmid">pH Plasmid</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Pictures">Pictures</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/FlourescenceChamber">Flourescence Measurement Chamber</a>
−
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Robot">Robot</a>
+
 
−
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperatureModule">Temperature Interaction Module</a>
+
−
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperaturePlasmid">Temperature Plasmid</a>
+
  
 +
               
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
         <!-- NOTEBOOK -->
+
         <!-- TEAM -->
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
                 <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Notebook">Notebook</a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                Team
 
                 </a>
 
                 </a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Team">NAWI_Graz 2017</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Collaborations">Collaborations</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Attributions">Attributions</a>
 +
                </div>
 
             </li>
 
             </li>
−
         <!-- HUMAN PRACTICES -->
+
   
 +
         <!-- NOTEBOOK -->
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
                 <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/HP/Silver">Human Practices              </a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                Lab Book
 +
                </a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Notebook">Notebook</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/WP">Working Protocols</a>
 +
                </div>
 
             </li>
 
             </li>
  
−
         <!-- SAFETY -->
+
         <!-- HUMAN PRACTICES -->
−
            <li class="nav-item">
+
−
                <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Safety">Safety</a>
+
−
            </li>
+
−
        <!-- TEAM -->
+
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 Team
+
                 Human Practices
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Team">Team</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/HP/Silver">Public Engagement</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Collaborations">Collaborations</a>
+
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/HP/Gold">Integrated Human Practices</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Attributions">Attributions</a>
+
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Discussions">Discussions</a>
 +
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Education">Education</a>
 +
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Interviews">Interviews</a>
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
         </ul>
+
         <!-- SAFETY -->
 +
            <li class="nav-item">
 +
                <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Safety">Safety</a>
 +
            </li>
 +
    </ul>
  
 
         <ul class="navbar-nav ml-auto">
 
         <ul class="navbar-nav ml-auto">
Line 169: Line 187:
 
         </nav>
 
         </nav>
 
</div>
 
</div>
 +
 +
<button onclick="topFunction()" id="topBtn" class="btn-info" title="Go to top">Go to Top</button>
  
 
     <!-- start of content -->
 
     <!-- start of content -->
  
 
     </html>
 
     </html>

Latest revision as of 02:53, 2 November 2017