|
|
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>
| |