Line 1: | Line 1: | ||
+ | |||
<html> | <html> | ||
− | |||
<style> | <style> | ||
Line 32: | Line 32: | ||
transition:display, 2s; | transition:display, 2s; | ||
} | } | ||
+ | |||
+ | #table { | ||
+ | display: table; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #ulist { | ||
+ | list-style-type: none; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | overflow: hidden; | ||
+ | font-size:125%; | ||
+ | background-color: #0071A7; | ||
+ | color:white; | ||
+ | height:80px; | ||
+ | } | ||
+ | |||
+ | #lists { | ||
+ | float:right; | ||
+ | padding:0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dropbtn { | ||
+ | display: inline-block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 30px 0px 20px 0px; | ||
+ | text-decoration: none; | ||
+ | width:200px;; | ||
+ | } | ||
+ | |||
+ | a:visited { color:white; text-decoration:none;} | ||
+ | |||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: white; | ||
+ | color: #0071A7; | ||
+ | width:200px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | li.dropdown { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: white; | ||
+ | width: 200px; | ||
+ | padding:0px 0px 20px 0px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index:100 !important; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | padding:10px 0px; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: #f1f1f1} | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
− | + | ||
<body> | <body> | ||
+ | <div style = "width:100%; background-color: #0071A7;"> | ||
+ | <div id = "table"> | ||
+ | <ul id = "ulist"> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:BostonU/Team" class="dropbtn">Attributions</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Team">Team</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Team#advisors">Advisors</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Team#sponsors">Sponsors</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Judging</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Medal_Criteria">Medal Criteria</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Awards">Awards</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Human Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/HP">HP Project</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Outreach">Outreach</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/HP/Tours">Industry Visits</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Collaborations">Collaborations</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/HP/Interlab">Interlab Study</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Safety">Safety</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Description">Description</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Parts">Parts</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Proof">Proof and Results</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Demonstrate">Demonstrate</a> | ||
+ | <a style = "color:#0071A7; text-align:center;" href="https://2016.igem.org/Team:BostonU/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:BostonU" class="dropbtn" style = height:80px;>Home</a> | ||
+ | </li> | ||
+ | <div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
<div style = "opacity:.2; width:10%; height:97vh; background-color:white; text-align:center; font-size:300%; position:absolute; z-index:100; left: 90%;" id = "forward"><div style = "height:46vh"></div>></div> | <div style = "opacity:.2; width:10%; height:97vh; background-color:white; text-align:center; font-size:300%; position:absolute; z-index:100; left: 90%;" id = "forward"><div style = "height:46vh"></div>></div> |
Revision as of 19:34, 14 August 2016
>
<
Project
Human Practices
Team
Other
![](https://2016.igem.org/File:T--BostonU--sponge.gif)