IGEM:Harvard/2010/Human Practices/wikipage

From OpenWetWare
Jump to: navigation, search

<html> <head> <style>

  1. allcontent {
     width: 950px;

}

  1. sidebar a{
     text-decoration: none;
     color: #7F5217;

}

  1. sidebar a:hover{
    color: #A0C544;
    text-decoration: none;

} body {

   margin-left: 10%;

font-family: Helvetica, Arial, sans-serif; width: 900px; font-size: 0.9 em; color: #254117; }

  1. headerlinks{
margin-left: -20px;

}

  1. nav, #nav ul {

padding: 0; list-style: none; }

  1. nav a {

display: block; width: 149px; }

  1. nav li {

float: left; width: 149px; margin-right: 41px; }

  1. nav li ul {

position: absolute; width: 149px; left: -999em; }

  1. nav li:hover ul {

left: auto;

      text-decoration: none;
      color: white;

}

  1. nav li:hover ul, #nav li.sfhover ul {

left: auto;

      text-decoration: none;
     color: white;

}

sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover);

.bannerimage {

}

a.bannerlinks {

  color: white;
  text-decoration: none;
  }

a.bannerlinks:hover {

  background-color: #A0C544;
  color: white;
  text-decoration: none;
  }
a.bannertoplinks {
  color: white;

}

 a.bannertoplinks:hover {
  background-color: #A0C544;
  color: white;
  text-decoration: none;
  } 

.bannerlinks { background-color: #7F5217; border-style: solid; border-color: white; border-width: 1px; color: white; padding: 3px 20px 3px 20px;

      margin-left: -19px;

}

.bannertoplinks { background-color: #827B60; border-style: solid; border-color: white; border-width: 1px; color: white;

       margin-bottom: -2px;

padding: 3px 20px 3px 20px; }


  1. sidebar {

width: 300px; float: right; margin-right: 6px; border-style: solid; border-color: white; border-width: 20px; padding: 0px; }

  1. abstract {

width: 900px; border-style: solid; border-color: white; border-width: 1px; padding: 10px; line-height: 1.2em;

}


</style> </head> <body> <div id="allcontent"> <img class="bannerimage" src="http://2010.igem.org/wiki/images/2/2d/Harvard2010igardenbanner.png" width="950px"><br /> <div id="headerlinks"> <ul id="nav"> <li> <a class="bannertoplinks" href="http://2010.igem.org/Team:Harvard">home</a> </li>

<li><a class="bannertoplinks" href="#">project</a> <ul> <li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2010/Team_Vector">vectors</a></li> <li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/allergy">allergy</a></li> <li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/flavor">flavor</a></li> <li><a class="bannerlinks" href="http://2010.igem.org/Team:Harvard/fences">genetic fence</a></li>

                       <li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2009/Notebook/Harvard_iGEM_2010">lab notebook</a></li>

<li><a class="bannerlinks" href="#">human practices</a></li> </ul> </li> <li><a class="bannertoplinks" href="#">people</a> <ul> <li><a class="bannerlinks" href="#">students</a></li> <li><a class="bannerlinks" href="#">advisors</a></li> <li><a class="bannerlinks" href="#">sponsors</a></li> <li><a class="bannerlinks" href="#">gallery</a></li> </ul> </li> <li><a class="bannertoplinks" href="#">online</a> <ul> <li><a class="bannerlinks" href="http://harvardigem.org">blog</a></li> <li><a class="bannerlinks" href="http://twitter.com/harvardigem">twitter</a></li> <li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2010">openwetware</a></li> <li><a class="bannerlinks" href="http://www.facebook.com/pages/Cambridge-MA/Harvard-iGEM/269794024286?ref=ts">facebook</a></li> </ul> </li> <li><a class="bannertoplinks" href="http://2010.igem.org/Team:Harvard/contact">contact us</a> </li> </ul> </div> <br /><br />


<div> <div id="sidebar"> <object width="300" height="250"><param name="movie" value="http://www.youtube.com/v/AEINuCL-5wc&hl=en_US&fs=1&color1=0x234900&color2=0x4e9e00&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/AEINuCL-5wc&hl=en_US&fs=1&color1=0x234900&color2=0x4e9e00&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="250"></embed></object> </div> <div id="abstract"> <h1>human practices</h1> <p>One major roadblock to synthetic biology is public perception of the field. With movies such as <i>Splice</i> (2009) and television shows such as <i>Fringe</i> which portray synthetic biology as dangerous and grotesque, as well as policy wars over the use and sale of genetically modified organisms, []. Our aim with the Harvard iGarden is to change public perception of what it means to engineer our food by putting part of the process in the hands of the consumer. Need a longer introduction...so repeating... One major roadblock to synthetic biology is public perception of the field. With movies such as <i>Splice</i> (2009) and television shows such as <i>Fringe</i> which portray synthetic biology as dangerous and grotesque, as well as policy wars over the use and sale of genetically modified organisms, []. Our aim with the Harvard iGarden is to change public perception of what it means to engineer our food by putting part of the process in the hands of the consumer. Need a longer introduction...so repeating... One major roadblock to synthetic biology is public perception of the field. With movies such as <i>Splice</i> (2009) and television shows such as <i>Fringe</i> which portray synthetic biology as dangerous and grotesque, as well as policy wars over the use and sale of genetically modified organisms, []. Our aim with the Harvard iGarden is to change public perception of what it means to engineer our food by putting part of the process in the hands of the consumer. Need a longer introduction...so repeating...</p> <hr /> </div>

</div>


<table margin-left: -20px cellspacing="30"> <tr> <td> <div> <a href="http://2010.igem.org/Team:Harvard/allergy"><img src="http://2010.igem.org/wiki/images/c/c3/Harvard2010allergyheading.jpg" width="275"></a> <p>history</p><br /><br /> <a href="http://2010.igem.org/Team:Harvard/fences"><img src="http://2010.igem.org/wiki/images/4/43/Harvard2010fenceheading.jpg" width="275"></a> <p>case study: mansato</p> </div> </td> <td> <div> <a href="http://2010.igem.org/Team:Harvard/allergy"><img src="http://2010.igem.org/wiki/images/c/c3/Harvard2010allergyheading.jpg" width="275"></a> <p>the debate</p><br /><br /> <a href="http://2010.igem.org/Team:Harvard/fences"><img src="http://2010.igem.org/wiki/images/4/43/Harvard2010fenceheading.jpg" width="275"></a> <p>safety</p> </div> </td> <td> <div> <a href="http://openwetware.org/wiki/IGEM:Harvard/2010/Team_Vector"><img src="http://2010.igem.org/wiki/images/d/d1/Harvard2010vectorheading.jpg" width="275"></a> <p>public perception</p><br /><br /> <a href="http://2010.igem.org/Team:Harvard/flavor"><img src="http://2010.igem.org/wiki/images/c/c6/Harvard2010flavorheading.jpg" width="275"></a> <p>our vision</p> </div> </td> </tr> </table>



</div> </div> </body> </html>