Difference between revisions of "Team:Bielefeld-CeBiTec/Basic Navbar"

 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{:Team:Bielefeld-CeBiTec/Navbar_JS}}
 
−
{{:Team:Bielefeld-CeBiTec/CSS}}
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 6: Line 4:
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CSS?action=raw&ctype=text/css" />
 
    
 
    
−
    
+
<script>
 +
(function($) {
 +
   $(function() {
 +
   
 +
    $('nav ul li a:not(:only-child)').click(function(e) {
 +
      $(this).siblings('.nav-dropdown').toggle();
 +
      $('.nav-dropdown').not($(this).siblings()).hide();
 +
      e.stopPropagation();
 +
    });
 +
 
 +
    $('html').click(function() {
 +
      $('.nav-dropdown').hide();
 +
    });
 +
    $('#nav-toggle').click(function() {
 +
      $('nav ul').slideToggle();
 +
    });
 +
    $('#nav-toggle').on('click', function() {
 +
      this.classList.toggle('active');
 +
    });
 +
  });
 +
})(jQuery);
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</script>
 +
 
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<section class="navigation">
+
<section class="navigation" style="z-index:100">
 
   <div class="nav-container">
 
   <div class="nav-container">
 
     <div class="brand">
 
     <div class="brand">
−
<img class="logo-img" src="https://static.igem.org/mediawiki/2018/1/1b/T--Bielefeld-CeBiTec--nanofactory_navbar_vk.png">
+
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec"><img class="logo-img" src="https://static.igem.org/mediawiki/2018/1/1b/T--Bielefeld-CeBiTec--nanofactory_navbar_vk.png"></a>
−
     
+
 
     </div>
 
     </div>
 
     <nav>
 
     <nav>
Line 26: Line 54:
 
           <a href="#!">Project</a>
 
           <a href="#!">Project</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Motivation">Motivation</a>
 +
            </li>
 
             <li>
 
             <li>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Description">Overview</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Description">Overview</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
−
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Design">Design</a>
+
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Toxicity_Theory">Toxicity</a>
 
             </li>
 
             </li>
−
            <li>
+
<li>
−
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Experiments">Experiments</a>
+
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Accumulation">Accumulation</a>
 
             </li>
 
             </li>
−
             <li>
+
<li>
−
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate</a>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/siRNA">Silencing</a>
 +
             </li>
 +
 
 +
           
 +
<li>
 +
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Ferritin">Nanoparticles</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
−
         </li>
+
         </li><li>
−
        <li>
+
 
           <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Modeling</a>
 
           <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Modeling</a>
−
         </li>
+
         </li><li>
−
        <li>
+
 
           <a href="#!">Results</a>
 
           <a href="#!">Results</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
−
            <li>
+
<li>
−
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts</a>
+
−
            </li>
+
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Results">Results Overview</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Results">Results Overview</a>
 
             </li>
 
             </li>
−
             <li>
+
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Toxicity_Results">Toxicity Results</a>
 +
             </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Accumulation_Results">Accumulation Results</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/siRNA_Results">Silencing Results</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Ferritin_Results">Nanoparticles Results</a>
 +
            </li>
 +
<li>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/InterLab">InterLab</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/InterLab">InterLab</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
         <li>
+
 
 +
<li>
 +
          <a href="#!">Parts</a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts Overview</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Basic_Part">Basic Parts</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Composite_Part">Composite Parts</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Part_Collection">Parts Collection</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Improve">Parts Improvement</a>
 +
            </li>
 +
          </ul>
 +
         </li>
 +
 
 +
<li>
 
           <a href="#!">Human Practices</a>
 
           <a href="#!">Human Practices</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
 
             <li>
 
             <li>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Human Practices</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Human Practices</a>
−
             </li>
+
             </li><li>
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Public_Engagement">Outreach</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Public_Engagement">Outreach</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
−
         </li>
+
         </li><li>
−
        <li>
+
 
           <a href="#!">Awards</a>
 
           <a href="#!">Awards</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
 
             <li>
 
             <li>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Hardware">Hardware</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Hardware">Hardware</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Software">Software</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Measurement">Measurement</a>
 
             </li>
 
             </li>
−
            <li>
+
<li>
−
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Software">Software</a>
+
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Design">Product Design</a>
 
             </li>
 
             </li>
 +
          </ul>
 +
        </li><li>
 +
          <a href="#!">Notebook</a>
 +
          <ul class="nav-dropdown">
 
             <li>
 
             <li>
−
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Measurement">Measurement</a>
+
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Notebook">Notebook</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Experiments">Experiments</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
−
         </li>
+
         </li><li>
−
        <li>
+
−
          <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Notebook">Notebook</a>
+
−
        </li>
+
−
        <li>
+
 
           <a href="#!">Team</a>
 
           <a href="#!">Team</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
 
             <li>
 
             <li>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Team">Members</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Team">Members</a>
−
             </li>
+
             </li><li>
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Bielefeld">Bielefeld</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Bielefeld">Bielefeld</a>
−
             </li>
+
             </li><li>
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CeBiTec">CeBiTec</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CeBiTec">CeBiTec</a>
−
             </li>
+
             </li><li>
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Bielefeld-University">Bielefeld University</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Bielefeld-University">Bielefeld University</a>
−
             </li>
+
             </li><li>
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Collaborations">Collaborations</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Collaborations">Collaborations</a>
−
             </li>
+
             </li><li>
−
            <li>
+
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a>
 
               <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
−
         </li>
+
         </li><li>
−
        <li>
+
           <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Partners">Partners</a>
−
           <a href="#!">Partners</a>
+
         </li><li>
−
         </li>
+
−
        <li>
+
 
           <a href="https://igem.org/2018_Judging_Form?team=Bielefeld-CeBiTec">Judging Form ⇗</a>
 
           <a href="https://igem.org/2018_Judging_Form?team=Bielefeld-CeBiTec">Judging Form ⇗</a>
 
         </li>
 
         </li>
Line 118: Line 181:
 
   </div>
 
   </div>
 
</section>
 
</section>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:20, 18 October 2018