IGEM:Harvard/2010/Human Practices/history/wikihistory: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
(New page: <html> <head> <style> #allcontent { width: 950px; } #sidebar a{ text-decoration: none; color: #7F5217; } #sidebar a:hover{ color: #A0C544; text-decoration: none...)
 
(No difference)

Latest revision as of 08:50, 1 July 2010

<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. twitter_div {

font-size: 0.8em;

      width: 280px;

}

  1. sidebar {

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

  1. abstract {

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

}

  1. twitter_div ul {

line-height: 1.3em; text-indent: 3px; list-style-image: url('http://2010.igem.org/wiki/images/1/11/Harvard2010leaficon.png'); }

  1. rightgroup {

float: right; width: 300px; padding: 10px; }

  1. leftgroup {

width: 300px; padding: 10px;

       margin-right: 20px;

}

  1. maincontent {

width: 610px; } </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 id="maincontent"> <div id="abstract"> <h1>history of genetically modified organisms</h1> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> <hr /> </div>


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