Line 6: | Line 6: | ||
--> | --> | ||
<html> | <html> | ||
− | |||
<head> | <head> | ||
+ | |||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | |||
+ | <style> | ||
<style> | <style> | ||
body {margin:0;} | body {margin:0;} | ||
Line 17: | Line 20: | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 12px ; |
width: 100%; | width: 100%; | ||
z-index:50; | z-index:50; | ||
+ | |||
} | } | ||
.navbar a { | .navbar a { | ||
float: left; | float: left; | ||
− | + | color: white; | |
− | color: | + | |
text-align: center; | text-align: center; | ||
padding: 28px 18px; | padding: 28px 18px; | ||
text-decoration: none; | text-decoration: none; | ||
font-size: 28px; | font-size: 28px; | ||
+ | |||
+ | |||
} | } | ||
+ | .dropdown { | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown .dropbtn { | ||
+ | font-size: 28px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 28px 18px; | ||
+ | background-color: inherit; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .navbar a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: #5d70dd; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,.4); | ||
+ | z-index: 100; | ||
+ | top: 80px; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 12px 18px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #ddd; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | position: fixed; | ||
} | } | ||
Line 41: | Line 106: | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a> | ||
− | + | <div class="dropdown"> | |
− | + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Project">Project</a> | |
+ | |||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
Revision as of 13:17, 29 October 2017
Attributions:
All lab work was conducted at the American School in Japan by team members of the 2017 ASIJ iGEM team.
Project Support and Advice
Project Advisor: Ms. Beth Crissy
Supervised our lab activity and provided presentation coaching