Difference between revisions of "Template:Navbar temp"
Jackarnold13 (Talk | contribs) |
|||
| (107 intermediate revisions by 3 users not shown) | |||
| Line 11: | Line 11: | ||
.nav_container { | .nav_container { | ||
| + | min-width: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
| − | background-color: | + | background-color: white!important; |
| − | + | position: fixed; | |
overflow: hidden; | overflow: hidden; | ||
| + | z-index: 1; | ||
} | } | ||
.nav_container a { | .nav_container a { | ||
| − | |||
font-size: 16px; | font-size: 16px; | ||
| − | color: | + | color: #4C177D; |
text-align: center; | text-align: center; | ||
padding: 14px 16px; | padding: 14px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
} | } | ||
| Line 31: | Line 34: | ||
float: right; | float: right; | ||
overflow: hidden; | overflow: hidden; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
} | } | ||
| Line 36: | Line 41: | ||
.dropdown .dropbtn { | .dropdown .dropbtn { | ||
font-size: 16px; | font-size: 16px; | ||
| − | border: none; | + | border: none; /*2px solid white;*/ |
| + | border-radius: 12px; | ||
outline: none; | outline: none; | ||
| − | color: | + | color: #4C177D; |
padding: 14px 16px; | padding: 14px 16px; | ||
| − | background-color: | + | background-color: white !important; |
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
| + | cursor: pointer; | ||
} | } | ||
| − | + | .dropdown:hover .dropbtn{ | |
background-color: white; | background-color: white; | ||
| + | color: #B6ACD1; | ||
| + | border-radius: 12px; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
| + | cursor: pointer; | ||
} | } | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
| − | position: | + | position:fixed; |
| − | background-color: | + | background-color: white; |
min-width: 160px; | min-width: 160px; | ||
| − | + | z-index: 2; | |
| − | + | -webkit-transition-duration: 0.4s; /* Safari */ | |
| + | transition-duration: 0.4s; | ||
} | } | ||
.dropdown-content a { | .dropdown-content a { | ||
float: none; | float: none; | ||
| − | color: | + | color: #B6ACD1; |
padding: 12px 16px; | padding: 12px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
text-align: left; | text-align: left; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
} | } | ||
.dropdown-content a:hover { | .dropdown-content a:hover { | ||
| − | background-color: # | + | background-color: #B6ACD1; |
| + | border-radius: 12px; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
| + | cursor: pointer; | ||
| + | color:white; | ||
} | } | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
| − | display: block; | + | display: inline-block; |
| + | color: #B6ACD1; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
} | } | ||
| Line 82: | Line 107: | ||
<div class="nav_container"> | <div class="nav_container"> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <button class="dropbtn">Human Practices | + | <button class="dropbtn">Human Practices<i class="fa fa-caret-down fa-fw"></i></button> |
| − | + | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2017.igem.org/Team:Northwestern/humanpractices">Overview</a> | <a href="https://2017.igem.org/Team:Northwestern/humanpractices">Overview</a> | ||
| − | <a href= | + | <a href=https://2017.igem.org/Team:Northwestern/HP/Silver>Silver</a> |
| − | <a href= | + | <a href= https://2017.igem.org/Team:Northwestern/HP/Gold_Integrated>Gold</a> |
| − | <a href="https://2017.igem.org/Team:Northwestern/ | + | <a href= "https://2017.igem.org/Team:Northwestern/Collaborations">Collaborations</a> |
| − | + | <a href="https://2017.igem.org/Team:Northwestern/Engagement">Engagement </a> | |
</div> | </div> | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <button class="dropbtn">Parts | + | <button class="dropbtn">Parts<i class="fa fa-caret-down fa-fw"></i></button> |
| − | + | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href=" | + | <a href="https://2017.igem.org/Team:Northwestern/Parts">Overview</a> |
| − | + | </div> | |
| − | + | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <button class="dropbtn">Lab | + | <button class="dropbtn">Lab<i class="fa fa-caret-down fa-fw"></i></button> |
| − | + | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href=" | + | <a href="https://2017.igem.org/Team:Northwestern/experiments">Experiments </a> |
| − | <a href=" | + | <a href="https://2017.igem.org/Team:Northwestern/Model">Modeling</a> |
| + | <a href="https://2017.igem.org/Team:Northwestern/Results">Results</a> | ||
<a href="https://2017.igem.org/Team:Northwestern/Lab">Notebook</a> | <a href="https://2017.igem.org/Team:Northwestern/Lab">Notebook</a> | ||
| − | <a href="https://2017.igem.org/Team:Northwestern/Safety"> | + | <a href="https://2017.igem.org/Team:Northwestern/Safety"> Safety </a> |
| − | <a href="https://2017.igem.org/Team:Northwestern/ | + | <a href="https://2017.igem.org/Team:Northwestern/InterLab"> Interlab </a> |
</div> | </div> | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <button class="dropbtn">Project | + | <button class="dropbtn">Project<i class="fa fa-caret-down fa-fw"></i></button> |
| − | + | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2017.igem.org/Team:Northwestern/project">Description</a> | <a href="https://2017.igem.org/Team:Northwestern/project">Description</a> | ||
| − | <a href=" | + | <a href="https://2017.igem.org/Team:Northwestern/Design">Design </a> |
| + | <a href="https://2017.igem.org/Team:Northwestern/Medals">Medal Criteria</a> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <button class="dropbtn"> Team | + | <button class="dropbtn">Team<i class="fa fa-caret-down fa-fw"></i></button> |
| − | + | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2017.igem.org/Team:Northwestern/Team#"> About Us </a> | <a href="https://2017.igem.org/Team:Northwestern/Team#"> About Us </a> | ||
<a href="https://2017.igem.org/Team:Northwestern/Attributions">Attributions </a> | <a href="https://2017.igem.org/Team:Northwestern/Attributions">Attributions </a> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <a href="https://2017.igem.org/Team:Northwestern"> | |
| − | + | <div class="dropdown"> | |
| + | <button class="dropbtn">Home</button> | ||
| + | </div> | ||
| + | </a> | ||
</div> | </div> | ||
Latest revision as of 23:15, 21 November 2017
