Difference between revisions of "Team:TP-CC San Diego/Templates/NavBar"
Claregao98 (Talk | contribs) |
|||
| (26 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | ||
| − | |||
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:600" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:600" rel="stylesheet"> | ||
| + | <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> | ||
<style> | <style> | ||
| Line 31: | Line 31: | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
| − | + | font-family: 'Montserrat', sans-serif; | |
| Line 44: | Line 44: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
| + | font-family: 'Montserrat', sans-serif; | ||
} | } | ||
| Line 54: | Line 55: | ||
z-index: 2; | z-index: 2; | ||
text-align: center; | text-align: center; | ||
| + | font-family: 'Montserrat', sans-serif; | ||
} | } | ||
| Line 74: | Line 76: | ||
} | } | ||
| − | .dropdown-content a:hover {background-color: # | + | .dropdown-content a:hover { |
| − | + | background-color: #6e6e6e | |
| − | + | } | |
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
| Line 83: | Line 85: | ||
.dropdown:hover .dropbtn { | .dropdown:hover .dropbtn { | ||
| − | background-color: | + | background-color: #333333; |
| − | + | ||
} | } | ||
| + | |||
| + | div.animation a:before | ||
| + | { | ||
| + | position: absolute; | ||
| + | top: 0px; | ||
| + | left: 0px; | ||
| + | width: 1px; | ||
| + | height: 0px; | ||
| + | background: #FFF; | ||
| + | content: ""; | ||
| + | opacity: 1; | ||
| + | transition: all 0.3s; | ||
| + | } | ||
| + | |||
| + | div.animation a:after | ||
| + | { | ||
| + | position: absolute; | ||
| + | top: 0px; | ||
| + | left: 0px; | ||
| + | width: 100%; | ||
| + | height: 1px; | ||
| + | background: #FFF; | ||
| + | content: ""; | ||
| + | opacity: 1; | ||
| + | transition: all 0.3s; | ||
| + | } | ||
| + | |||
| + | div.animation a:hover:before | ||
| + | { | ||
| + | height: 100%; | ||
| + | } | ||
| + | |||
| + | div.animation a:hover:after | ||
| + | { | ||
| + | opacity: 0; | ||
| + | top: 10%; | ||
| + | } | ||
| + | |||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
| Line 99: | Line 139: | ||
<button class="dropbtn"> Project </button> | <button class="dropbtn"> Project </button> | ||
<div class="dropdown-content" style="left:0;"> | <div class="dropdown-content" style="left:0;"> | ||
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a> | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a> |
| − | <a | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a> |
| − | + | ||
| − | <a | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Model">Modeling</a> |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 110: | Line 149: | ||
<button class="dropbtn"> Notebook </button> | <button class="dropbtn"> Notebook </button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/LabBook">Lab Notebook</a> | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/LabBook">Lab Notebook</a> |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/InterLab">Interlab Study</a> | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/InterLab">Interlab Study</a> |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Protocols">Protocols</a> | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Protocols">Protocols</a> |
| − | <a | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/MedalCriteria">Medal Criteria</a> |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 121: | Line 159: | ||
<button class="dropbtn"> Human Practices </button> | <button class="dropbtn"> Human Practices </button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/ | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Silver">Human Practices</a> |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/ | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Gold_Integrated">Integrated Practices</a> |
| − | <a | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Collaborations">Collaborations</a> |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 131: | Line 168: | ||
<button class="dropbtn"> Team </button> | <button class="dropbtn"> Team </button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Team">Team</a> | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Team">Team</a> |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Attributions">Attributions</a> | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Attributions">Attributions</a> |
</div> | </div> | ||
</div> | </div> | ||
Latest revision as of 12:57, 1 November 2017
