Difference between revisions of "Template:US AFRL CarrollHS NavBar"
| Line 196: | Line 196: | ||
.menu_button.direct_to_page { padding-left: 36px; } | .menu_button.direct_to_page { padding-left: 36px; } | ||
} | } | ||
| − | |||
| Line 214: | Line 213: | ||
</head> | </head> | ||
| + | <body> | ||
| + | <head> | ||
| + | <style> | ||
| + | ul { | ||
| + | list-style-type: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #333; | ||
| + | } | ||
| + | |||
| + | li { | ||
| + | float: left; | ||
| + | } | ||
| + | |||
| + | li a, .dropbutton { | ||
| + | display: inline-block; | ||
| + | color: white; | ||
| + | text-align: center; | ||
| + | padding: 14px 16px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | li a:hover, .navbar:hover .dropbutton { | ||
| + | background-color: red; | ||
| + | } | ||
| + | |||
| + | li.navbar { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .navbar-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; | ||
| + | } | ||
| + | |||
| + | .navbar-content a { | ||
| + | color: black; | ||
| + | padding: 12px 16px; | ||
| + | text-decoration: none; | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .navbar-content a:hover {background-color: #f1f1f1} | ||
| + | |||
| + | .navbar:hover .navbar-content { | ||
| + | display: block; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | </head> | ||
<body> | <body> | ||
<ul> | <ul> | ||
<li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Home</a></li> | <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Home</a></li> | ||
| − | <li class=" | + | <li class="navbar"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="dropbutton">Team</a> |
| − | <div class=" | + | <div class="navbar-content"> |
<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="navbar-content"> <li class="navbar"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="dropbutton">Project</a> |
| − | <div class=" | + | <div class="navbar-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 238: | Line 293: | ||
<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="navbar-content"> <li class="navbar"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="dropbutton">Parts</a> |
| − | <div class=" | + | <div class="navbar-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 302: | ||
<li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Safety</a></li> | <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Safety</a></li> | ||
| − | <li class=" | + | <li class="navbar"> |
| − | <div class=" | + | <div class="navbar-content"> <li class="navbar"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="dropbutton">Human Practices</a> |
| − | <div class=" | + | <div class="navbar-content"> |
<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> | ||
| Line 257: | Line 312: | ||
<li><a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">Judging Form</a></li> | <li><a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">Judging Form</a></li> | ||
| − | <li class=" | + | <li class="navbar"> |
Revision as of 18:46, 29 June 2017
