Catherinepan (Talk | contribs) |
Catherinepan (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<style> | <style> | ||
− | |||
.dropbtn { | .dropbtn { | ||
− | background-color: # | + | background-color: #D9EDEB; |
− | color: | + | color: grey; |
padding: 16px; | padding: 16px; | ||
− | font-size: | + | font-family:GeosansLight; |
+ | font-size: 20px; | ||
+ | letter-spacing: 1.5px; | ||
+ | -webkit-text-stroke: 1px; | ||
border: none; | border: none; | ||
− | + | text-align: center; | |
} | } | ||
− | |||
.dropdown { | .dropdown { | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
+ | text-align: center; | ||
} | } | ||
− | |||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
− | position: | + | position: inline-block; |
− | background-color: # | + | background-color: #45827A; |
− | + | width: 120px; | |
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
+ | text-align: center; | ||
} | } | ||
− | |||
.dropdown-content a { | .dropdown-content a { | ||
− | color: | + | color: white; |
+ | font-family:GeosansLight; | ||
+ | font-size: 15px; | ||
+ | letter-spacing: 1px; | ||
+ | -webkit-text-stroke: 0.5px; | ||
padding: 12px 16px; | padding: 12px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
+ | text-align: center; | ||
} | } | ||
− | + | .dropdown-content a:hover {background-color: #ddd;} | |
− | .dropdown-content a:hover {background-color: # | + | |
− | + | .dropdown:hover .dropdown-content {display: block;} | |
− | .dropdown:hover .dropdown-content { | + | |
− | + | .dropdown:hover .dropbtn {background-color: #3e8e41;} | |
+ | |||
+ | .sticky { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
} | } | ||
− | + | .sticky + .content { | |
− | . | + | padding-top: 60px; |
− | + | ||
} | } | ||
+ | |||
</style> | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <button class="dropbtn"> | + | <button class="dropbtn">Project</button> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href=" | + | <a href="https://2018.igem.org/Team:British_Columbia/Description"><center>Description</center></a> |
− | <a href=" | + | <a href="https://2018.igem.org/Team:British_Columbia/Biosensor"><center>Biosensor</center></a> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 20:16, 18 August 2018