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

 
(154 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Lethbridge_HS/bootsrapcss}}
 +
{{Team:Lethbridge_HS/bootstrap_js}}
 +
 +
 +
 
<html>
 
<html>
 
   <head>
 
   <head>
−
    <link href="css/bootstrap.min.css" rel="stylesheet">
+
</head>
−
 
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.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: #98AFC7;
+
−
     
+
  
 +
.navbar-brand{
  
−
     
 
−
    }
 
  
−
    .home:hover {
 
−
      background-color: lightgreen;
 
−
    }
 
  
−
    .drop-project:hover {
+
}
−
      background-color: gold;
+
−
    }
+
  
−
    .drop-parts:hover {
+
.navbar-collapse collapse{
−
      background-color: cyan;
+
display:block;
−
    }
+
}
  
−
    .drop-hp:hover {
 
−
      background-color: crimson;
 
−
    }
 
  
−
    .drop-note:hover {
 
−
      background-color: lightgreen;
 
−
    }
 
  
−
    .nav-safety:hover {
 
−
      background-color: crimson;
 
−
    }
 
  
−
    .nav-team:hover {
 
−
      background-color: cyan;
 
−
    }
 
  
−
    .nav-igem:hover {
+
</style>
−
      background-color: gold;
+
−
    }
+
  
−
    .navbar ul {
 
−
      margin: 0px;
 
−
      padding: 0px;
 
−
      list-style-type: none;
 
−
    }
 
  
−
    .navbar ul li {
 
−
      float: right;
 
−
      width: 130px;
 
−
      height: 45px;
 
−
      opacity: .9;
 
−
      background-color: #98AFC7;
 
−
      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 collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
 +
          <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>
−
<!-- Navigation Bar -->
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a></li>
−
<div class="navbar">
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Demonstrate</a></li>
−
  <ul>
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
−
   
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
−
    <!-- iGEM Mainpage -->
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Achievements ">Achievements</a></li>
−
    <li><a class="nav-igem" href="https://igem.org/Main_Page">iGEM</a></li>
+
        </ul>
−
        
+
       </li>
−
     <!-- Team Bios -->
+
      <li class="dropdown">
−
     <li><a class="nav-team" href="#">Team</a>
+
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
−
       <ul>
+
     <span class="caret"></span></a>
−
        <li><a class="nav-team" href="https://2017.igem.org/Team:Lethbridge_HS/Team">Team</a></li>
+
    <ul class="dropdown-menu navbar-right">
−
        <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/Basic_Part ">Basic Parts</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/Composite_Part ">Composite Parts</a></li>
−
      </ul>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improved Parts</a></li>
−
 
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Part Contributions</a></li>
 +
      <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>
 +
<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/Experiments ">Experiments</a></li>
 +
</ul>
 +
</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/Integrated_Practices">Integrated Practices</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/Prototype">Prototype</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 -->
+
−
    <li><a class="home" href="https://2017.igem.org/Team:Lethbridge_HS">Home</a></li>
+
−
 
+
−
 
+
−
  </ul>
+
  
  
−
    <div id="logo"><a href="https://2017.igem.org/Team:Lethbridge_HS" class="navbar-left"><img src="https://static.igem.org/mediawiki/igem.org/7/73/T--Lethbridge_HS--logo.jpg"  width="75"></a> </div>
 
−
</div>
 
  
  
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 23:56, 30 October 2017