(23 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> | <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet"> | ||
<style> | <style> | ||
− | + | <style> | |
− | + | #top_menu_inside ul li > a { /* RECOLORS IGEM MENU */ | |
+ | color: #a9a9a9 !important; | ||
+ | } | ||
+ | .menu-type { | ||
+ | font-family: 'Roboto Condensed', sans-serif !important; | ||
+ | letter-spacing: 5pt !important; | ||
+ | font-size: 12pt; | ||
+ | text-align: center; | ||
+ | text-decoration: none !important; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: 700; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-smoothing: antialiased; | ||
} | } | ||
.wordmark img { | .wordmark img { | ||
Line 13: | Line 26: | ||
} | } | ||
#menuwrap { | #menuwrap { | ||
− | margin: 0 auto; max-width: 960px; | + | margin: 0 auto; |
+ | max-width: 960px; | ||
height: 100px; | height: 100px; | ||
+ | } | ||
+ | .dropbtn { | ||
+ | text-decoration: none !important; | ||
} | } | ||
#menubartable { | #menubartable { | ||
Line 38: | Line 55: | ||
background: #F8F9F9; | background: #F8F9F9; | ||
display: table-cell; | display: table-cell; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
vertical-align: middle; | vertical-align: middle; | ||
− | padding: | + | padding: 20px 15px; |
} | } | ||
.dropdown-content { | .dropdown-content { | ||
Line 61: | Line 72: | ||
} | } | ||
li .menuitem:hover, li .dropbtn:hover { | li .menuitem:hover, li .dropbtn:hover { | ||
− | background: # | + | background: #f4f4f4; |
+ | } | ||
+ | #masterfooter { | ||
+ | position: absolute; | ||
+ | border: 0; | ||
+ | background: #f8f9f9; | ||
+ | list-style-type: none; | ||
+ | white-space: nowrap; | ||
+ | z-index: 10; | ||
+ | width: 100%; | ||
+ | bottom: 0; | ||
+ | padding-left: 3000px; | ||
+ | margin-left: -3000px; | ||
+ | padding-right: 3000px; | ||
+ | margin-right: -3000px; | ||
} | } | ||
</style> | </style> | ||
Line 67: | Line 92: | ||
<body> | <body> | ||
<div id="menuwrap"> | <div id="menuwrap"> | ||
− | <ul id="menubartable"> | + | <ul id="menubartable" class="menu-type"> |
<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" 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/ | + | <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Team" class="dropbtn">People</a> |
− | <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description"> | + | <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Team">Team</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a></div> |
+ | <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Description" class="dropbtn">Research</a> | ||
+ | <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Overview</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Experiments">Experiments</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">Modeling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Protocols">Protocols</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div> | ||
</li> | </li> | ||
− | <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/ | + | <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Engagement" class="dropbtn">Beyond the Bench</a> |
− | <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/ | + | <div class="dropdown-content"><a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP/Silver">Human Practices</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP/Gold_Integrated">Integrated Human Practices</a><a class="menuitem" href="https://2017.igem.org/Team:BostonU/Engagement">Public Engagement</a><a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Collaborations</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/InterLab">InterLab Contribution</a> </div> |
</li> | </li> | ||
− | <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/ | + | <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/JudgingCriteria" class="dropbtn">Achievements</a> |
− | <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/ | + | <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Overview</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> | ||
− | |||
− | |||
</ul> | </ul> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 21:57, 1 November 2017