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

 
(131 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
<style>
 
<style>
 +
/*adding space so the igem menu doesn't cover up the navbar*/
 +
.body {padding-top: 3em;}
  
−
.container-fluid {
+
.navbar {background-color: #041f49; border-bottom-color: #377b7e;}
−
    background-color: #041f49;
+
.navbar-inverse {background-color: #041f49 !important;}
−
    font-family: Arial, sans-serif;
+
.navbar>a:hover {background-color:#377b7e;}
−
    height: 5.5em;
+
.color-wh {color: #ffffff !important;}
−
    }
+
  
−
.navbar-nav li a {
+
/*navy bar, set font*/
−
        line-height: 3.5em;
+
.container-fluid {font-family: Arial, sans-serif;}
−
    }
+
  
−
.navbar-brand {
+
/*text color of menu options*/
−
      padding-top: 2em;
+
.nav.navbar-nav li a {color: #ffffff;}
−
    }
+
  
−
li.dropdown {
+
/*background color of dropdown menus*/
−
    color: white;
+
/*.navbar-nav > li > .dropdown-menu { background-color: #377b7e;}*/
−
    font-family: Arial, sans-serif;
+
−
    }
+
−
   
+
−
.caret {
+
−
    color: #ffffff;
+
−
    }
+
−
   
+
−
.navbar-header{
+
−
    text-align:center;
+
−
}
+
  
−
.navbar-toggle {
+
/*background color of dropdown menus when hovering/focus*/
−
    padding-top: 1em;
+
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#f5af53;}
−
    float: right;
+
 
−
    height: 4em;
+
/*adding space from the top, to counter igem menu offset*/
−
}  
+
#myNavbar, .dropdown-toggle {padding-top: 0.6em;}
 +
 
 +
/*adding space above next vivo logo to counter igem menu logo*/
 +
.navbar-brand {margin-top: .2em;}
 +
 
 +
/*dropdown text in white, instead of default grey*/
 +
li.dropdown {color: white; font-family: Arial, sans-serif;}
 +
 
 +
/* arrow color change from default grey*/
 +
.caret {color: #ffffff;}
 +
 +
/*center text vertically to line up with next vivo logo size, and to counter effects of igem menu above*/
 +
.navbar-header{text-align:center; line-height: 2em;}
 +
 
 +
/*moving the header down, since the igem menu is 1em in height*/
 +
.navbar-header a {padding: 1em;}
 +
 
 +
/*lining up text to the right side of the window and reducing down from igem menu*/
 +
.navbar-toggle {padding-top: 1.5em; float: right; border: none;}
 +
 
 +
/*.collapse navbar-collapse {background: #377b7e;}*/
 +
 
 +
/* Extra Small Devices, Phones*/
 +
@media only screen and (min-width : 700px) {
 +
.dropdown-menu>li>a {background-color: #377b7e;}
 +
.dropdown-menu>li:hover {background-color: #f5af3e;}
 +
.navbar-inverse navbar-nav open dropdown-menu>li>a {color: #ffffff"}
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
Line 52: Line 68:
 
         <span class="icon-bar"></span>                         
 
         <span class="icon-bar"></span>                         
 
       </button>
 
       </button>
−
       <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/b/b9/Logo_1625x644.png" height=40 width=90 /></a>
+
       <a class="navbar-brand" href="https://2017.igem.org/Team:Lethbridge"><img src="https://static.igem.org/mediawiki/2017/archive/3/35/20171024022846%21Next_vivo_caption_white.png" height=42 width=164 /></a>
 
     </div>
 
     </div>
 
     <div class="collapse navbar-collapse" id="myNavbar">
 
     <div class="collapse navbar-collapse" id="myNavbar">
Line 58: Line 74:
 
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
 
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
−
                 <li><a href="#">Link 1</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Description">Description</a></li>
−
                 <li><a href="#">Link 2</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Design">Design</a></li>
−
                 <li><a href="#">Link 3</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Demonstrate">Demonstrate</a></li>
 +
                <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Results">Results</a></li>
 +
                <li><a class="color-wh"href="https://2017.igem.org/Team:Lethbridge/Collaborations">Collaborations</a></li>
 
             </ul></li>
 
             </ul></li>
−
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
+
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:Lethbridge/Parts">Parts<span class="caret"></span></a>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
−
                 <li><a href="#">Basic</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Parts">Overview</a></li>
−
                 <li><a href="#">Composite</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Part_Collection">Part Collection</a></li>
−
                 <li><a href="#">Parts Collection</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Composite_Part">Composite</a></li>
−
                 <li><a href="#">Improved</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Improve">Improved Part</a></li>
 +
                <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Basic_Part">Basic</a></li>
 
             </ul></li>
 
             </ul></li>
 
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
−
                 <li><a href="#">Silver</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Human_Practices">Overview</a></li>
−
                 <li><a href="#">Gold Integrated</a></li>
+
                <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/HP/Silver">User Groups - Silver</a></li>
−
                 <li><a href="#">Engagement</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/HP/Gold_Integrated">Integrated HP - Gold</a></li>
−
                 <li><a href="#">Software</a></li>
+
                 <li><a class="color-wh"href="https://2017.igem.org/Team:Lethbridge/Software">Biosecurity Software</a></li>
−
                 <li><a href="#">e.Shop</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Engagement">Engagement</a></li>
 +
 
 +
                 <!--<li><a class="color-wh" href="#">E Shop</a></li>-->
 
             </ul></li>
 
             </ul></li>
 
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Lab<span class="caret"></span></a>
 
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Lab<span class="caret"></span></a>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
−
                 <li><a href="#">Notebook</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Experiments">Experiments</a></li>
−
                 <li><a href="#">Protocols</a></li>
+
                <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Notebook">Notebook</a></li>
 +
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Safety">Safety</a></li>
 +
              <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/InterLab">InterLab</a></li>
 
             </ul></li>
 
             </ul></li>
−
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<span class="caret"></span></a>
+
             <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:Lethbridge/Team">Team<span class="caret"></span></a>
−
             <ul class="dropdown-menu">
+
             <ul class="dropdown-menu color-wh">
−
                 <li><a href="#">Lab Safety</a></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Team">Team Members</a></li>
−
                <li><a href="#">Risk Levels</a></li>
+
                <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Attributions">Attributions</a></li>
−
                <li><a href="#">Biosecurity</a></li>
+
                <!--<li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Acknowledgements">Acknowledgements</a></li>-->
−
            </ul></li>
+
                 <li><a class="color-wh" href="https://2017.igem.org/Team:Lethbridge/Attributions#Sponsors">Sponsors</a></li>
−
            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
                <li><a href="#">Bios</a></li>
+
−
                <li><a href="#">Attributions</a></li>
+
−
                <li><a href="#">Acknowledgements</a></li>
+
−
                 <li><a href="#">Collaborations</a></li>
+
−
                <li><a href="#">Sponsors</a></li>
+
 
             </ul></li>
 
             </ul></li>
 
       </ul>
 
       </ul>
Line 100: Line 116:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
 +
<!--<hr>-->
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:41, 30 October 2017