Difference between revisions of "Team:TP-CC San Diego/Templates/NavBar"

Line 76: Line 76:
 
}
 
}
  
−
.dropdown-content a:hover {background-color:  #6e6e6e}
+
.dropdown-content a:hover {
−
 
+
background-color:  #6e6e6e
−
 
+
}
  
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
Line 87: Line 87:
 
     background-color: #333333;
 
     background-color: #333333;
 
}
 
}
 +
 +
div.animation a:before
 +
{
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 2px;
 +
    height: 0px;
 +
    background: #FFF;
 +
    content: "";
 +
    opacity: 1;
 +
    transition: all 0.3s;
 +
}
 +
 +
div.animation a:after
 +
{
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 2px;
 +
    background: #FFF;
 +
    content: "";
 +
    opacity: 1;
 +
    transition: all 0.3s;
 +
}
 +
 +
div.animation a:hover:before
 +
{
 +
    height: 100%;
 +
}
 +
 +
div.animation a:hover:after
 +
{
 +
    opacity: 0;
 +
    top: 100%;
 +
}
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 99: Line 138:
 
<div class="dropdown">
 
<div class="dropdown">
 
   <button class="dropbtn"> Project </button>
 
   <button class="dropbtn"> Project </button>
−
   <div class="dropdown-content" style="left:0;">
+
   <div class="dropdown-content animation" 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 110: 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 animation">
 
<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 121: 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 animation">
 
<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 131: 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 animation">
 
<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:22, 23 October 2017