Difference between revisions of "Team:NYU Shanghai/Protocols"
Line 3: | Line 3: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | @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