Difference between revisions of "Template:Global Menubar"

 
(117 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!doctype html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 7: Line 6:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
<title>Material Kit by Creative Tim</title>
+
<title>BostonU_HW</title>
  
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 +
<style>
 +
 +
/* ADJUSTS DEFAULT iGEM CONTENT */
 +
 +
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
body, html, #globalWrapper, #bodyContent, #HQ_page {
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
height: 100%;
 +
}
 +
#content {
 +
width: 100%;
 +
margin: 0;
 +
margin-top: -33px;
 +
padding: 0;
 +
height: 100%;
 +
}
 +
html {
 +
-webkit-font-smoothing: antialiased;
 +
}
 +
#logo{
 +
height:100%;
 +
width:100%;
 +
margin-top: 2%;
 +
}
 +
.dropdown-menu li a{
 +
font-size: 15px !important;
 +
margin-bottom: 5px !important;
 +
margin-top: 5px !important;
 +
padding-left: 16px !important;
 +
padding-right: 16px !important;
 +
padding-top: 10px !important;
 +
padding-bottom: 10px !important;
 +
}
 +
.navbar .navbar-nav > li > a{
 +
font-size: 16px !important;
 +
}
 +
.navbar-header{
 +
width: 300px !important;
 +
height: 50px !important;
 +
margin-top: 5px !important;
 +
margin-bottom: 5px !important;
 +
}
 +
</style>
  
  
Line 17: Line 66:
  
 
<!-- NAVBAR -->
 
<!-- NAVBAR -->
 
 
<nav class="navbar navbar-danger navbar-fixed-top navbar-color-on-scroll">
 
<nav class="navbar navbar-danger navbar-fixed-top navbar-color-on-scroll">
 
<div class="container">
 
<div class="container">
Line 28: Line 76:
 
    </button>
 
    </button>
 
    <a href="https://2017.igem.org/Team:BostonU_HW">
 
    <a href="https://2017.igem.org/Team:BostonU_HW">
        <div class="logo-container">
+
<img src="https://static.igem.org/mediawiki/2017/3/32/MARSNAV.png" alt="MARS Logo" rel="tooltip" title="MARS was developed and designed by the 2017 BU iGEM HW Team" data-placement="bottom" data-html="true" id="logo">
                <div class="logo">
+
                    <img src="" alt="MARS Logo" rel="tooltip" title="<b>MARS</b> was developed and designed by <b>The 2017 BU iGEM HW Team</b>" data-placement="bottom" data-html="true">
+
                </div>
+
 
+
</div>
+
 
      </a>
 
      </a>
 
    </div>
 
    </div>
Line 46: Line 89:
 
</a>
 
</a>
 
<ul class="dropdown-menu dropdown-menu">
 
<ul class="dropdown-menu dropdown-menu">
<li class = "dropdown-header">BostonU Hardware</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Team">Meet The Team</a></li>
<li><a href="#">Meet The Team</a></li>
+
<li><a href="#">Attributions</a></li>
+
 
<li class="divider"></li>
 
<li class="divider"></li>
<li class = "dropdown-header">Collaborations</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Attributions">Attributions</a></li>
<li><a href="#">Harvard iGEM</a></li>
+
<li class="divider"></li>
<li><a href="#">WPI iGEM</a></li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Contribution">Contribution</a></li>
<li><a href="#">BostonU Wet Lab iGEM</a></li>
+
 
</ul>
 
</ul>
 
  <!-- END Team Section -->
 
  <!-- END Team Section -->
Line 62: Line 102:
 
</a>
 
</a>
 
<ul class="dropdown-menu dropdown-menu">
 
<ul class="dropdown-menu dropdown-menu">
<li class="dropdown-header">Microfluidics 101</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Description">Project Description</a></li>
<li><a href="#">Introduction to Microfluidics</a></li>
+
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/IntrouF">Microfluidics 101</a></li>
 
