Difference between revisions of "Template:Rice"

 
(44 intermediate revisions by 4 users not shown)
Line 33: Line 33:
  
  
−
<script src='https://cdnjs.cloudflare.com/ajax/libs/parallax/2.1.3/parallax.min.js'></script>
 
  
  
Line 95: Line 94:
 
html, body {
 
html, body {
 
   padding: 0;
 
   padding: 0;
−
   margin: 0;
+
   margin: 100;
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
Line 171: Line 170:
 
   float: left;
 
   float: left;
 
   /*Length of the text box in the submenu */
 
   /*Length of the text box in the submenu */
−
   width: 210px;
+
   width: 200px;
 
   /*change this to adjust the positions of the boxes from the top */
 
   /*change this to adjust the positions of the boxes from the top */
−
   margin-top: 46px;
+
   margin-top: -50px;
 
   opacity: 0;
 
   opacity: 0;
 
   animation: growlist 0.5s linear 0s forwards;
 
   animation: growlist 0.5s linear 0s forwards;
Line 201: Line 200:
 
}
 
}
 
.links ul li#about {
 
.links ul li#about {
−
   top: 4.0em;
+
   top: 3.9em;
 
   left: 7.3em;
 
   left: 7.3em;
 
}
 
}
Line 208: Line 207:
 
}
 
}
 
.links ul li#work {
 
.links ul li#work {
−
   top: 12.5em;
+
   top: 12.4em;
 
   left: 7.3em;
 
   left: 7.3em;
 
}
 
}
Line 302: Line 301:
 
}
 
}
 
.links ul li.dropdown:nth-child(odd) .sub-nav {
 
.links ul li.dropdown:nth-child(odd) .sub-nav {
−
   margin-left: 10.5em;
+
   margin-left: 16.5em;
 
}
 
}
 
.links ul li.dropdown:nth-child(even).active a:after {
 
.links ul li.dropdown:nth-child(even).active a:after {
Line 308: Line 307:
 
}
 
}
 
.links ul li.dropdown:nth-child(even) .sub-nav {
 
.links ul li.dropdown:nth-child(even) .sub-nav {
−
   margin-left: 107px;
+
   margin-left: 120px;
 
}
 
}
 
