Difference between revisions of "Template:Lethbridge HS/navbar"

Line 1: Line 1:
−
{{Team:Lethbridge_HS/bootstrap_js}}
 
−
 
−
 
−
 
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 15: Line 11:
 
       width: 100%;
 
       width: 100%;
 
       background-color: black;  
 
       background-color: black;  
−
       opacity:;  
+
       opacity: ;  
  
  
Line 21: Line 17:
 
     }
 
     }
  
 +
    .home:hover {
 +
      background-color: crimson;
 
    
 
    
 +
    }
 +
 +
    .drop-project:hover {
 +
      background-color: #ca4775;
 +
 +
    }
 +
 +
    .drop-parts:hover {
 +
      background-color: #db87a8;
 +
 +
    }
 +
 +
    .drop-hp:hover {
 +
      background-color: #f2bad1;
 +
 +
    }
 +
 +
    .drop-note:hover {
 +
      background-color: #fdd9e7;
 +
 +
    }
 +
 +
    .nav-safety:hover {
 +
      background-color: crimson;
 +
 +
    }
 +
 +
    .nav-team:hover {
 +
      background-color: #f2bad1;
 +
 +
    }
 +
 +
    .nav-igem:hover {
 +
      background-color: #ca4775;
 +
 +
    }
  
 
     .navbar ul {
 
     .navbar ul {
Line 29: Line 63:
 
     }
 
     }
  
−
      
