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

 
(312 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
<html>
+
{{Lethbridge_HS/bootsrapcss}}
−
<head>
+
{{Team:Lethbridge_HS/bootstrap_js}}
−
<link href="css/bootstrap.min.css" rel="stylesheet">
+
  
−
<style>
 
−
.logo{
 
−
    float:left;
 
−
    margin-left:9%;
 
−
    margin-top: 1%;
 
−
}
 
−
.navbar-header{
 
−
    margin-top:-20px;
 
−
}
 
−
.navbar-default{
 
−
  /** box-shadow: 0px 8px 6px -6px #999;**/
 
  
−
}
 
−
.navbar-default .navbar-nav>li>a {
 
−
    color: white;
 
−
    font-size: 15px;
 
−
    padding-top:2px;
 
−
    padding-top:2px;
 
−
    margin-top: 12px;
 
−
}
 
−
.navbar-collapse.collapse {
 
−
    padding-bottom: 6px;
 
−
    padding-top: 3px;
 
−
}
 
−
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
 
−
    color: white;
 
−
    background-color: transparent;
 
−
}
 
−
 
−
.removeNavBarColor{
 
−
    background-color: transparent;
 
  
 +
<html>
 +
  <head>
 +
</head>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
    <style>
 +
.navbar{
 +
margin-top: 9px;
 +
opacity: .9;
 +
 
}
 
}
−
.makeNavBarColor{
 
−
  /** background-color: #CC141C ;*/
 
−
    background-color: #dc4640 ;
 
  
 +
.navbar-brand{
  
−
}
 
  
−
.navbar-default .navbar-nav>li>a{
 
−
    padding-top: 30px;
 
−
    margin-top: 0;
 
−
    margin-bottom: 0%;
 
−
    padding-bottom: 15px;
 
−
    color:white;
 
−
}
 
−
.navbar-collapse.collapse{
 
−
    padding-top: 0;
 
−
    padding-bottom: 0;
 
−
}
 
  
−
.menuIcon{
 
−
 
−
}
 
−
.active{
 
−
    background-color: red;
 
−
    color: white !important;
 
 
}
 
}
−
[class^="active"]:before, [class*="active"]:before, [class^="active"]:after, [class*="active"]:after {
 
−
    color: white;
 
−
}
 
−
.menuIcon:before,
 
−
.menuIcon:after {
 
  
−
        font-size: 20px;
+
.navbar-collapse collapse{
−
 
+
display:block;
−
}
+
−
.menuIcon2:after {
+
−
 
+
−
        font-size: 40px;
+
−
 
+
−
}
+
−
 
+
−
.dropdown:hover .dropdown-menu {
+
−
display: block;
+
 
}
 
}
  
−
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 
−
    color: white;
 
−
}
 
  
−
.button{
 
−
    float: left;
 
−
    display: inline-block;
 
−
    border-radius: 30px;
 
−
    background-color: #ee4d4d;
 
−
    padding: 1.5% 2%;
 
−
    color: white;
 
−
    position: relative;
 
−
    text-align: center;
 
−
    margin-left: auto;
 
−
    margin-right: auto;
 
−
}
 
  
  
−
.menuitem{
 
−
    width: 100%;
 
−
    padding-right: 20px;
 
−
    padding-top: 8px;
 
−
}
 
−
.menuitem p{
 
−
float: right;
 
−
margin: 0;
 
−
    padding: 0;
 
−
}
 
  
 +
</style>
  
  
−
 
−
 
−
 
−
 
−
 
−
</style>
 
−
</head>
 
  
 
<body>
 
<body>
−
<nav class="navbar navbar-default navbar-fixed-top menu" style="border:none;">
 
−
          <div class="container-fluid" style="padding-left:10%; padding-right:10%;">
 
−
              <div class="navbar-header">
 
−
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1" aria-expanded="false">
 
−
                      <span class="sr-only">Toggle navgiation</span>
 
−
                      <span class="icon-bar"></span>
 
−
                      <span class="icon-bar"></span>
 
−
                      <span class="icon-bar"></span>
 
−
                      <span class="icon-bar"></span>
 
−
                  </button>
 
−
                  <a class="navbar-brand" href="https://2016.igem.org/Team:Lethbridge_HS" style="color:#CC141C; margin-top:20%;"><img src="https://static.igem.org/mediawiki/2016/5/50/T—lethbridgehs--whitelogo_and.png" width="70"></a>
 
−
              </div>
 
−
 
−
              <div class="collapse navbar-collapse" id="navbar1">
 
−
                  <ul class="nav navbar-nav navbar-right" >
 
−
 
−
 
−
                      <li class= "dropdown">
 
−
                          <a href="#" class="dropdown-toggle" data-toggle = "dropdown">PROJECT<b class="caret"></b></a>
 
−
                          <ul class="dropdown-menu">
 
−
                              <li>
 
−
                                  <a href="https://2016.igem.org/Team:Lethbridge_HS/Description">DESCRIPTION</a>
 
−
                                  <a href="https://2016.igem.org/Team:Lethbridge_HS/Design">DESIGN</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Prototype">PROTOTYPE</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Proof">PROOF OF CONCEPT</a>
 
−
                                  <a href="https://2016.igem.org/Team:Lethbridge_HS/Experiments">EXPERIMENTS</a>
 
−
                                  <a href="https://2016.igem.org/Team:Lethbridge_HS/Results">RESULTS</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Achievements">ACHIEVEMENTS</a>
 
−
                              </li>
 
−
                          </ul>
 
−
                      </li>
 
−
                      <li class= "dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">PARTS<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Basic_Part">BASIC PARTS</a>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Composite_Part">COMPOSITE PARTS</a>
 
−
                                </li>
 
−
                            </ul>
 
−
                        </li>
 
−
 
−
 
−
 
−
<li class= "dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">HUMAN PRACTICES<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Human_Practices">HUMAN PRACTICES</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/HP/Silver">SILVER</a>
 
−
  <a href="https://2016.igem.org/Team:Lethbridge_HS/HP/Gold">GOLD</a>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Integrated_Practices">INTEGRATED HUMAN PRACTICES</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Engagement">ENGAGEMENT</a>
 
−
                                </li>
 
−
                            </ul>
 
−
                        </li>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<li class= "dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">NOTEBOOK<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Notebook">NOTEBOOK</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Methods">METHODS</a>
 
−
 
−
                                </li>
 
−
                            </ul>
 
−
                        </li>
 
−
 
−
 
−
 
−
                        <li><a href="https://2016.igem.org/Team:Lethbridge_HS/Safety" style="" class="menuitem" style="margin:0; padding:0; ">SAFETY</a></li>
 
−
                                <li><a href="https://2016.igem.org/Team:Lethbridge_HS/Safety" style="" class="menuitem" style="margin:0; padding:0; ">TEAM</a></li>
 
−
 
−
                                <li><a href="https://igem.org/Main_Page" style="" class="menuitem" style="margin:0; padding:0 ">IGEM</a></li>
 
−
                                                  </ul>
 
−
                                              </div>
 
−
                                          </div>
 
−
                                      </nav>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
</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>
 +
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Demonstrate</a></li>
 +
          <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>
 +
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Achievements ">Achievements</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="dropdown">
 +
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
 +
    <span class="caret"></span></a>
 +
    <ul class="dropdown-menu navbar-right">
 +
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></li>
 +
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</a></li>
 +
      <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 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>
  
 +
      </div>
 +
    </div>
 +
  </nav>
  
  
  
  
 +
  </body>
 
</html>
 
</html>

Latest revision as of 23:56, 30 October 2017