|
|
| Line 3: |
Line 3: |
| | <head> | | <head> |
| | <style> | | <style> |
| − |
| |
| − | #navbar {
| |
| − | position:fixed;
| |
| − | z-index:9999;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | width:100%;
| |
| − | height:96px;
| |
| − | box-sizing:border-box;
| |
| − | padding-right:64px;
| |
| − | padding-top:48px;
| |
| − | background:#fff;
| |
| − | box-shadow: 5px 10px 18px #eee;
| |
| − | }
| |
| − | .navlink {
| |
| − | position:relative;
| |
| − | float:right;
| |
| − | height:32px;
| |
| − | font-size:20px;
| |
| − | color:#000;
| |
| − | padding-right:32px;
| |
| − | }
| |
| − | .navlink:after {
| |
| − | content: "";
| |
| − | opacity:0;
| |
| − | position:absolute;
| |
| − | top:80%;
| |
| − | left:0;
| |
| − | height:2px;
| |
| − | width:38px;
| |
| − | background:#bba5ef;
| |
| − | transition: all ease .3s;
| |
| − | }
| |
| − | .navlink:hover:after {
| |
| − | opacity:1;
| |
| − | }
| |
| − | .firstnav:after {
| |
| − | content: "";
| |
| − | opacity:1;
| |
| − | position:absolute;
| |
| − | top:80%;
| |
| − | left:0;
| |
| − | height:2px;
| |
| − | width:38px;
| |
| − | background:#bba5ef;
| |
| − | transition: all ease .3s;
| |
| − | }
| |
| − | .navlink:hover ~ .firstnav:after {
| |
| − | opacity:0;
| |
| − | }
| |
| − | .navlink:hover > .navdrop {
| |
| − | display:block;
| |
| − | }
| |
| − | .navdrop {
| |
| − | box-shadow: 5px 10px 18px #eee;
| |
| − | border-radius:4px;
| |
| − | position:absolute;
| |
| − | display:none;
| |
| − | top:100%;
| |
| − | left:0;
| |
| − | background:#fff;
| |
| − | transition: all ease .3s;
| |
| − | }
| |
| − | .subnavlink {
| |
| − | border-radius:4px;
| |
| − | font-size:12px;
| |
| − | background:#fff;
| |
| − | color:#222;
| |
| − | padding:8px;
| |
| − | box-sizing:border-box;
| |
| − | transition: all ease .3s;
| |
| − | }
| |
| − | .subnavlink:hover {
| |
| − | background:#5ab6dd;
| |
| − | color:#fff;
| |
| − | }
| |
| | #landing { | | #landing { |
| | position:relative; | | position:relative; |
| Line 174: |
Line 98: |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div style="background:white; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%;">
| |
| − | <div id="navbar">
| |
| − | <div class="navlink">Human Practices
| |
| − | <div class="navdrop">
| |
| − | <div class="subnavlink">Human Practices Silver</div>
| |
| − | <div class="subnavlink">Integrated Human Practices</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">Our 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>
| |
| | <center> | | <center> |
| | <img id="landing" style="" src="https://static.igem.org/mediawiki/2018/9/97/T--UC_San_Diego--landinglogo.png"/> | | <img id="landing" style="" src="https://static.igem.org/mediawiki/2018/9/97/T--UC_San_Diego--landinglogo.png"/> |
| Line 220: |
Line 104: |
| | </div> | | </div> |
| | </center> | | </center> |
| − | </div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
