Difference between revisions of "Template:Rice/Template2"

 
(42 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('mousedown', function(e){
+
     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: black;  
+
   background-color: white;  
 
}
 
}
  
Line 131: Line 131:
 
   margin-left: -1%;
 
   margin-left: -1%;
 
   background-size: cover;
 
   background-size: cover;
−
   z-index: -1;
+
   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) ******************************************/
  
−
body {
+
 
−
background-color:black;
+
−
}
+
  
 
.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 layer {
+
 
−
      position: fixed;
+
−
      }
+
 
      
 
      
 
     .links ul.sub-nav {
 
     .links ul.sub-nav {
Line 1,116: 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,136: Line 1,148:
 
       </a>
 
       </a>
 
       <ul class="sub-nav">
 
       <ul class="sub-nav">
−
          <li>
+
            <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/Bioethical_Debate">Bioethical Debate</a>
+
 
−
        </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/Humans_Of_Syn_Bio">Humans of Syn Bio</a>
+
             <a href="https://2017.igem.org/Team:Rice/HP/Gold_Integrated">Integrated Human Practices </a>
 
           </li>
 
           </li>
 
         </ul>
 
         </ul>
Line 1,162: Line 1,186:
 
         </li>
 
         </li>
 
           <li>
 
           <li>
−
           <a href="https://2017.igem.org/Team:Rice/Modeling"> Modeling </a>
+
           <a href="https://2017.igem.org/Team:Rice/Model"> Modeling </a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
−
           <a href="https://2017.igem.org/Team:Rice/Wet_Lab"> Wetlab </a>
+
           <a href="https://2017.igem.org/Team:Rice/Experiments"> Wetlab </a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
Line 1,171: Line 1,195:
 
         </li>
 
         </li>
 
         <li>
 
         <li>
−
           <a href="https://2017.igem.org/Team:Rice/Protocols" class = "shift">Protocols</a>
+
           <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/Proof_of_Concept" class = "shift">Proof of Concept</a>
+
           <a href="https://2017.igem.org/Team:Rice/Results#" class = "shift">Results</a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
Line 1,181: 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,193: Line 1,220:
 
       </a>
 
       </a>
 
       <ul class="sub-nav">
 
       <ul class="sub-nav">
−
        <li>
+
          <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,215: Line 1,242:
 
       <ul class="sub-nav">
 
       <ul class="sub-nav">
 
         <li>
 
         <li>
−
           <a href="https://2017.igem.org/Team:Rice/Members">MEMBERS</a>
+
           <a href="https://2017.igem.org/Team:Rice/Team#">MEMBERS</a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
Line 1,224: Line 1,251:
 
         </li>
 
         </li>
 
         <li>
 
         <li>
−
           <a href="https://2017.igem.org/Team:Rice/Acknowledgements">ACKNOWLEDGEMENTS</a>
+
           <a href="https://2017.igem.org/Team:Rice/Attributions">ATTRIBUTIONS</a>
 
         </li>
 
         </li>
 
       </ul>
 
       </ul>
Line 1,237: Line 1,264:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
 
−
<!-- footnotes menu (social media links) -->
 
−
<div class="footnotes-menu">
 
−
  <input class="menu-toggler" id="menu-toggler" type="checkbox">
 
−
  <label for="menu-toggler"></label>
 
−
  <ul>
 
−
    <li class="menu-item">
 
−
      <a href="https://2017.igem.org/Team:Rice" target="_blank">
 
−
<img class="menu-icon" src="https://static.igem.org/mediawiki/2017/3/39/Icon-igem.png" alt="Home">
 
−
  </a>
 
−
    </li>
 
−
<li class="menu-item">
 
−
      <a href="http://www.rice.edu" target="_blank">
 
−
<img class="menu-icon" src="https://static.igem.org/mediawiki/2017/6/6d/Icon-rice.png" alt="Rice" height="50" width ="50">
 
−
  </a>
 
−
    </li>
 
−
 
−
    <li class="menu-item">
 
−
      <a href="https://www.twitter.com/Rice_iGEM" target="_blank">
 
−
<img class="menu-icon" src="https://static.igem.org/mediawiki/2017/6/6f/Icon-twitter.png" alt="Twitter" height="50" width ="50">
 
−
  </a>
 
−
    </li>
 
−
<li class="menu-item">
 
−
      <a href="mailto:riceuniveristyigem@gmail.com" target="top">
 
−
<img class="menu-icon" src="https://static.igem.org/mediawiki/2017/9/94/Icon-gmail.png" alt="Gmail" height="50" width ="50">
 
−
  </a>
 
−
    </li>
 
−
    <li class="menu-item">
 
−
      <a href="https://instagram.com/riceuniversityigem" target="_blank">
 
−
<img class="menu-icon" src="https://static.igem.org/mediawiki/2017/5/51/Icon-instagram.png" alt="Instagram" height="50" width ="50">
 
−
  </a>
 
−
    </li>
 
−
      <li class="menu-item">
 
−
      <a href="https://www.facebook.com/riceuniversityigem" target="_blank">
 
−
<img class="menu-icon" src="https://static.igem.org/mediawiki/2017/0/0c/Icon-facebook.png" alt="Facebook" height="50" width ="50">
 
−
  </a>
 
−
    </li>
 
−
 
 
−
  </ul>
 
−
</div>
 
−
 
  
  
Line 1,295: 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>
+
          <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">Project Description</a>
+
                 <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/Modeling" style="text-decoration:none">Modeling</a>
+
                 <a href="https://2017.igem.org/Team:Rice/Model" style="text-decoration:none">Modeling</a>
 
               </li>
 
               </li>
−
            </ul>
 
−
          </li>
 
−
          <li>
 
−
            <a href="#!" style="text-decoration:none">Wetlab</a>
 
−
            <ul class="nav-dropdown">
 
 
               <li>
 
               <li>
−
                 <a href="https://2017.igem.org/Team:Rice/Wet_Lab" style="text-decoration:none">Overview</a>
+
                 <a href="https://2017.igem.org/Team:Rice/Experiments" style="text-decoration:none">Wet Lab</a>
 
               </li>
 
               </li>
 
               <li>
 
               <li>
Line 1,316: Line 1,296:
 
               </li>
 
               </li>
 
               <li>
 
               <li>
−
                 <a href="https://2017.igem.org/Team:Rice/Protocols" style="text-decoration:none">Protocols</a>
+
                 <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="vhttps://2017.igem.org/Team:Rice/Proof_of_Concept" style="text-decoration:none">Proof of Concept</a>
+
                 <a href="https://2017.igem.org/Team:Rice/Results" style="text-decoration:none">Results</a>
 
               </li>
 
               </li>
 
               <li>
 
               <li>
Line 1,328: Line 1,308:
 
               </li>
 
               </li>
 
               <li>
 
               <li>
−
                 <a href="https://2017.igem.org/Team:Rice/InterLab" style="text-decoration:none">Interlab</a>
+
                 <a href="https://2017.igem.org/Team:Rice/InterLab" style="text-decoration:none">InterLab</a>
 
               </li>
 
               </li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </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://2016.igem.org/Team:Rice/Practices" style="text-decoration:none">Overview</a>
+
                 <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,342: Line 1,325:
 
               </li>
 
               </li>
 
               <li>
 
               <li>
−
                 <a href="https://2017.igem.org/Team:Rice/Bioethical_Debate" style="text-decoration:none">Bioethical Debate</a>
+
                 <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>
+
              <li>
−
                 <a href="https://2017.igem.org/Team:Rice/Humans_of_Synbio" style="text-decoration:none">Humans of SynBio</a>
+
                 <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,366: Line 1,349:
 
             </ul>
 
             </ul>
 
           </li>
 
           </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/Members" style="text-decoration:none">Members</a>
+
                 <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

Hexatri