|
|
| (17 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | {{HarvardFancybox}} | | {{HarvardFancybox}} |
| | + | {{harvard_hp}} |
| | + | |
| | | | |
| | <html> | | <html> |
| - | <head>
| + | <style> |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
| + | |
| - | | + | |
| - | <style> | + | |
| - | body {
| + | |
| - | font-family: Helvetica, Arial, sans-serif;
| + | |
| - | width: 975px;
| + | |
| - | 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;
| + | |
| - | | + | |
| - | }
| + | |
| - | | + | |
| - | #nav li:hover ul, #nav li.sfhover ul {
| + | |
| - | left: auto;
| + | |
| - | }
| + | |
| - | | + | |
| - | 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;
| + | |
| - | }
| + | |
| - |
| + | |
| - | a.bannerlinks:hover {
| + | |
| - | background-color: #A0C544;
| + | |
| - | color: white;
| + | |
| - | }
| + | |
| - | a.bannertoplinks:hover {
| + | |
| - | background-color: #A0C544;
| + | |
| - | color: white;
| + | |
| - | }
| + | |
| - | | + | |
| - | .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;
| + | |
| - | }
| + | |
| - |
| + | |
| - | | + | |
| - | #sidebar {
| + | |
| - | width: 300px;
| + | |
| - | float: right;
| + | |
| - | margin-right: 6px;
| + | |
| - | border-style: solid;
| + | |
| - | border-color: white;
| + | |
| - | border-width: 1px;
| + | |
| - | padding: 0px;
| + | |
| - | }
| + | |
| - | | + | |
| - | #abstract {
| + | |
| - | width: 620px;
| + | |
| - | 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('images/leaficon.png');
| + | |
| - | }
| + | |
| - |
| + | |
| - | #rightgroup {
| + | |
| - | float: right;
| + | |
| - | width: 310px;
| + | |
| - | padding: 10px;
| + | |
| - | }
| + | |
| - |
| + | |
| - | #leftgroup {
| + | |
| - | width: 310px;
| + | |
| - | padding: 10px;
| + | |
| - | }
| + | |
| - |
| + | |
| - | a.sidebarlinks {
| + | |
| - | display: block;
| + | |
| - | width: 300px;
| + | |
| - | font-size: 1.2em;
| + | |
| - | text-align: center;
| + | |
| - | background-color: #827B60;
| + | |
| - | color: white;
| + | |
| - | padding: 10px 0px 10px 0px;
| + | |
| - | margin-bottom: 5px;
| + | |
| - | }
| + | |
| - |
| + | |
| - | a.sidebarlinks:hover {
| + | |
| - | background-color: #A0C544;
| + | |
| - | }
| + | |
| - |
| + | |
| | td | | td |
| | { | | { |
| Line 174: |
Line 31: |
| | border-spacing: 0px; | | border-spacing: 0px; |
| | } | | } |
| - |
| |
| - |
| |
| | </style> | | </style> |
| - | </head>
| |
| - | <body>
| |
| - | <img class="bannerimage" src="../images/harvard2010igardenbanner.png" width="970px"><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="../transformation/index.html">transformation</a></li>
| |
| - | <li><a class="bannerlinks" href="../allergy.html">allergy</a></li>
| |
| - | <li><a class="bannerlinks" href="../flavor/index.html">flavor</a></li>
| |
| - | <li><a class="bannerlinks" href="../fence/index.html">genetic fence</a></li>
| |
| - | <li><a class="bannerlinks" href="index.html">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>
| |
| - |
| |
| - | <div id="sidebar">
| |
| - | <img src="../images/harvard2010arabidopsis.jpg" width="300px"><br /><br />
| |
| - | <a class="sidebarlinks" href="history">history</a>
| |
| - | <a class="sidebarlinks" href="debate">the debate</a>
| |
| - | <a class="sidebarlinks" href="case_study">case study: monsato</a>
| |
| - | <a class="sidebarlinks" href="perception">public perception</a>
| |
| - | <a class="sidebarlinks" href="safety">safety</a>
| |
| - | <a class="sidebarlinks" href="vision">our vision</a>
| |
| - | <a class="sidebarlinks" href="references">references</a>
| |
| - | </div>
| |
| | | | |
| | <div id="abstract"> | | <div id="abstract"> |
| Line 233: |
Line 37: |
| | | | |
| | <table> | | <table> |
| - | <tr><td class="timeline">1973</td><td><a href="https://2010.igem.org/Image:Timeline1.png" id="single_image">Creation of the world's first recombinant DNA organism</a></td></tr> | + | <tr><td class="timeline">1973</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/0/09/Timeline1.png" id="single_image">Creation of the world's first recombinant DNA organism</a></td></tr> |
| - | <tr><td class="timeline">1974</td><td><a href="../images/timeline2.png" id="single_image">Creation of the world's first transgenic animal</a></td></tr> | + | <tr><td class="timeline">1974</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/3/32/Timeline2.png" id="single_image">Creation of the world's first transgenic animal</a></td></tr> |
| - | <tr><td class="timeline">1978</td><td><a href="../images/timeline3.png" id="single_image">Production of genetically engineered human insulin</a></td></tr> | + | <tr><td class="timeline">1978</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/3/3c/Timeline3.png" id="single_image">Production of genetically engineered human insulin</a></td></tr> |
| - | <tr><td class="timeline">1980</td><td><a href="../images/timeline4.png" id="single_image">Diamond v. Chakrabarty</a></td></tr> | + | <tr><td class="timeline">1980</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/f/ff/Timeline4.png" id="single_image">Diamond v. Chakrabarty</a></td></tr> |
| - | <tr><td class="timeline">1982</td><td><a href="../images/timeline5.png" id="single_image">FDA approves the use of genetically engineered insulin</a></td></tr> | + | <tr><td class="timeline">1982</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/d/de/Timeline5.png" id="single_image">FDA approves the use of genetically engineered insulin</a></td></tr> |
| - | <tr><td class="timeline">1983</td><td><a href="../images/timeline6.png" id="single_image">First transgenic plant produced</a></td></tr> | + | <tr><td class="timeline">1983</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/f/f9/Timeline6.png" id="single_image">First transgenic plant produced</a></td></tr> |
| - | <tr><td class="timeline">1994</td><td><a href="../images/timeline7.png" id="single_image">First genetically engineered food approved by the FDA</a></td></tr> | + | <tr><td class="timeline">1994</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/1/10/Timeline7.png" id="single_image">First genetically engineered food approved by the FDA</a></td></tr> |
| - | <tr><td class="timeline">1996</td><td><a href="../images/timeline8.png" id="single_image">First genetically engineered food approved by the EU</a></td></tr> | + | <tr><td class="timeline">1996</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/f/f8/Timeline8.png" id="single_image">First genetically engineered food approved by the EU</a></td></tr> |
| | </table> | | </table> |
| | | | |
| Line 247: |
Line 51: |
| | </div> | | </div> |
| | | | |
| - | <div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div><div id="fancybox-inner"></div><a id="fancybox-close"></a><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>
| |
| - |
| |
| - | </body>
| |
| | </html> | | </html> |
"
