Line 86: | Line 86: | ||
.dropdown:hover .dropbtn { | .dropdown:hover .dropbtn { | ||
background-color: #333333; | 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%; | ||
} | } | ||
Line 101: | Line 138: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn"> Project </button> | <button class="dropbtn"> Project </button> | ||
− | <div class="dropdown-content | + | <div class="dropdown-content" style="left:0;"> |
<a href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a> | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a> | ||
<a href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a> | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a> | ||
Line 112: | Line 149: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<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 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 href="https://2017.igem.org/Team:TP-CC_San_Diego/InterLab">Interlab Study</a> | ||
Line 123: | Line 160: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<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/HumanPractices">Human Practices</a> | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/HumanPractices">Human Practices</a> | ||
<a href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Silver">Integrated Practices</a> | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Silver">Integrated Practices</a> | ||
Line 133: | Line 170: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<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 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 href="https://2017.igem.org/Team:TP-CC_San_Diego/Attributions">Attributions</a> |
Revision as of 07:39, 23 October 2017