Difference between revisions of "Template:BU17 template menubar"

(Blanked the page)
Line 1: Line 1:
−
 
+
<html>
 +
<head>
 +
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 +
<style>
 +
.wordmark img {
 +
vertical-align: sub;
 +
width: 200px;
 +
margin-left: 5%;
 +
margin-right: 50px;
 +
}
 +
#menuwrap {
 +
margin: 0 auto;
 +
max-width: 960px;
 +
}
 +
#menubartable {
 +
border: 0;
 +
background: #f8f9f9;
 +
list-style-type: none;
 +
white-space: nowrap;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
padding-left: 3000px;
 +
margin-left: -3000px;
 +
padding-right: 3000px;
 +
margin-right: -3000px;
 +
}
 +
#menubartable li {
 +
display: table-cell;
 +
}
 +
li .menuitem, .dropbtn {
 +
color: #a9a9a9 !important;
 +
background: #f8f9f9;
 +
display: table-cell;
 +
font-family: Arial, sans-serif;
 +
font-size: 120%;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
vertical-align: middle;
 +
padding: 15px 15px;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
z-index: 10;
 +
}
 +
.dropdown-content .menuitem {
 +
display: block;
 +
text-align: left;
 +
text-decoration: none;
 +
}
 +
.menu-column:hover .dropdown-content {
 +
display: block;
 +
}
 +
li .menuitem:hover, li .dropbtn:hover {
 +
background-color: #efefef;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="menuwrap">
 +
  <ul id="menubartable">
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/f/f2/T--BostonU--RedGrey.svg"></img></a> </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Project Description</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modelling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Demonstrate">Demonstration</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Parts">Parts</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP">Human Practices</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Collaborations</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Contribution">Contribution</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Attributions" class="dropbtn">People</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Team</a></div>
 +
  </ul>
 +
</div>
 +
</body>
 +
</html>

Revision as of 18:53, 22 August 2017