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

Line 2: Line 2:
 
   <head>
 
   <head>
 
     <link href="css/bootstrap.min.css" rel="stylesheet">
 
     <link href="css/bootstrap.min.css" rel="stylesheet">
−
 
+
    <script src="jquery-3.2.1.min.js"></script>
 
     <style>
 
     <style>
−
    .navbar {
+
.navbar{
−
      font-family: Arial;
+
margin-top: 9px;
−
      color: white;
+
opacity: .9;
−
      margin-top: 9px;
+
−
      position: fixed;
+
−
      width: 100%;
+
−
      background-color: grey;
+
−
      opacity: ;  
+
  
 +
}
  
−
     
+
.navbar-brand{
−
    }
+
  
−
    .home:hover {
 
−
      background-color: crimson;
 
−
 
 
−
    }
 
  
−
    .drop-project:hover {
 
−
      background-color: #ca4775;
 
  
−
    }
+
}
 +
</style>
  
−
    .drop-parts:hover {
+
</head>
−
      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 {
+
−
      margin: 0px;
+
−
      padding: 0px;
+
−
      list-style-type: none;
+
−
    }
+
−
 
+
−
    .navbar ul li {
+
−
      float: right;
+
−
      width: 130px;
+
−
      height: 45px;
+
−
      opacity: .8;
+
−
      background-color: grey;
+
−
      line-height: 45px;
+
−
      text-align: center;
+
−
      font-size: 18px
+
−
 
+
−
+
−
   
+
−
    }
+
−
 
+
−
    .navbar ul li a {
+
−
      text-decoration: none;
+
−
      color: black;
+
−
      display: block;
+
−
 
+
−
    }
+
−
 
+
−
    .navbar ul li a:hover {
+
−
      text-decoration: none;
+
−
 
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
    .navbar ul li ul li {
+
−
      display: none;
+
−
 
+
−
    }
+
−
 
+
−
    .navbar ul li:hover ul li {
+
−
      display: block;
+
−
 
+
−
    }
+
−
 
+
−
   
+
−
  #logo{
+
−
 
+
−
 
+
−
 
+
−
margin-left:5%;}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
    </style>
+
−
 
+
−
  </head>
+
  
 
<body>
 
<body>
 +
  <nav class="navbar navbar-inverse navbar-fixed-top">
 +
    <div class="container-fluid">
 +
      <div class="navbar-header">
 +
        <button type="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>
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:Lethbridge_HS "> Lethbridge HS  </a>
 +
      </div>
 +
      <div class="collapse navbar-collapse" id="myNavbar">
 +
        <ul class="nav navbar-nav navbar-right">
  
−
 
+
          <li class="dropdown">
−
 
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
−
 
+
        <span class="caret"></span></a>
−
 
+
        <ul class="dropdown-menu navbar-right">
−
 
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Description">Project Description</a></li>
−
 
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
−
 
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Proof of Concept</a></li>
−
 
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Experiments ">Experiments</a></li>
−
<!-- Navigation Bar -->
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
−
<div class="navbar" style="z-index: 1000;">
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
−
  <ul>
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Achievements ">Achievements</a></li>
−
   
+
        </ul>
−
     <!-- iGEM Mainpage -->
+
      </li>
−
     <li><a class="nav-igem" href="https://igem.org/Main_Page">iGEM</a></li>
+
      <li class="dropdown">
−
        
+
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
−
    <!-- Team Bios -->
+
     <span class="caret"></span></a>
−
     <li><a class="nav-team" href="#">Team</a>
+
    <ul class="dropdown-menu navbar-right">
−
      <ul>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></li>
−
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Team">Team</a></li>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</a></li>
−
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Collaborations">Collaborations</a></li>
+
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improve</a></li>
−
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a></li>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Contribution</a></li>
−
      </ul>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection ">Part Collection</a></li>
−
 
+
     </ul>
 +
  </li>
 +
  <li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices
 +
<span class="caret"></span></a>
 +
<ul class="dropdown-menu navbar-right">
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Human_Practices ">Human Practices</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/HP/Silver ">Silver</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/HP/Gold_Integrated ">Gold</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Engagement ">Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Lab
 +
<span class="caret"></span></a>
 +
<ul class="dropdown-menu navbar-right">
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Methods ">Methods</a></li>
 +
</ul>
 
</li>
 
</li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Safety ">Safety</a></li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Team
 +
<span class="caret"></span></a>
 +
<ul class="dropdown-menu navbar-right">
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Team ">Team</a></li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Collaborations ">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Attributions ">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://igem.org/Main_Page ">iGEM</a></li>
 +
        </ul>
  
−
<!-- Safety -->
+
       </div>
−
    <li><a class="nav-safety" href="https://2017.igem.org/Team:Lethbridge_HS/Safety">Safety</a></li>
+
     </div>
−
 
+
   </nav>
−
 
+
−
<!-- 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>
 
  
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script src="js/jquery-1.11.3.min.js"></script>
 +
  <script src="js/bootstrap.min.js"></script>
  
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 03:55, 4 September 2017