Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
<style> | <style> | ||
− | .logo { /* | + | |
− | width: | + | .logo { /* LOGO IN MENU */ |
− | + | width: 200px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
#mainwrap { | #mainwrap { | ||
margin: 0 auto; | margin: 0 auto; | ||
max-width: 1600px; | max-width: 1600px; | ||
− | |||
} | } | ||
#menubar { /* MASTER MENU TABLE */ | #menubar { /* MASTER MENU TABLE */ | ||
+ | background-color: blue; | ||
border: 0; | border: 0; | ||
− | height: | + | display: table-row; |
− | margin-top: | + | height: 80px; |
− | padding | + | list-style-type: none; |
− | + | margin-top: -1px | |
+ | padding: 0; | ||
+ | position: fixed; | ||
+ | top:0px; | ||
white-space: nowrap; | white-space: nowrap; | ||
− | |||
} | } | ||
− | .menuitem, .dropbtn { /* MAIN MENU BUTTONS */ | + | #menubar li { |
+ | display: table-cell; | ||
+ | } | ||
+ | li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */ | ||
-webkit-transition:2s; | -webkit-transition:2s; | ||
− | color: # | + | color: #605e5e !important; |
+ | display: table-cell; | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
− | font-size: | + | font-size: 130%; |
+ | padding: 40px 18px; | ||
+ | text-align: center; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
− | + | vertical-align: sub; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.dropdown-content { /* DROP DOWN MENU CONTAINERS */ | .dropdown-content { /* DROP DOWN MENU CONTAINERS */ | ||
+ | background-color: #fefefe; | ||
display: none; | display: none; | ||
+ | margin-top: -12px; | ||
min-width: 160px; | min-width: 160px; | ||
position: absolute; | position: absolute; | ||
Line 46: | Line 45: | ||
} | } | ||
.dropdown-content .menuitem { /* RAIN DROP ... DROP DOWN */ | .dropdown-content .menuitem { /* RAIN DROP ... DROP DOWN */ | ||
+ | color: black; | ||
display: block; | display: block; | ||
+ | padding: 18px 16px; | ||
+ | text-align: left; | ||
text-decoration: none; | text-decoration: none; | ||
− | |||
} | } | ||
+ | .dropdown-content .menuitem:hover {background-color: #fefefe;} /* HOVER ANIMATIONS */ | ||
.dropdown:hover .dropdown-content {display: block;} | .dropdown:hover .dropdown-content {display: block;} | ||
− | + | li .menuitem:hover, .dropdown:hover .dropbtn {color: #cc0000 !important; -webkit-transition:0.25s;} | |
+ | .logo:hover {color: #b9b4b4 !important; -webkit-transition:1s;} | ||
</style> | </style> | ||
</head> | </head> | ||
Line 57: | Line 60: | ||
<body> | <body> | ||
<div id="mainwrap"> | <div id="mainwrap"> | ||
− | + | <a href="https://2017.igem.org/Team:BostonU"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a> | |
− | < | + | <ul id="menubar"> |
− | < | + | <li class="dropdown"> |
<a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a> | <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
Line 69: | Line 72: | ||
<a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> | <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | < | + | |
+ | <li class="dropdown"> | ||
<a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a> | <a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
Line 78: | Line 82: | ||
<a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> | <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | < | + | |
+ | <li class="dropdown"> | ||
<a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a> | <a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
Line 87: | Line 92: | ||
<a class="menuitem" href="https://2017.igem.org/Team:BostonU/Contribution">Contribution</a> | <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Contribution">Contribution</a> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | </ | + | |
+ | <li><a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
</body> | </body> |
Revision as of 17:40, 2 August 2017