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