Difference between revisions of "Template:BU17 template menubar"
| 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
