Team:Harvard
From 2010.igem.org
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <style> |
- | + | body { | |
- | + | font-family: Helvetica, Arial, sans-serif; | |
- | + | width: 900px; | |
- | + | font-size: 0.9 em; | |
- | + | color: #254117; | |
- | + | } | |
- | + | #nav, #nav ul { | |
- | + | padding: 0; | |
- | + | list-style: none; | |
- | + | } | |
- | + | #nav a { | |
+ | display: block; | ||
+ | width: 153px; | ||
+ | } | ||
+ | #nav li { | ||
+ | float: left; | ||
+ | width: 153px; | ||
+ | margin-right: 41px; | ||
+ | } | ||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | width: 153px; | ||
+ | left: -999em; | ||
+ | } | ||
- | { | + | #nav li:hover ul { |
- | + | left: auto; | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | { | + | #nav li:hover ul, #nav li.sfhover ul { |
- | + | left: auto; | |
- | + | text-decoration: none; | |
- | + | } | |
- | + | ||
- | + | 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 { | ||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | color: #7F5217; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #A0C544; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a.bannerlinks:hover { | ||
+ | background-color: #A0C544; | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .bannertoplinks { | ||
+ | background-color: #827B60; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | color: white; | ||
+ | padding: 3px 20px 3px 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #twitter_div { | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar { | ||
+ | width: 300px; | ||
+ | float: right; | ||
+ | margin-right: 6px; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #abstract { | ||
+ | width: 600px; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | padding: 10px; | ||
+ | line-height: 1.2em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #twitter_div ul { | ||
+ | line-height: 1.3em; | ||
+ | text-indent: 3px; | ||
+ | list-style-image: url('https://2010.igem.org/Image:Harvard2010leaficon.png'); | ||
+ | } | ||
+ | |||
+ | #rightgroup { | ||
+ | float: right; | ||
+ | width: 300px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #leftgroup { | ||
+ | width: 300px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #maincontent { | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="900px"><br /> | ||
+ | <ul id="nav"> | ||
+ | <li> | ||
+ | <a class="bannertoplinks" href="index.html">home</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="bannertoplinks" href="#">project</a> | ||
+ | <ul> | ||
+ | <li><a class="bannerlinks" href="#">vectors</a></li> | ||
+ | <li><a class="bannerlinks" href="allergy.html">allergy</a></li> | ||
+ | <li><a class="bannerlinks" href="#">flavor</a></li> | ||
+ | <li><a class="bannerlinks" href="#">genetic fence</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="mailto:igemharvard@gmail.com">contact us</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <br /><br /> | ||
+ | <div id="sidebar"> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/9/9e/Harvard2010teamphoto.jpg" width="300px"> | ||
+ | <div id="twitter_div"> | ||
+ | <h2 class="sidebar-title">team updates</h2> | ||
+ | <ul id="twitter_update_list"></ul> | ||
+ | <a href="http://twitter.com/harvardigem" id="twitter-link" style="display:block; margin-left: 10px;">follow us on twitter</a> | ||
+ | </div> | ||
+ | <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> | ||
+ | <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/harvardigem.json?callback=twitterCallback2&count=5"></script> | ||
+ | </div> | ||
+ | |||
+ | <div id="maincontent"> | ||
+ | <div id="abstract"> | ||
+ | <h1>abstract</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 id="rightgroup"> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2010/c/c3/Harvard2010allergyheading.jpg"></a> | ||
+ | <p>knocking down allergen molecules in common garden plants</p><br /><br /> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/4/43/Harvard2010fenceheading.jpg"> | ||
+ | <p>designing safety mechanisms for genetically modified gardening</p> | ||
+ | </div> | ||
+ | <div id="leftgroup"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2010/d/d1/Harvard2010vectorheading.jpg"> | ||
+ | <p>designing biobrick vectors for the genetic engineering of plants</p><br /><br /> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/c/c6/Harvard2010flavorheading.jpg"> | ||
+ | <p>reshuffling flavor molecules in edible plants</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 17:34, 25 June 2010
![](https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png)
abstract
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.
![](https://static.igem.org/mediawiki/2010/c/c3/Harvard2010allergyheading.jpg)
knocking down allergen molecules in common garden plants
![](https://static.igem.org/mediawiki/2010/4/43/Harvard2010fenceheading.jpg)
designing safety mechanisms for genetically modified gardening
![](https://static.igem.org/mediawiki/2010/d/d1/Harvard2010vectorheading.jpg)
designing biobrick vectors for the genetic engineering of plants
![](https://static.igem.org/mediawiki/2010/c/c6/Harvard2010flavorheading.jpg)
reshuffling flavor molecules in edible plants