Line 6: | Line 6: | ||
--> | --> | ||
<html> | <html> | ||
+ | <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 16: | Line 18: | ||
background-color: #333; | background-color: #333; | ||
font-family: Arial; | font-family: Arial; | ||
− | |||
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: | + | padding: 28px 18px; |
text-decoration: none; | text-decoration: none; | ||
− | font-size: | + | 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 44: | 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> | ||
Line 79: | Line 154: | ||
<div class="inner"> | <div class="inner"> | ||
<div class="content"> | <div class="content"> | ||
+ | <h1 class="major"></h1> | ||
+ | |||
<h2 class="major">Our notebook</h2> | <h2 class="major">Our notebook</h2> | ||
<embed src="https://static.igem.org/mediawiki/2017/b/b5/Labbook.pdf" width="880" height="1180" type='application/pdf'> | <embed src="https://static.igem.org/mediawiki/2017/b/b5/Labbook.pdf" width="880" height="1180" type='application/pdf'> |
Revision as of 13:16, 29 October 2017