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

(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<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;
 +
 +
}
 +
.makeNavBarColor{
 +
  /** background-color: #CC141C ;*/
 +
    background-color: #dc4640 ;
 +
 +
 +
}
 +
 +
.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;
 +
 +
}
 +
.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>
 +
</head>
 +
 +
<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>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</html>

Revision as of 21:18, 6 July 2017