.links ul li.active svg {
 
.links ul li.active svg {
Line 331: Line 330:
  
 
/***************************************************** FOOTNOTES (Social Media Links) ******************************************/
 
/***************************************************** FOOTNOTES (Social Media Links) ******************************************/
−
 
−
.footnotes-menu {
 
−
        position:fixed;
 
−
float:right;
 
−
        bottom: 5%;
 
−
right: 5%;
 
−
}
 
−
 
−
.menu-toggler {
 
−
  position: absolute;
 
−
  display: block;
 
−
  top: 0;
 
−
  bottom: 0;
 
−
  right: 0;
 
−
  left: 0;
 
−
  margin: auto;
 
−
  width: 40px;
 
−
  height: 40px;
 
−
 
−
  opacity: 0;
 
−
  cursor: pointer;
 
−
}
 
−
.menu-toggler:hover + label, .menu-toggler:hover + label:before, .menu-toggler:hover + label:after {
 
−
  background: white;
 
−
}
 
−
 
−
.menu-toggler:checked + label {
 
−
  background: transparent;
 
−
}
 
−
.menu-toggler:checked + label:before, .menu-toggler:checked + label:after {
 
−
  top: 10px;
 
−
  width: 40px;
 
−
  -webkit-transform-origin: 50% 50%;
 
−
          transform-origin: 50% 50%;
 
−
}
 
−
.menu-toggler:checked + label:before {
 
−
  -webkit-transform: rotate(45deg);
 
−
          transform: rotate(45deg);
 
−
}
 
−
.menu-toggler:checked + label:after {
 
−
  -webkit-transform: rotate(-45deg);
 
−
          transform: rotate(-45deg);
 
−
}
 
−
 
−
.menu-toggler:checked ~ ul .menu-item {
 
−
  opacity: 1;
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item:nth-child(1) {
 
−
  -webkit-transform: translateY(-90px);
 
−
          transform: translateY(-90px);
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item:nth-child(2) {
 
−
  -webkit-transform: translateY(-180px);
 
−
          transform: translateY(-180px);
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item:nth-child(3) {
 
−
  -webkit-transform: translateY(-270px);
 
−
          transform: translateY(-270px);
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item:nth-child(4) {
 
−
  -webkit-transform: translateY(-360px);
 
−
          transform: translateY(-360px);
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item:nth-child(5) {
 
−
  -webkit-transform: translateY(-450px);
 
−
          transform: translateY(-450px);
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item:nth-child(6) {
 
−
  -webkit-transform: translateY(-540px);
 
−
          transform: translateY(-540px);
 
−
}
 
−
.menu-toggler:checked ~ ul .menu-item a {
 
−
  pointer-events: auto;
 
−
}
 
−
 
−
.menu-toggler + label {
 
−
  width: 40px;
 
−
  height: 5px;
 
−
  display: block;
 
−
 
−
  border-radius: 2.5px;
 
−
  background: rgba(255, 255, 255, 0.7);
 
−
  -webkit-transition: top 0.5s, -webkit-transform 0.5s;
 
−
  transition: top 0.5s, -webkit-transform 0.5s;
 
−
  transition: transform 0.5s, top 0.5s;
 
−
  transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
 
−
  position: absolute;
 
−
  display: block;
 
−
  top: 0;
 
−
  bottom: 0;
 
−
  right: 0;
 
−
  left: 20px;
 
−
  margin: auto;
 
−
}
 
−
.menu-toggler + label:before, .menu-toggler + label:after {
 
−
  width: 40px;
 
−
  height: 5px;
 
−
  display: block;
 
−
 
−
  border-radius: 2.5px;
 
−
  background: rgba(255, 255, 255, 0.7);
 
−
  -webkit-transition: top 0.5s, -webkit-transform 0.5s;
 
−
  transition: top 0.5s, -webkit-transform 0.5s;
 
−
  transition: transform 0.5s, top 0.5s;
 
−
  transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
 
−
  content: "";
 
−
  position: absolute;
 
−
  left: 0;
 
−
}
 
−
.menu-toggler + label:before {
 
−
  top: 10px;
 
−
}
 
−
.menu-toggler + label:after {
 
−
  top: -10px;
 
−
}
 
−
 
−
.menu-item {
 
−
  position: absolute;
 
−
  display: block;
 
−
  top: 0;
 
−
  bottom: 0;
 
−
  right: 0;
 
−
  left: 0;
 
−
  margin: auto;
 
−
  width: 80px;
 
−
  height: 80px;
 
−
  display: block;
 
−
  opacity: 0;
 
−
  -webkit-transition: 0.5s;
 
−
  transition: 0.5s;
 
−
}
 
−
 
−
.menu-item a {
 
−
  display: block;
 
−
  width: inherit;
 
−
  height: inherit;
 
−
  line-height: 80px;
 
−
  color: rgba(255, 255, 255, 0.7);
 
−
  background: rgba(255, 255, 255, 0);
 
−
  border-radius: 50%;
 
−
  text-align: center;
 
−
  text-decoration: none;
 
−
  font-size: 15px;
 
−
  pointer-events: none;
 
−
  -webkit-transition: .2s;
 
−
  transition: .2s;
 
−
}
 
−
.menu-item a:hover {
 
−
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
 
−
  color: white;
 
−
  background: rgba(255, 255, 255, 0.0);
 
−
  font-size: 17px;
 
−
}
 
−
 
−
.menu-icon {
 
−
height: 50px;
 
−
width: 50px;
 
−
margin: auto;
 
−
padding: 15 10 10 10;
 
−
}
 
  
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
Line 1,119: Line 958:
 
           </li>
 
           </li>
  
−
            <li>
+
          <li>
−
             <a href="https://2017.igem.org/Team:Rice/Engagement">Engagement</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>
+
−
             <a href="https://2017.igem.org/Team:Rice/Exploratory_Research">Exploratory research</a>
+
 
           </li>
 
           </li>
 
            
 
            
 
            
 
            
 
         <li>
 
         <li>
−
           <a href="https://2017.igem.org/Team:Rice/Outreach">Outreach</a>
+
           <a href="https://2017.igem.org/Team:Rice/Outreach" class="shift">Outreach</a>
 
         </li>
 
         </li>
 +
 
           <li>
 
           <li>
−
             <a href="https://2017.igem.org/Team:Rice/Humans_Of_Syn_Bio">Integrated Human Practices </a>
+
             <a href="https://2017.igem.org/Team:Rice/HP/Gold_Integrated">Integrated Human Practices </a>
 
           </li>
 
           </li>
 
         </ul>
 
         </ul>
Line 1,153: Line 991:
 
         </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,159: Line 997:
 
         </li>
 
         </li>
 
         <li>
 
         <li>
−
           <a href="https://static.igem.org/mediawiki/parts/e/eb/Rice_igem_protocols.pdf" 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>
Line 1,206: Line 1,044:
 
       <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,246: Line 1,084:
 
             <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/Model" 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,267: Line 1,100:
 
               </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/2017/9/9a/Protocols_final.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,279: Line 1,112:
 
               </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>
 
                 <a href="https://2017.igem.org/Team:Rice/Exploratory_Research" style="text-decoration:none">Exploratory Research</a>
 
                 <a href="https://2017.igem.org/Team:Rice/Exploratory_Research" style="text-decoration:none">Exploratory Research</a>
 +
              </li>
 +
              <li>
 +
                <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,314: Line 1,153:
 
             </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 23:53, 1 November 2017

Hexatri