+
     .navbar ul li {
 +
      float: right;
 +
      width: 130px;
 +
      height: 45px;
 +
      opacity: .8;
 +
      background-color: #d99ebc;
 +
      line-height: 45px;
 +
      text-align: center;
 +
      font-size: 18px
 +
 
 +
 +
   
 +
    }
  
 
     .navbar ul li a {
 
     .navbar ul li a {
Line 72: Line 118:
 
<body>
 
<body>
  
−
<nav class="navbar navbar-inverse navbar-fixed-top menu" id="">
 
−
            <div class="container-fluid">
 
−
             
 
−
                <!--Lethbridge HS iGEM Logo -->
 
−
                <div class="navbar-header">
 
−
                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction" id="nav-head" class="navbar-brand" style="margin-top:10px;"><h1 id="headerText" style="font-weight:100; font-family: 'existence'; ">Lethbridge iGEM      </h1></a>
 
−
               
 
  
−
                <button class= "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
 
−
                    <span class="icon-bar"></span>
 
−
                    <span class="icon-bar"></span>
 
−
                    <span class="icon-bar"></span>
 
−
                </button>
 
−
                </div>
 
−
                <!-- Nav Bar Menu Items -->
 
−
                <div class="collapse navbar-collapse" id="myNavbar">
 
−
                    <ul class="nav navbar-nav navbar-right scroll" id="navItems" style="font-weight:105;">
 
−
                       
 
−
                       
 
−
                        <li class= "dropdown texItem" style="margin-top:2%;">
 
−
                            <a href="https://2015.igem.org/Team:Lethbridge_HS/Description" class="dropdown-toggle textItem" data-toggle = "dropdown">Project<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Description">Background</a>
 
−
<a href="https://2015.igem.org/Team:Lethbridge_HS/Experiments">Experiments</a>
 
−
<a href="https://2015.igem.org/Team:Lethbridge_HS/Results">Results</a>
 
−
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Parts">Parts</a>
 
−
<a href="https://2015.igem.org/Team:Lethbridge_HS/Achievements">Achievements</a>
 
  
−
                                </li>
 
−
                            </ul>   
 
−
                        </li>
 
−
<li class="texItem active" style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Practices">Human Practices</a></li>
 
−
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
 
−
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Safety">Safety</a></li>
 
−
<li class= "dropdown texItem" style="margin-top:2%;">
 
−
                            <a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team" class="dropdown-toggle" data-toggle = "dropdown">Team<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team">Students</a>
 
−
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team#section2">Advisors</a>
 
−
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team#section3">Sponsors</a>
 
−
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a>
 
−
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Collaborations">Collaborations</a>
 
−
                                </li>
 
−
                            </ul>   
 
−
                        </li>
 
−
                      <li class=""><a class="picItem" href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/21/LethHS2015_igemlogo.png" width="50px" height="45px" style="margin-top:-9%; margin-bottom:-10%;"></a></li>
 
−
<li class=""><div  onclick="myFunction()" id="nswitchIcon" class="navBarSwitchButton picItem"><img id="projectSwitchIcon" src="images/plainicon.com-48232-512px-7b5.png" class="img-responsive"></div> </li>
 
−
                    </ul>
 
−
                </div>
 
−
            </div>
 
−
        </nav>
 
  
  
Line 130: Line 125:
  
  
−
<script src="js/bootstrap.min.js"></script>
+
 
 +
<!-- Navigation Bar -->
 +
<div class="navbar" style="z-index: 1000;">
 +
  <ul>
 +
   
 +
    <!-- iGEM Mainpage -->
 +
    <li><a class="nav-igem" href="https://igem.org/Main_Page">iGEM</a></li>
 +
     
 +
    <!-- Team Bios -->
 +
    <li><a class="nav-team" href="#">Team</a>
 +
      <ul>
 +
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Team">Team</a></li>
 +
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Collaborations">Collaborations</a></li>
 +
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a></li>
 +
      </ul>
 +
 
 +
</li>
 +
 
 +
<!-- Safety -->
 +
    <li><a class="nav-safety" href="https://2017.igem.org/Team:Lethbridge_HS/Safety">Safety</a></li>
 +
 
 +
 
 +
<!-- Notebook -->
 +
    <li><a class="drop-note" href="#">Notebook</a>
 +
      <ul>
 +
        <li><a class="drop-note" href="https://2017.igem.org/Team:Lethbridge_HS/Notebook">Lab Book</a></li>
 +
        <li><a class="drop-note" href="https://2017.igem.org/Team:Lethbridge_HS/Methods">Methods</a></li>
 +
      </ul>
 +
    </li>
 +
 
 +
 
 +
  <!-- Human Practices -->
 +
    <li><a class="drop-hp" href="#">Human Practices</a> <!-- Link to HP page -->
 +
      <ul>
 +
        <li><a class="drop-hp" href="https://2017.igem.org/Team:Lethbridge_HS/Human_Practices">Human Practices</a></li>
 +
        <li><a class="drop-hp" href="https://2017.igem.org/Team:Lethbridge_HS/HP/Silver">Silver</a></li>
 +
        <li><a class="drop-hp" href="https://2017.igem.org/Team:Lethbridge_HS/HP/Gold_Integrated">Gold</a></li>
 +
        <li><a class="drop-hp" href="https://2017.igem.org/Team:Lethbridge_HS/Engagement">Engagement</a></li>
 +
      </ul>
 +
    </li>
 +
 
 +
  <!-- Parts -->
 +
    <li><a class="drop-parts" href="#">Parts</a>
 +
      <ul>
 +
        <li><a class="drop-parts" href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part">Basic</a></li>
 +
        <li><a class="drop-parts" href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part">Composite</a></li>
 +
        <li><a class="drop-parts" href="https://2017.igem.org/Team:Lethbridge_HS/Improve">Improve</a></li>
 +
        <li><a class="drop-parts" href="https://2017.igem.org/Team:Lethbridge_HS/Contribution">Contribution</a></li>
 +
        <li><a class="drop-parts" href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection">Part Collection</a></li>
 +
      </ul>
 +
    </li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- Project -->
 +
    <li><a class="drop-project" href="#">Project</a>
 +
      <ul>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Description">Description</a></li>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate">Proof Of Concept</a></li>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Experiments">Experiments</a></li>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Model">Model</a></li>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Results">Results</a></li>
 +
        <li><a class="drop-project" href="https://2017.igem.org/Team:Lethbridge_HS/Achievements">Achievements</a></li>
 +
      </ul>
 +
      </li>
 +
 +
 
 +
    <!-- Home -->
 +
    <div id="logo"><a href="https://2017.igem.org/Team:Lethbridge_HS"> <img src="https://static.igem.org/mediawiki/2017/c/c2/T--Lethbridge_HS--logonew.jpg" width="140"> </a> </div>
 +
 
 +
   
 +
 
 +
  </ul>
 +
 
 +
 
 +
</div>
 +
 
 +
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 23:05, 2 September 2017