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

 
(11 intermediate revisions by 2 users not shown)
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 animation" 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 href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a>
−
        <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Proof">Proof</a>
+
 
−
         <a href="https://2017.igem.org/Team:TP-CC_San_Diego/BasicParts">Basic Parts</a>
+
         <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Model">Modeling</a>
−
        <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Model">Modeling</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 112: Line 148:
 
<div class="dropdown">
 
<div class="dropdown">
 
   <button class="dropbtn"> Notebook </button>
 
   <button class="dropbtn"> Notebook </button>
−
   <div class="dropdown-content animation">
+
   <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 href="https://2017.igem.org/Team:TP-CC_San_Diego/MedalCriteria">Medal Criteria</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/MedalCriteria">Medal Criteria</a>
−
        <a href="https://2017.igem.org/Team:TP-CC_San_Diego/BrainStorm">Brainstorm</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 123: Line 158:
 
<div class="dropdown">
 
<div class="dropdown">
 
   <button class="dropbtn"> Human Practices </button>
 
   <button class="dropbtn"> Human Practices </button>
−
   <div class="dropdown-content animation">
+
   <div class="dropdown-content">
−
<a href="https://2017.igem.org/Team:TP-CC_San_Diego/HumanPractices">Human Practices</a>
+
<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/HP/Silver">Integrated Practices</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Gold_Integrated">Integrated Practices</a>
−
<a href="https://2017.igem.org/Team:TP-CC_San_Diego/PublicEngagement">Public Engagement</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Collaborations">Collaborations</a>
−
<a href="https://2017.igem.org/Team:TP-CC_San_Diego/Collaborations">Collaborations</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 133: Line 167:
 
<div class="dropdown">
 
<div class="dropdown">
 
   <button class="dropbtn"> Team </button>
 
   <button class="dropbtn"> Team </button>
−
   <div class="dropdown-content animation">
+
   <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