Difference between revisions of "Template:US AFRL CarrollHS NavBar"
| Line 212: | Line 212: | ||
</style> | </style> | ||
| + | <head> | ||
| + | <style> | ||
| + | ul { | ||
| + | list-style-type: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #333; | ||
| + | } | ||
| + | |||
| + | li { | ||
| + | float: left; | ||
| + | } | ||
| + | |||
| + | li a, .dropbtn { | ||
| + | display: inline-block; | ||
| + | color: white; | ||
| + | text-align: center; | ||
| + | padding: 14px 16px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | li a:hover, .dropdown:hover .dropbtn { | ||
| + | background-color: red; | ||
| + | } | ||
| + | |||
| + | li.dropdown { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .dropdown-content { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | background-color: #f9f9f9; | ||
| + | min-width: 160px; | ||
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
| + | z-index: 1; | ||
| + | } | ||
| + | |||
| + | .dropdown-content a { | ||
| + | color: black; | ||
| + | padding: 12px 16px; | ||
| + | text-decoration: none; | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .dropdown-content a:hover {background-color: #f1f1f1} | ||
| + | |||
| + | .dropdown:hover .dropdown-content { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | |||
| + | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<ul> | <ul> | ||
| + | <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Home</a></li> | ||
| + | <li class="dropdown"> | ||
| − | + | <a href="javascript:void(0)" class="dropbtn">Team</a> | |
| − | + | <div class="dropdown-content"> | |
| − | + | ||
| − | + | ||
| − | <a href="javascript:void(0)" class=" | + | |
| − | <div class=" | + | |
<a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS/Team">Team</a> | <a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS/Team">Team</a> | ||
<a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a> | <a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a> | ||
| − | <div class=" | + | <div class="dropdown-content"> <li class="dropdown"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="dropbtn">Project</a> |
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a> | ||
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a> | ||
| Line 239: | Line 292: | ||
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Attributions">Atributions</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Attributions">Atributions</a> | ||
| − | <div class=" | + | <div class="dropdown-content"> <li class="dropdown"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="dropbtn">Parts</a> |
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts</a> | ||
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">Basic Parts</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">Basic Parts</a> | ||
| Line 247: | Line 300: | ||
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a> | ||
| − | + | <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Safety</a></li> | |
| − | + | <li class="dropdown"> | |
| − | + | ||
| − | + | ||
| − | + | <div class="dropdown-content"> <li class="dropdown"> | |
| − | <div class=" | + | <a href="javascript:void(0)" class="dropbtn">Human Practices</a> |
| − | <a href="javascript:void(0)" class=" | + | <div class="dropdown-content"> |
| − | <div class=" | + | |
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Silver">Silver HP</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Silver">Silver HP</a> | ||
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Gold_Integrated">Integrated and Gold</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Gold_Integrated">Integrated and Gold</a> | ||
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Engagement">Public Engagement</a> | <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Engagement">Public Engagement</a> | ||
| − | + | <li><a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">Judging Form</a></li> | |
| − | + | <li class="dropdown"> | |
| − | + | ||
| − | + | ||
</div> | </div> | ||
| Line 270: | Line 319: | ||
</body> | </body> | ||
| + | </html> | ||
</html> | </html> | ||
Revision as of 18:59, 29 June 2017
