(43 intermediate revisions by 4 users not shown) | |||
Line 8: | Line 8: | ||
<script> | <script> | ||
− | window.onload = function(){ | + | window.onload = function(){ |
var nav_links = document.querySelectorAll('.hexagon.dropdown'); | var nav_links = document.querySelectorAll('.hexagon.dropdown'); | ||
for(var i = 0; i<nav_links.length; i++){ | for(var i = 0; i<nav_links.length; i++){ | ||
− | nav_links[i].addEventListener(' | + | nav_links[i].addEventListener('mouseup', function(e){ |
var all_nav_links = document.querySelectorAll('.hexagon.dropdown'); | var all_nav_links = document.querySelectorAll('.hexagon.dropdown'); | ||
var elem = e.target.parentNode.parentNode; | var elem = e.target.parentNode.parentNode; | ||
Line 103: | Line 103: | ||
body { | body { | ||
− | background-color: | + | background-color: white; |
} | } | ||
Line 131: | Line 131: | ||
margin-left: -1%; | margin-left: -1%; | ||
background-size: cover; | background-size: cover; | ||
− | z-index: | + | z-index: 10; |
} | } | ||
Line 139: | Line 139: | ||
} | } | ||
.links ul { | .links ul { | ||
+ | |||
list-style: none; | list-style: none; | ||
margin: 0; | margin: 0; | ||
Line 144: | Line 145: | ||
} | } | ||
.links ul.sub-nav { | .links ul.sub-nav { | ||
+ | z-index: 20; | ||
display: none; | display: none; | ||
max-height: 0; | max-height: 0; | ||
Line 165: | Line 167: | ||
margin: 0px; | margin: 0px; | ||
border: 0px; | border: 0px; | ||
+ | z-index: 10; | ||
} | } | ||
.links ul.sub-nav li:not(:last-child) { | .links ul.sub-nav li:not(:last-child) { | ||
/* width of the line separating the elements in the submenu */ | /* width of the line separating the elements in the submenu */ | ||
border-bottom: 2px solid #696969; | border-bottom: 2px solid #696969; | ||
+ | z-index:10; | ||
} | } | ||
.links ul.sub-nav li a { | .links ul.sub-nav li a { | ||
float: none; | float: none; | ||
padding: 7px 10px; | padding: 7px 10px; | ||
+ | z-index:10; | ||
} | } | ||
.links ul li { | .links ul li { | ||
position: absolute; | position: absolute; | ||
+ | z-index:10; | ||
} | } | ||
Line 284: | Line 290: | ||
.links ul li.dropdown:nth-child(odd).active a:after { | .links ul li.dropdown:nth-child(odd).active a:after { | ||
width: 17em; | width: 17em; | ||
+ | z-index:10; | ||
} | } | ||
.links ul li.dropdown:nth-child(odd) .sub-nav { | .links ul li.dropdown:nth-child(odd) .sub-nav { | ||
margin-left: 10.5em; | margin-left: 10.5em; | ||
+ | z-index:10; | ||
+ | |||
} | } | ||
.links ul li.dropdown:nth-child(even).active a:after { | .links ul li.dropdown:nth-child(even).active a:after { | ||
width: 203px; | width: 203px; | ||
+ | z-index:10; | ||
+ | |||
} | } | ||
.links ul li.dropdown:nth-child(even) .sub-nav { | .links ul li.dropdown:nth-child(even) .sub-nav { | ||
margin-left: 107px; | margin-left: 107px; | ||
+ | z-index:10; | ||
+ | |||
} | } | ||
.links ul li.active svg { | .links ul li.active svg { | ||
fill: #14141f; | fill: #14141f; | ||
+ | z-index:10; | ||
+ | |||
} | } | ||
.links ul li.active span { | .links ul li.active span { | ||
Line 311: | Line 326: | ||
} | } | ||
+ | .links layer { | ||
+ | position: fixed; | ||
+ | } | ||
/***************************************************** FOOTNOTES (Social Media Links) ******************************************/ | /***************************************************** FOOTNOTES (Social Media Links) ******************************************/ | ||
− | + | ||
− | + | ||
− | + | ||
.footnotes-menu { | .footnotes-menu { | ||
Line 521: | Line 537: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | |||
.nav-container { | .nav-container { | ||
max-width: 1000px; | max-width: 1000px; | ||
Line 1,065: | Line 1,080: | ||
} | } | ||
− | + | ||
+ | |||
.links ul.sub-nav { | .links ul.sub-nav { | ||
/*Length of the text box in the submenu */ | /*Length of the text box in the submenu */ | ||
Line 1,113: | Line 1,129: | ||
<div id="scene"> | <div id="scene"> | ||
− | |||
<div class="links layer" data-depth="0.80"> | <div class="links layer" data-depth="0.80"> | ||
<ul> | <ul> | ||
Line 1,133: | Line 1,148: | ||
</a> | </a> | ||
<ul class="sub-nav"> | <ul class="sub-nav"> | ||
− | + | <li> | |
<a href="https://2017.igem.org/Team:Rice/HumanPractices">Overview</a> | <a href="https://2017.igem.org/Team:Rice/HumanPractices">Overview</a> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
− | + | <li> | |
+ | <a href="https://2017.igem.org/Team:Rice/HP/Silver">Human Practices Silver</a> | ||
+ | </li> | ||
+ | |||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/Exploratory_Research">Exploratory research</a> | + | <a href="https://2017.igem.org/Team:Rice/Exploratory_Research" class = "shift">Exploratory research</a> |
</li> | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:Rice/Engagement" class = "shift">Engagement</a> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:Rice/Outreach" class = "shift">Outreach</a> | ||
+ | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/HP/Gold_Integrated">Integrated Human Practices </a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 1,159: | Line 1,186: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Model"> Modeling </a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Experiments"> Wetlab </a> |
</li> | </li> | ||
<li> | <li> | ||
Line 1,168: | Line 1,195: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://static.igem.org/mediawiki/2017/9/9a/Protocols_final.pdf" class = "shift">Protocols</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Results#" class = "shift">Results</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 1,178: | Line 1,205: | ||
<li> | <li> | ||
<a href="https://2017.igem.org/Team:Rice/Safety" class = "shift">Safety</a> | <a href="https://2017.igem.org/Team:Rice/Safety" class = "shift">Safety</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:Rice/InterLab" class = "shift">Interlab</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 1,190: | Line 1,220: | ||
</a> | </a> | ||
<ul class="sub-nav"> | <ul class="sub-nav"> | ||
− | + | <li> | |
<a href="https://2017.igem.org/Team:Rice/Parts">Parts</a> | <a href="https://2017.igem.org/Team:Rice/Parts">Parts</a> | ||
</li> | </li> | ||
Line 1,212: | Line 1,242: | ||
<ul class="sub-nav"> | <ul class="sub-nav"> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Team#">MEMBERS</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 1,221: | Line 1,251: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Attributions">ATTRIBUTIONS</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 1,234: | Line 1,264: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 1,292: | Line 1,280: | ||
<a href="https://2017.igem.org/Team:Rice" style="text-decoration:none">Home</a> | <a href="https://2017.igem.org/Team:Rice" style="text-decoration:none">Home</a> | ||
</li> | </li> | ||
− | + | <li> | |
<a href="#!" style="text-decoration:none">Project</a> | <a href="#!" style="text-decoration:none">Project</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/Description" style="text-decoration:none"> | + | <a href="https://2017.igem.org/Team:Rice/Description" style="text-decoration:none">Overview</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Model" style="text-decoration:none">Modeling</a> |
</li> | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Experiments" style="text-decoration:none">Wet Lab</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 1,313: | Line 1,296: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://static.igem.org/mediawiki/parts/e/eb/Rice_igem_protocols.pdf" style="text-decoration:none">Protocols</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href=" | + | <a href="https://2017.igem.org/Team:Rice/Results" style="text-decoration:none">Results</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 1,325: | Line 1,308: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/InterLab" style="text-decoration:none"> | + | <a href="https://2017.igem.org/Team:Rice/InterLab" style="text-decoration:none">InterLab</a> |
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | <li> | |
<a href="#!" style="text-decoration:none">Human Practices</a> | <a href="#!" style="text-decoration:none">Human Practices</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2017.igem.org/Team:Rice/HumanPractices" style="text-decoration:none">Overview</a> |
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:Rice/HP/Silver" style="text-decoration:none">Human Practices Silver</a> | ||
</li> | </li> | ||
<li> | <li> | ||
Line 1,339: | Line 1,325: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Engagement" style="text-decoration:none">Engagement</a> |
</li> | </li> | ||
<li> | <li> | ||
<a href="https://2017.igem.org/Team:Rice/Outreach" style="text-decoration:none">Outreach</a> | <a href="https://2017.igem.org/Team:Rice/Outreach" style="text-decoration:none">Outreach</a> | ||
</li> | </li> | ||
− | + | <li> | |
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/HP/Gold_Integrated#" style="text-decoration:none">Integrated Human Practices</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 1,363: | Line 1,349: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | <li> | |
<a href="#!" style="text-decoration:none">Team</a> | <a href="#!" style="text-decoration:none">Team</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/ | + | <a href="https://2017.igem.org/Team:Rice/Team" style="text-decoration:none">Members</a> |
</li> | </li> | ||
− | <li> | + | <li> |
<a href="https://2017.igem.org/Team:Rice/Advisors" style="text-decoration:none">Advisors</a> | <a href="https://2017.igem.org/Team:Rice/Advisors" style="text-decoration:none">Advisors</a> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2017.igem.org/Team:Rice/Instructors" style="text-decoration:none"> Instructors</a> | + | <a href="https://2017.igem.org/Team:Rice/Instructors" style="text-decoration:none">Instructors</a> |
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:Rice/Attributions" style="text-decoration:none">Attributions</a> | ||
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 00:13, 2 November 2017