Difference between revisions of "Team:TUDelft/Header"

Line 103: Line 103:
 
                 text-decoration: none;
 
                 text-decoration: none;
 
             }
 
             }
 +
 +
 +
 
             .navbartu .social{
 
             .navbartu .social{
 
                 float:right;
 
                 float:right;
Line 342: Line 345:
 
           border-top-style:none;}
 
           border-top-style:none;}
 
    
 
    
 +
/* ===== sub tab nav bar ===== */
 +
.subnavbtn2x {
 +
  font-size: 16px;
 +
  border: none;
 +
  outline: none;
 +
  color: white;
 +
  background-color: inherit;
 +
  font-family: inherit;
 +
  margin: 0px;
 +
  padding:0px;
 +
}
  
 +
.subnav-content2x {
 +
  display: none;
 +
  position: absolute;
 +
  background-color: #f9f9f9;
 +
  margin-left: 1px;
 +
  top: 1%;
 +
  left: 100%;
 +
  min-width: fit-content;
 +
  z-index: 1;
 +
  min-width: 160px;
 +
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 +
.subnav-content2x a {
 +
  float: left;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align: left;
 +
}
 +
 +
.navbartu .subnav-content-subnav:hover .subnav-content2x {
 +
  display: block;
 +
}
 +
 +
.subnav-content-subnav{
 +
  position: relative;
 +
}
 
             @media screen and (max-width: 1320px) {
 
             @media screen and (max-width: 1320px) {
 
                 .dropdown-content a {
 
                 .dropdown-content a {
Line 534: Line 575:
 
                     margin-bottom: 60px;
 
                     margin-bottom: 60px;
 
                     text-align: justify;
 
                     text-align: justify;
−
                }
 
−
                .navbartu {
 
−
                    background-color: #b3e5f4;
 
 
                 }
 
                 }
 
                 body{font-size:12px;
 
                 body{font-size:12px;
Line 593: Line 631:
 
                 <div class="dropdown-content">
 
                 <div class="dropdown-content">
 
                     <a href="https://2019.igem.org/Team:TUDelft/Model">Model</a>
 
                     <a href="https://2019.igem.org/Team:TUDelft/Model">Model</a>
−
                    <a href="https://2019.igem.org/Team:TUDelft/ModelReactionKinetics">Reaction Kinetics</a>
+
      <div class="subnav-content-subnav">
 +
        <button class="subnavbtn2x"><a href="https://2019.igem.org/Team:TUDelft/ModelReactionKinetics">Reaction Kinetics</a></button>
 +
        <div class="subnav-content2x">
 +
          <a href="#">Copy Number Indepence</a>
 +
          <a href="#">Transcription Variation</a>
 +
          <a href="#">Translation Variation</a>
 +
        </div>
 +
      </div>                   
 
                     <a href="https://2019.igem.org/Team:TUDelft/ModelCodonHarmonization">Codon Harmonization</a>
 
                     <a href="https://2019.igem.org/Team:TUDelft/ModelCodonHarmonization">Codon Harmonization</a>
−
                    <a href="https://2019.igem.org/Team:TUDelft/ModelTALE">TALE</a>
 
−
 
 
                 </div>
 
                 </div>
 
             </div>  
 
             </div>  

Revision as of 14:17, 18 October 2019