Difference between revisions of "Team:NYU Shanghai/Protocols"

Line 3: Line 3:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
−
h4 {
+
@font-face {
 +
    font-family: "helveticaNL";
 +
    src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype");
 +
}
 +
  h3 {
 
     color: #d66;
 
     color: #d66;
 
     text-decoration: none;
 
     text-decoration: none;
Line 10: Line 14:
 
     font-size: 48px;
 
     font-size: 48px;
 
     font-family: "bebas";
 
     font-family: "bebas";
−
}
+
  }
 +
  h5 {
 +
    font-size: 28px;
 +
    color: white;
 +
    font-family: "bebasneue";
 +
  }
 +
  p {
 +
  color: white;
 +
  font-family: "helveticaNL";
 +
  font-size: 16px;
 +
  }
 +
  span:hover {
 +
  color: #d66;
 +
  }
 
</style>
 
</style>
  
 
<script type="text/javascript">
 
<script type="text/javascript">
 
   window.onload = revealNotebook();
 
   window.onload = revealNotebook();
 +
 +
  function expandrecipes() {
 +
    if (document.getElementById("recipes").className === "collapsed") {
 +
      document.getElementById("recipes").style.color = "#d66";
 +
      document.getElementById("recipesText").style.display = "inline-block";
 +
      document.getElementById("recipes").className = "expanded";
 +
    } else{
 +
      document.getElementById("recipes").style.color = "white";
 +
      document.getElementById("recipesText").style.display = "none";
 +
      document.getElementById("recipes").className = "collapsed";
 +
    };
 +
  }
 +
  function expand3A() {
 +
    if (document.getElementById("3A").className === "collapsed") {
 +
      document.getElementById("3A").style.color = "#d66";
 +
      document.getElementById("3AText").style.display = "inline-block";
 +
      document.getElementById("3A").className = "expanded";
 +
    } else{
 +
      document.getElementById("3A").style.color = "white";
 +
      document.getElementById("3AText").style.display = "none";
 +
      document.getElementById("3A").className = "collapsed";
 +
    };
 +
  }
 +
  function expandColor() {
 +
    if (document.getElementById("color").className === "collapsed") {
 +
      document.getElementById("color").style.color = "#d66";
 +
      document.getElementById("colorText").style.display = "inline-block";
 +
      document.getElementById("color").className = "expanded";
 +
    } else{
 +
      document.getElementById("color").style.color = "white";
 +
      document.getElementById("colorText").style.display = "none";
 +
      document.getElementById("color").className = "collapsed";
 +
    };
 +
  }
 
</script>
 
</script>
  
Line 21: Line 72:
 
</div>
 
</div>
  
 +
<div id="recipes"class="collapsed" onclick="expandrecipes()">
 +
  <h5 style="display:inline-block"><span class="noselect">Recipes</span></h5>
 +
  <br>
 +
  <p id="recipesText" style="display:none">
 +
  <ol>LB-agar Plate</ol>
 +
  <ol>LB Broth</ol>
 +
  <ol>SOC Medium</ol>
 +
  </p>
 +
</div>
 
</html>
 
</html>

Revision as of 16:45, 11 September 2015

Protocols