<li class="divider"></li>
 
<li class="divider"></li>
<li class = "dropdown-header">Microfluidic Chips</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Demonstrate">MARS Repository</a></li>
<li><a href="#">MARS Archive</a></li>
+
 
<li class="divider"></li>
 
<li class="divider"></li>
<li class="dropdown-header">Use Your Microfluidic</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Model">Fluid Functionality</a></li>
<li><a href="#">Video Tutorials</a></li>
+
 
<li class="divider"></li>
 
<li class="divider"></li>
<li class="dropdown-header">Evaluate Your Microfluidic</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Collaborations">iGEM Collaborations</a></li>
<li><a href="#">Fluid Functionality</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 80: Line 118:
 
<li class="dropdown">
 
<li class="dropdown">
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook
<b class="caret"></b>
+
<b class="caret"></b>
</a>
+
</a>
 
<ul class="dropdown-menu dropdown-menu">
 
<ul class="dropdown-menu dropdown-menu">
<li class="dropdown-header">Dropdown header</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Notebook">Timeline</a></li>
<li><a href="#">Chip Progression</a></li>
+
<li class="divider"></li>
<li><a href="#">Fluid Functionality</a></li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Improve">Improve</a></li>
<li><a href="#">Safety</a></li>
+
 
</ul>
 
</ul>
 +
</li>
 
<!-- END Notebook Section -->
 
<!-- END Notebook Section -->
  
Line 96: Line 134:
 
</a>
 
</a>
 
<ul class="dropdown-menu dropdown-menu">
 
<ul class="dropdown-menu dropdown-menu">
<li class="dropdown-header">Silver</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/HP/Silver">Silver</a></li>
<li><a href="#">Community Outreach</a></li>
+
 
<li class="divider"></li>
 
<li class="divider"></li>
<li class="dropdown-header">Gold</li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/HP/Gold_Integrated">Gold</a></li>
<li><a href="#">Integrating Outreach</a></li>
+
 
</ul>
 
</ul>
 +
</li>
 
<!-- END Human Practices Section -->
 
<!-- END Human Practices Section -->
  
Line 110: Line 147:
 
</a>
 
</a>
 
<ul class="dropdown-menu dropdown-menu">
 
<ul class="dropdown-menu dropdown-menu">
<li><a href="#">Bronze</a></li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Bronze">Bronze</a></li>
 
<li class="divider"></li>
 
<li class="divider"></li>
<li><a href="#">Silver</a></li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Silver">Silver</a></li>
 
<li class="divider"></li>
 
<li class="divider"></li>
<li><a href="#">Gold</a></li>
+
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Gold">Gold</a></li>
 
</ul>
 
</ul>
<!-- Medal Critera Section -->
+
</li>
  
<!-- RANDOM EXAMPLE
 
<li>
 
<a href="components-documentation.html" target="_blank">
 
<i class="material-icons">dashboard</i> Components
 
</a>
 
</li>
 
-->
 
 
<!-- Social Media -->
 
<li>
 
<a rel="tooltip" title="Follow us on Twitter!" data-placement="bottom" href="https://twitter.com/igemhwbu" target="_blank" class="btn btn-white btn-simple btn-just-icon">
 
<i class="fa fa-twitter"></i>
 
</a>
 
</li>
 
<li>
 
<a rel="tooltip" title="Follow us on Instagram!" data-placement="bottom" href="https://www.instagram.com/buigemhardware/?hl=en" target="_blank" class="btn btn-white btn-simple btn-just-icon">
 
<i class="fa fa-instagram"></i>
 
</a>
 
</li>
 
<!-- END Social Media -->
 
  
 
    </ul>
 
    </ul>
Line 145: Line 162:
 
</div>
 
</div>
 
</nav>
 
</nav>
 +
  
 
</body>
 
</body>

Latest revision as of 01:59, 1 November 2017

BostonU_HW