Difference between revisions of "Team:UC San Diego"

Line 6: Line 6:
 
  #navbar {
 
  #navbar {
 
   position:fixed;
 
   position:fixed;
 +
  z-index:9999;
 
   top:0;
 
   top:0;
 
   left:0;
 
   left:0;
Line 47: Line 48:
 
   width:38px;
 
   width:38px;
 
   background:#f06a70;
 
   background:#f06a70;
transition: all ease .3s;
+
  transition: all ease .3s;
 
  }
 
  }
.navlink:hover ~ .firstnav:after {
+
.navlink:hover ~ .firstnav:after {
 
   opacity:0;
 
   opacity:0;
 
  }
 
  }
 +
.navlink:hover > .navdrop {
 +
  opacity:1;
 +
}
 +
.navdrop {
 +
  position:absolute;
 +
  opacity:0;
 +
  top:100%;
 +
  left:0;
 +
  background:#fff;
 +
  transition: all ease .3s;
 +
}
 +
.subnavlink {
 +
  font-size:12px;
 +
  background:#fff;
 +
  color:#222;
 +
  padding:8px;
 +
  box-sizing:border-box;
 +
transition: all ease .3s;
 +
}
 +
.subnavlink:hover {
 +
  background:#b22d2d;
 +
  color:#fff;
 +
}
 
  #landing {
 
  #landing {
 
   position:relative;
 
   position:relative;
Line 150: Line 174:
 
<div id="navbar">
 
<div id="navbar">
 
<img style="height:72px; margin-left:16px; margin-top:-28px;" src="https://static.igem.org/mediawiki/2018/9/96/T--UC_San_Diego--bloodicon.png"/>
 
<img style="height:72px; margin-left:16px; margin-top:-28px;" src="https://static.igem.org/mediawiki/2018/9/96/T--UC_San_Diego--bloodicon.png"/>
  <div class="navlink">Human Practices</div>
+
  <div class="navlink">Human Practices
  <div class="navlink">People</div>
+
  <div class="navdrop">
  <div class="navlink">Application</div>
+
  <div class="subnavlink">Human Practices Silver</div>
  <div class="navlink">Modeling</div>
+
  <div class="subnavlink">Integrated Human Practices</div>
  <div class="navlink firstnav">Project</div>
+
  <div class="subnavlink">Education and Public Engagement</div>
 +
  </div>
 +
</div>
 +
  <div class="navlink">People
 +
  <div class="navdrop">
 +
  <div class="subnavlink">Our Team and Collaborators</div>
 +
  <div class="subnavlink">Attributions and Sponsors</div>
 +
  </div>
 +
</div>
 +
  <div class="navlink">Application
 +
  <div class="navdrop">
 +
  <div class="subnavlink">Device Design</div>
 +
  <div class="subnavlink">Entrepreneurship</div>
 +
  <div class="subnavlink">Guides for the iGem Community</div>
 +
  </div>
 +
</div>
 +
  <div class="navlink">Modeling
 +
  <div class="navdrop">
 +
  <div class="subnavlink">ML for Wetlab Design</div>
 +
  <div class="subnavlink">Computational Fluid Dynamics</div>
 +
  </div>
 +
</div>
 +
  <div class="navlink firstnav">Project
 +
  <div class="navdrop">
 +
  <div class="subnavlink">Our Design Philosophy</div>
 +
  <div class="subnavlink">Description</div>
 +
  <div class="subnavlink">Engineering and Design Principles</div>
 +
  <div class="subnavlink">Hepatocellular Carcinoma</div>
 +
  <div class="subnavlink">Protocols and Notebook</div>
 +
  <div class="subnavlink">Proof of Concept and Results</div>
 +
  <div class="subnavlink">Medal Criteria</div>
 +
  </div>
 +
</div>
 
</div>
 
</div>
 
<center>
 
<center>

Revision as of 08:01, 8 August 2018