Line 1: | Line 1: | ||
+ | {{BU17_template_global}} | ||
<html> | <html> | ||
− | <head> | + | <head> |
− | + | <style> | |
− | + | .logo { /* WORDMARK CONTAINER */ | |
− | + | width: 30%; | |
− | + | float: left; | |
− | + | padding-left: 5%; | |
− | + | padding-top: 20px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .logo img { | |
+ | width: 350px; | ||
+ | } | ||
+ | #mainwrap { | ||
+ | margin: 0 auto; | ||
+ | max-width: 1600px; | ||
+ | min-width: 320px; | ||
+ | } | ||
+ | #menubar { /* MASTER MENU TABLE */ | ||
+ | border: 0; | ||
+ | height: 30px; | ||
+ | margin-top: 35px; | ||
+ | padding-left: 10%; | ||
+ | padding-right: 5%; | ||
+ | white-space: nowrap; | ||
+ | float: right; | ||
+ | } | ||
+ | .menuitem, .dropbtn { /* MAIN MENU BUTTONS */ | ||
+ | -webkit-transition:2s; | ||
+ | color: #f8f9f9 !important; | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-size: 120%; | ||
+ | text-decoration: none !important; | ||
+ | padding: 20px 5%; | ||
+ | } | ||
+ | .dropdown { | ||
+ | display: block; | ||
+ | width: 20%; | ||
+ | float: right; | ||
+ | } | ||
+ | .dropdown-content { /* DROP DOWN MENU CONTAINERS */ | ||
+ | display: none; | ||
+ | min-width: 160px; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | .dropdown-content .menuitem { /* RAIN DROP ... DROP DOWN */ | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | padding: 20px 5%; | ||
+ | } | ||
+ | .dropdown:hover .dropdown-content {display: block;} | ||
+ | div .menuitem:hover, .dropdown:hover .dropbtn {color: #cc0000 !important; -webkit-transition:0.25s;} | ||
+ | </style> | ||
</head> | </head> | ||
− | <body> | + | |
− | <div | + | <body> |
− | + | <div id="mainwrap"> | |
− | + | <a href="https://2017.igem.org/Team:BostonU" class="logo"><img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a> | |
− | + | <div id="menubar"> | |
− | + | <div class="dropdown"> | |
− | + | <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/Overview">Overview</a> | |
− | + | <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> | |
− | + | </div> | |
− | + | <div class="dropdown"> | |
− | + | <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/Achievements">Overview</a> | |
− | + | <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> | |
− | + | </div> | |
− | + | <div class="dropdown"> | |
− | + | <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/BTB">Overview</a> | |
− | + | <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> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</body> | </body> | ||
− |
Revision as of 17:33, 2 August 2017