Difference between revisions of "Template:BUHW menubar"

(Created page with "{{Template:BUHW2016_Bootstrap}} <html> <head> <style> ******************************** DEFAULT WIKI SETTINGS *******************************: #sideMenu, #top_title {di...")
 
(Blanked the page)
Line 1: Line 1:
{{Template:BUHW2016_Bootstrap}}
 
<html>
 
<head>
 
<style>
 
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
 
@font-face {
 
    font-family: openSans;
 
    src: url("https://static.igem.org/mediawiki/2016/1/17/OpenSans.ttf");
 
 
 
}
 
 
 
html,body
 
{
 
    width: 100%;
 
    min-width: 100%;
 
    height: 100%;
 
    margin: 0px;
 
    padding: 0px;
 
    overflow-x: hidden;
 
}
 
 
 
body{
 
background-color: white;
 
}
 
 
* {
 
font-family: openSans, sans-serif !important;
 
}
 
 
 
.navbar {
 
  background-color: black;
 
  border-color: black;
 
margin-top: 10px;
 
 
 
}
 
 
 
 
.navbar-default .navbar-header .navbar-brand,
 
.navbar-default .navbar-header .navbar-brand:hover,
 
.navbar-default .navbar-header .navbar-brand:focus {
 
      color: white;
 
  }
 
  .navbar-default .nav > li > a,
 
  .navbar-default .nav > li > a:focus {
 
      color: white;
 
      font-size: medium;
 
  }
 
  .navbar-default .nav > li > a:hover,
 
  .navbar-default .nav > li > a:focus:hover {
 
      color: white;
 
      font-size: medium;
 
  }
 
  .navbar-default.affix {
 
      background-color: white;
 
      border-color: white;
 
  }
 
 
 
  /*  Animated Underlining For Menu Items  */
 
.dropbtn {
 
  display: inline-block;
 
  position: relative;
 
  padding-bottom: 3px;
 
}
 
.dropbtn:after {
 
  content: '';
 
  display: block;
 
  margin: auto;
 
  height: 2px;
 
  width: 0px;
 
  background: transparent;
 
  transition: width .5s ease, background-color .5s ease;
 
}
 
.sliding-middle-out:hover > .dropbtn:after {
 
  width: 100%;
 
  background: white;
 
}
 
 
 
 
 
 
/*  Dropdown Menu Functionality  */
 
/* Style The Dropdown Button */
 
.dropbtn {
 
    color: white;
 
    border: none;
 
    cursor: pointer;
 
}
 
 
/* The container <div> - needed to position the dropdown content */
 
.dropdown {
 
    position: relative;
 
    display: inline-block;
 
}
 
 
/* Dropdown Content (Hidden by Default) */
 
.dropdown-content {
 
    display: none;
 
    position: absolute;
 
    background-color: rgba(249,249,249,0.4);
 
    min-width: 160px;
 
}
 
 
/* Links inside the dropdown */
 
.dropdown-content a {
 
    color: black;
 
    font-size: 15px;
 
    padding: 10px 16px;
 
    text-decoration: none;
 
    display: block;
 
}
 
 
/* Change color of dropdown links on hover */
 
.dropdown-content a:hover {background-color: #f1f1f1}
 
 
/* Show the dropdown menu on hover */
 
.dropdown:hover .dropdown-content {
 
    display: block;
 
}
 
 
.paddedNav{
 
padding-left: 23px;
 
padding-right: 23px;
 
padding-bottom: 5px;
 
 
}
 
 
 
 
 
 
 
</style>
 
 
 
</head>
 
 
 
 
 
 
 
 
 
 
<body>
 
 
<header id="top" class="header">
 
 
<nav class="navbar navbar-default navbar-fixed-top">
 
  <div class="container-fluid paddedNav">
 
    <!-- Brand and toggle get grouped for better mobile display -->
 
    <div class="navbar-header">
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 
        <span class="sr-only">Toggle navigation</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:BostonU_HW"><img src="https://static.igem.org/mediawiki/2016/9/97/T--BostonU_HW--NeptuneLogo_rcwolf.png" height="38" width="55" style="display: inline-block; padding-right: 17px;">BU HW 2016</a>
 
    </div>
 
 
    <!-- Collect the nav links, forms, and other content for toggling -->
 
    <div class="collapse navbar-collapse " >
 
      <ul class="nav navbar-nav navbar-right">
 
        <li class="sliding-middle-out dropdown">
 
            <a href="#" class="dropbtn">TEAM</a>
 
            <div class="dropdown-content">
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Team">Us</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Attributions">Attributions</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Collaborations">Collaborations</a>
 
            </div>
 
        </li>
 
        <li class="sliding-middle-out dropdown">
 
            <a href="#" class="dropbtn">PROJECT</a>
 
            <div class="dropdown-content">
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Build</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Application</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Design">Documentation</a>
 
            </div>
 
        </li>
 
        <li class="sliding-middle-out dropdown">
 
            <a href="#" class="dropbtn">NOTEBOOK</a>
 
            <div class="dropdown-content">
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Experiments">Experiments</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Safety">Safety</a>
 
            </div>
 
        </li>
 
        <li class="sliding-middle-out dropdown">
 
            <a href="https://2016.igem.org/Team:BostonU_HW/Human_Practices" class="dropbtn">HUMAN PRACTICES</a>
 
            <div class="dropdown-content">
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Engagement">Engagement</a>
 
            </div>
 
        </li>
 
        <li class="sliding-middle-out dropdown">
 
            <a href="#" class="dropbtn">AWARDS</a>
 
            <div class="dropdown-content">
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Hardware">Hardware</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Measurement">Measurement</a>
 
                  <a href="https://2016.igem.org/Team:BostonU_HW/Model">Model</a>
 
            </div>
 
        </li>
 
      </ul>
 
    </div><!-- /.navbar-collapse -->
 
  </div><!-- /.container-fluid -->
 
</nav>
 
 
 
</div>
 
 
 
 
</body>
 
 
 
 
<html>
 

Revision as of 19:26, 27 July 2017