Difference between revisions of "Template:William and Mary/NAV BAR"

(Created page with "<html> <head> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top "> <div class="container-fluid"> <div class-"navbar-header"> <a class="navbar-brand"...")
 
 
(342 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
+
<html lang='en'>
<head> </head>
+
<body>
+
  
<nav class="navbar navbar-inverse navbar-fixed-top ">
 
<div class="container-fluid">
 
<div class-"navbar-header">
 
<a class="navbar-brand" href="https://2018.igem.org/Team:William_and_Mary">W&M iGEM</a>
 
</div>
 
<ul class="nav navbar-nav navbar-right">
 
<li class="active"><a href="https://2018.igem.org/Team:William_and_Mary">Home</a></li>
 
<li><a href="#">Project</a></li>
 
<li><a href="#">Results</a></li>
 
<li><a href="#">Modeling</a></li>
 
<li><a href="#">Human Practices</a></li>
 
<li><a href="#">Database</a></li>
 
<li><a href="#">Judging</a></li>
 
<li><a href="#">Team</a></li>
 
</ul>
 
</div>
 
</nav>
 
  
</body>
+
<style>
  
</html>
+
.dropdown {
 +
  z-index: 9999;
 +
 
 +
}
 +
 
 +
#wnm-top-nav ul {
 +
  margin: 0 0 0 0;
 +
 +
#wnm-top-nav li {
 +
  margin: 0 0 0 0;
 +
}
 +
 
 +
#wnm-top-nav li {
 +
  display: inline-block;
 +
}
 +
#wnm-top-nav li:hover {
 +
  background: #ECECEC;
 +
}
 +
#wnm-top-nav li:hover ul {
 +
  display: block;
 +
}
 +
#wnm-top-nav li ul {
 +
  position: absolute;
 +
  width: 150px;
 +
  display: none;
 +
font-size: 15px;
 +
}
 +
#wnm-top-nav li ul li {
 +
background: #ECECEC;
 +
 
 +
  display: block;
 +
}
 +
#wnm-top-nav li ul li a {display:block !important;}
 +
#wnm-top-nav li ul li:hover {background: #D0D0D0;}
 +
 
 +
.nav.navbar-nav.navbar-right li a {
 +
    color: black;
 +
}
 +
