Team:Columbia-Cooper-NYC/Making Solid Media

From 2012.igem.org

(Difference between revisions)
(Created page with "== Solid Media Protocol == <i>Credit for protocol goes to Jason Candreva, Research Associate, Columbia University</i>")
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
 +
background-position:top left;
 +
background-repeat:repeat-y
 +
 +
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
 +
background-position:top right;
 +
background-repeat:repeat-y
 +
}
 +
 +
 +
 +
</style>
 +
</head>
 +
</html>
 +
 +
 +
 +
<html>
 +
<head>
 +
<body>
 +
<!-- dd menu -->
 +
<script type="text/javascript">
 +
<!--
 +
var timeout        = 500;
 +
var closetimer = 0;
 +
var ddmenuitem      = 0;
 +
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
// -->
 +
</script>
 +
<style>
 +
#sddm
 +
{ margin: 0;
 +
padding: 0;
 +
      z-index: 30}
 +
 +
#sddm li
 +
{ margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 11px arial}
 +
 +
#sddm li a
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 4px 10px;
 +
width: 85px;
 +
background: #238E23;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none}
 +
 +
#sddm li a:hover
 +
{ background: #B87333}
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #4CC552;
 +
border: 1px solid #5C3317}
 +
 +
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #B5EAAA;
 +
color: #5C3317;
 +
font: 11px arial}
 +
 +
#sddm div a:hover
 +
{ background: #49A3FF;
 +
color: #FFF}
 +
</style>
 +
 +
 +
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
 +
<ul id="sddm" style="width:1000px;margin:0 auto">
 +
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
 +
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
 +
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
 +
<a href="http://igem.org/Team.cgi?year=2012">Official Profile</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
 +
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">Overview</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Data_and_Conclusions">Data and Conclusions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Future_Directions">Future Directions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/References">References</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a>
 +
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Parts_Submitted">Parts Submitted</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Lab Notebook</a>
 +
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Protocols">Protocols</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Human Practice</a>
 +
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
 +
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
 +
                </div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Sponsors</a>
 +
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Acknowledgements">Acknowledgements</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Main_Page" onmouseover="mopen('m9')" onmouseout="mclosetime()">iGEM</a>
 +
<div id="m9" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
</ul>
 +
<div style="clear:both"></div>
 +
<!-- /span></div -->
 +
<!-- /dd -->
 +
</script>
 +
</body>
 +
</head>
 +
</html>
== Solid Media Protocol ==
== Solid Media Protocol ==

Revision as of 03:37, 4 October 2012


Solid Media Protocol

Credit for protocol goes to Jason Candreva, Research Associate, Columbia University