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

Line 5: Line 5:
  
 
.dropdown {
 
.dropdown {
<!-- z-index: 9999;-->
+
  z-index: 9999;
z-index: 100;
+
 
    
 
    
 
}
 
}
Line 12: Line 11:
 
  #wnm-top-nav ul {
 
  #wnm-top-nav ul {
 
   margin: 0 0 0 0;
 
   margin: 0 0 0 0;
padding: -20; //reset default padding
 
  <!--overflow: hidden; //add to correct floats-->
 
  float: right;
 
 
  }   
 
  }   
 
  #wnm-top-nav li {
 
  #wnm-top-nav li {
Line 43: Line 39:
 
#wnm-top-nav li ul li:hover {background: #D0D0D0;}
 
#wnm-top-nav li ul li:hover {background: #D0D0D0;}
  
.nav.navbar-nav.navbar-left li a {
+
.nav.navbar-nav.navbar-right li a {
 
     color: black;
 
     color: black;
 
}
 
}
Line 52: Line 48:
 
     display: block;
 
     display: block;
 
     font-size: 13px;
 
     font-size: 13px;
}
 
 
.navbar-fixed {
 
  top: 0;
 
  z-index: 100;
 
  position: fixed;
 
  width: 100%;
 
 
}
 
}
  
Line 65: Line 54:
  
 
<div class="dropdown">
 
<div class="dropdown">
   <nav style="background-color: #FFFFFF;min-width: 1000px;" class="navbar navbar-left navbar-fixed-top" role="navigation">
+
   <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. -->
 
     <!-- navbar adjusted to fix full-screen issue on auxillary pages resulting in whitespace at top of screen. -->
     <div style='padding-left: -20px;' class="container">
+
     <div class="container">
      <!-- was here -->
+
      <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">
 
       <div class="collapse navbar-collapse">
         <ul id = "wnm-top-nav" class="nav navbar-nav navbar-left navbar-uppercase dropdown" style="text-align: left;">
+
         <ul id = "wnm-top-nav" class="nav navbar-nav navbar-right navbar-uppercase dropdown">
 
   
 
   
  
 
             <li>
 
             <li>
               <a style="font-size: 11px;" href="https://2018.igem.org/Team:William_and_Mary/Description">
+
               <a href="https://2018.igem.org/Team:William_and_Mary/Description">
 
                 Project
 
                 Project
 
               </a>
 
               </a>
Line 110: Line 110:
 
          
 
          
 
           <li>
 
           <li>
             <a style="font-size: 11px;" href="https://2018.igem.org/Team:William_and_Mary/3G">  
+
             <a href="https://2018.igem.org/Team:William_and_Mary/3G">  
 
               3G Assembly
 
               3G Assembly
 
             </a>
 
             </a>
Line 138: Line 138:
  
 
             <li>
 
             <li>
               <a style="font-size: 11px;" href="https://2018.igem.org/Team:William_and_Mary/Model">
+
               <a href="https://2018.igem.org/Team:William_and_Mary/Model">
 
                 Modeling
 
                 Modeling
 
               </a>
 
               </a>
Line 144: Line 144:
  
 
           <li>
 
           <li>
             <a style="font-size: 11px;" href="">  
+
             <a href="">  
 
               Human Practices
 
               Human Practices
 
             </a>
 
             </a>
Line 174: Line 174:
  
 
  <li>
 
  <li>
             <a style="font-size: 11px;" href="https://2018.igem.org/Team:William_and_Mary/Database">  
+
             <a href="https://2018.igem.org/Team:William_and_Mary/Database">  
 
               Database
 
               Database
 
             </a>
 
             </a>
Line 196: Line 196:
  
 
   <li>
 
   <li>
             <a style="font-size: 11px;"href="https://2018.igem.org/Team:William_and_Mary/Protocols">  
+
             <a href="https://2018.igem.org/Team:William_and_Mary/Protocols">  
 
               Protocols
 
               Protocols
 
             </a>
 
             </a>
Line 216: Line 216:
 
            
 
            
 
             <li>
 
             <li>
               <a style="font-size: 11px;" href="#">  
+
               <a href="#">  
 
                 Judging
 
                 Judging
 
               </a>
 
               </a>
Line 259: Line 259:
  
 
                 <li>
 
                 <li>
             <a style="font-size: 11px;" href="https://2018.igem.org/Team:William_and_Mary/Team">  
+
             <a href="https://2018.igem.org/Team:William_and_Mary/Team">  
 
               Team
 
               Team
 
             </a>
 
             </a>
Line 289: Line 289:
 
                        
 
                        
 
           </ul>
 
           </ul>
 
<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: 60px;overflow: hidden;'>
 
          <img src="https://static.igem.org/mediawiki/2018/e/ec/T--William_and_Mary--DecodeLogo1.jpg" height = "30px"/></div>
 
        </a>
 
      </div>
 
 
         </div>
 
         </div>
 
 
 
 
 
       </div>
 
       </div>
 
     </nav>
 
     </nav>
 
   </div>
 
   </div>
 
   </html>
 
   </html>

Revision as of 15:55, 17 October 2018