.dropdown-content ul li a {
 +
    color: black;
 +
    padding: 10px 13px;
 +
    text-decoration: none;
 +
    display: block;
 +
    font-size: 13px;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
<div class="dropdown">
 +
  <nav style="background-color: #FFFFFF" class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
    <!-- navbar adjusted to fix full-screen issue on auxillary pages resulting in whitespace at top of screen. -->
 +
    <div class="container">
 +
      <div class="navbar-header"style='float: left;'>
 +
        <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
 +
          <span class="sr-only">Toggle navigation</span>
 +
          <span class="icon-bar bar1"></span>
 +
          <span class="icon-bar bar2"></span>
 +
          <span class="icon-bar bar3"></span>
 +
        </button>
 +
        <a href='https://2018.igem.org/Team:William_and_Mary' class="navbar-brand">
 +
<div style='padding-top: 3px; padding-left: -10px;'>
 +
          <img src="https://static.igem.org/mediawiki/2018/e/ec/T--William_and_Mary--DecodeLogo1.jpg" height = "30px"/></div>
 +
        </a>
 +
      </div>
 +
   
 +
      <div class="collapse navbar-collapse">
 +
        <ul id = "wnm-top-nav" class="nav navbar-nav navbar-left navbar-uppercase dropdown">
 +
 +
 
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:William_and_Mary/Description">
 +
                Project
 +
              </a>
 +
 
 +
 
 +
<ul class="dropdown-content">
 +
             
 +
                <li> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Description">
 +
                Background
 +
                </a></center></li>
 +
 
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Results">
 +
                Results
 +
                </a></center></li>
 +
 
 +
 
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Heat">
 +
                Temperature Systems
 +
                </a></center></li>
 +
 
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Experiments">
 +
                Methods and Data
 +
                </a></center></li>
 +
 
 +
 
 +
</ul>
 +
</li>
 +
 
 +
       
 +
          <li>
 +
            <a href="https://2018.igem.org/Team:William_and_Mary/3G">
 +
              3G Assembly
 +
            </a>
 +
            <ul class="dropdown-content">
 +
             
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/3G">
 +
                Method Overview
 +
                </a></center></li>
 +
 
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Collaborations">
 +
                Collaborations
 +
                </a></center></li>
 +
 
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/3G_Mixed">
 +
                Parallel Circuit Testing
 +
                </a></center></li>
 +
 
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Part_Collection">
 +
                3G Parts
 +
                </a></center></li>
 +
 
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/3GProtocols">
 +
                Protocol
 +
                </a></center></li>
 +
 
 +
 
 +
               
 +
              </ul>
 +
            </li>
 +
 
 +
 
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:William_and_Mary/Model">
 +
                Modeling
 +
              </a>
 +
            </li>
 +
 
 +
          <li>
 +
            <a href="https://2018.igem.org/Team:William_and_Mary/Public_Engagement">
 +
              Human Practices
 +
            </a>
 +
            <ul class="dropdown-content">
 +
             
 +
 
 +
                <li><center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Public_Engagement">
 +
                  Overview
 +
                </a></center></li>
 +
                <li><center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Human_Practices/Incorporating_new_communities">
 +
                  Incorporating New Communities
 +
                </a></center></li>
 +
                <li><center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Human_Practices/A_Statewide_Standard">
 +
                  A Statewide Standard
 +
                </a></center></li>
 +
                <li><center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Human_Practices/Continuing_the_Conversation">
 +
                  Continuing the Conversation
 +
                </a></center></li>
 +
                <li><center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Human_Practices">
 +
                  IHP/Silver
 +
                </a></center></li>
 +
 
 +
               
 +
              </ul>
 +
            </li>
 +
 
 +
 
 +
<!--->
 +
 
 +
<li>
 +
            <a href="https://2018.igem.org/Team:William_and_Mary/Database">
 +
              Database
 +
            </a>
 +
            <ul class="dropdown-content">
 +
             
 +
 
 +
                <li><center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Database_Overview">
 +
                  Database Overview
 +
                </a></center></li>
 +
                <li><center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Database">
 +
                  Database
 +
                </a></center></li>
 +
               
 +
               
 +
              </ul>
 +
            </li>
 +
 
 +
 
 +
 
 +
<!---->
 +
 
 +
<!-- <li>
 +
            <a href="https://2018.igem.org/Team:William_and_Mary/Protocols">
 +
              Protocols
 +
            </a>
 +
            <ul class="dropdown-content">
 +
             
 +
 
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Protocols">
 +
                Protocols
 +
                </a></center></li>     
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/3GProtocols">
 +
                3G Assembly
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Flow_Protocol">
 +
              Sample Preservation
 +
                </a></center></li>
 +
              </ul>
 +
            </li>-->
 +
 
 +
         
 +
            <li>
 +
              <a href="#">
 +
                Judging
 +
              </a>
 +
            <ul class="dropdown-content">
 +
             
 +
              <!--<li style='font-family: "Optima";'>
 +
<center>
 +
                <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Achievements">
 +
                  Achievements
 +
                </a></center> </li>-->
 +
               
 +
                <li style='font-family: "Optima";'> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Medal Requirements">
 +
                  Medal Requirements
 +
                </a></center></li>
 +
 
 +
                <li> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Measurement">
 +
                  Measurement
 +
                </a></center></li>
 +
               
 +
                <li><center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Demonstrate">
 +
                  Demonstrate
 +
                </a></center> </li>
 +
 
 +
 
 +
                <li> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Part_Collection">
 +
                  Best Part Collection
 +
                </a></center></li>
 +
 
 +
                <li> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Parts">
 +
                  Parts
 +
                </a></center></li>
 +
 
 +
                <li> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Improve">
 +
                Improve
 +
                </a></center></li>
 +
 
 +
                <li> <center><a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/InterLab">
 +
                  Interlab
 +
                </a> </center></li>
 +
 
 +
              </ul>
 +
 
 +
 
 +
            </li>
 +
 
 +
 
 +
 
 +
                <li>
 +
            <a href="https://2018.igem.org/Team:William_and_Mary/Team">
 +
              Team
 +
            </a>
 +
            <ul class="dropdown-content">
 +
             
 +
 
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Team">
 +
                  Meet the Team
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Attributions">
 +
                  Attributions
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Notebook">
 +
                  Notebook
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Protocols">
 +
                Protocols
 +
                </a></center></li>
 +
                <li> <center> <a style="color: black" href="https://2018.igem.org/Team:William_and_Mary/Safety">
 +
                  Safety
 +
                </a></center></li>
 +
 
 +
 
 +
               
 +
              </ul>
 +
            </li>
 +
   
 +
 
 +
                     
 +
          </ul>
 +
        </div>
 +
      </div>
 +
    </nav>
 +
  </div>
 +
  </html>

Latest revision as of 02:43, 18 October 2018