|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!--- The Mission, Experiments --->
| |
- | <!--
| |
- | {| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC|Home]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Team|Team]]
| |
- | !align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Columbia-Cooper-NYC Official Team Profile]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Project|Project]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Parts|Parts Submitted to the Registry]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Modeling|Modeling]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Notebook|Notebook]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Safety|Safety]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Attributions|Attributions]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Sponsor Us|Sponsor Us]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Trial|Trial]]
| |
- | |}
| |
- | -->
| |
- | [[Image:Heading.png|970px]]
| |
- |
| |
| <html> | | <html> |
| <head> | | <head> |
- | <body> | + | <META http-equiv="refresh" content="0; url=https://2012.igem.org/Team:Columbia-Cooper-NYC/Main"> |
- | <!-- 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="https://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="https://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
| + | |
- | <a href="https://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="https://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">Overview</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Data_and_Conclusions">Data and Conclusions</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Future_Directions">Future Directions</a>
| + | |
- | <a href="https://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="https://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="https://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
| + | |
- | <a href="https://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="https://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
| + | |
- | <div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
| + | |
- | <a href="https://2012.igem.org/Security">Security</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Sponsors</a>
| + | |
- | <div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
| + | |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Acknowledgements">Acknowledgements</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li><a href="https://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> | | </head> |
| </html> | | </html> |
- |
| |
- | <!--
| |
- | <head>
| |
- | <style>
| |
- | h2{
| |
- | font: 1.5em 'Myriad Pro', 'Gill Sans', 'Arial', sans-serif;
| |
- | font-weight: bold;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | p{
| |
- | font: 1.2em Georgia, serif;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | #fredbuilding{
| |
- | width: 500px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- | -->
| |
- |
| |
- | <html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
| |
- | <head>
| |
- | <meta http-equiv="content-type" content="text/xml; charset=utf-8" />
| |
- | <title>absPosition.html</title>
| |
- | <style type = "text/css">
| |
- |
| |
- | #boxOne {
| |
- | background-color: blue;
| |
- | width: 100px;
| |
- | height: 100px;
| |
- | position: absolute;
| |
- | left: 0px;
| |
- | top: 0px;
| |
- | margin: 0px;
| |
- | }
| |
- |
| |
- | #boxTwo {
| |
- | background-color: blue;
| |
- | width: 100px;
| |
- | height: 100px;
| |
- | position: absolute;
| |
- | left: 50px;
| |
- | top: 50px;
| |
- | margin: 0px;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <p id = "boxOne"></p>
| |
- | <p id = "boxTwo"></p>
| |
- | </body>
| |
- | </html>
| |
- |
| |
- | <html lang="en">
| |
- | <head>
| |
- |
| |
- | <style>
| |
- | body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
| |
- |
| |
- | .fadein { position:relative; height:510px; width:500px; }
| |
- | .fadein img { position:absolute; left:0; top:0; }
| |
- | </style>
| |
- |
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
| |
- | <script>
| |
- | $(function(){
| |
- | $('.fadein img:gt(0)').hide();
| |
- | setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
| |
- | });
| |
- | </script>
| |
- |
| |
- | </head>
| |
- | <body>
| |
- | <div class="fadein">
| |
- | <img src="http://farm9.staticflickr.com/8039/7987219806_9c7a481a41_b.jpg" WIDTH=400 HEIGHT=500>
| |
- | <img src="http://farm9.staticflickr.com/8302/7987254674_556f17eb0f_b.jpg" WIDTH=400 HEIGHT=500>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| |
- | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
| |
- | <head>
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
- | <meta name="generator" content="MediaWiki 1.13.3" />
| |
- | <meta name="keywords" content="Team:Cambridge" />
| |
- | <link rel="shortcut icon" href="/favicon.ico" />
| |
- | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2010.igem.org (en)" />
| |
- | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Cambridge&action=creativecommons" rel="meta" />
| |
- | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| |
- | <link rel="alternate" type="application/rss+xml" title="2010.igem.org RSS Feed" href="https://2010.igem.org/wiki/index.php?title=Special:RecentChanges&feed=rss" />
| |
- | <link rel="alternate" type="application/atom+xml" title="2010.igem.org Atom Feed" href="https://2010.igem.org/wiki/index.php?title=Special:RecentChanges&feed=atom" />
| |
- | <title>Team:Cambridge - 2010.igem.org</title>
| |
- | <style type="text/css" media="screen, projection">/*<![CDATA[*/
| |
- | @import "/wiki/skins/common/shared.css?164";
| |
- | @import "/wiki/skins/igem/main.css?164";
| |
- | /*]]>*/</style>
| |
- | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?164" />
| |
- | <!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?164";</style><![endif]-->
| |
- | <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?164";</style><![endif]-->
| |
- | <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?164";</style><![endif]-->
| |
- | <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?164";</style><![endif]-->
| |
- | <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?164"></script>
| |
- | <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
| |
- |
| |
- | <script type= "text/javascript">/*<![CDATA[*/
| |
- | var skin = "igem";
| |
- | var stylepath = "/wiki/skins";
| |
- | var wgArticlePath = "/$1";
| |
- | var wgScriptPath = "/wiki";
| |
- | var wgScript = "/wiki/index.php";
| |
- | var wgVariantArticlePath = false;
| |
- | var wgActionPaths = [];
| |
- | var wgServer = "https://2010.igem.org";
| |
- | var wgCanonicalNamespace = "";
| |
- | var wgCanonicalSpecialPageName = false;
| |
- | var wgNamespaceNumber = 0;
| |
- | var wgPageName = "Team:Cambridge";
| |
- | var wgTitle = "Team:Cambridge";
| |
- | var wgAction = "view";
| |
- | var wgArticleId = "231";
| |
- | var wgIsArticle = true;
| |
- | var wgUserName = null;
| |
- | var wgUserGroups = null;
| |
- | var wgUserLanguage = "en";
| |
- | var wgContentLanguage = "en";
| |
- | var wgBreakFrames = false;
| |
- | var wgCurRevisionId = "209414";
| |
- | var wgVersion = "1.13.3";
| |
- | var wgEnableAPI = true;
| |
- | var wgEnableWriteAPI = false;
| |
- | var wgMWSuggestTemplate = "https://2010.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}";
| |
- | var wgDBname = "2010_igem_org";
| |
- | var wgSearchNamespaces = [0];
| |
- | var wgMWSuggestMessages = ["with suggestions", "no suggestions"];
| |
- | var wgRestrictionEdit = [];
| |
- | var wgRestrictionMove = [];
| |
- | /*]]>*/</script>
| |
- |
| |
- | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?164"><!-- wikibits js --></script>
| |
- | <!-- Head Scripts -->
| |
- | <script type="text/javascript" src="/wiki/skins/common/ajax.js?164"></script>
| |
- | <script type="text/javascript" src="/wiki/skins/common/mwsuggest.js?164"></script>
| |
- | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&gen=js&useskin=igem"><!-- site js --></script>
| |
- | <style type="text/css">/*<![CDATA[*/
| |
- | @import "/wiki/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
| |
- | @import "/wiki/index.php?title=MediaWiki:Igem.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
| |
- | @import "/wiki/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=igem";
| |
- | /*]]>*/</style>
| |
- | <!-- jQuery Javascript -->
| |
- | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script>
| |
- | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
| |
- | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| |
- | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| |
- | </head>
| |
- |
| |
- | <body class="mediawiki ns-0 ltr page-Team_Cambridge">
| |
- | <div id="globalWrapper">
| |
- |
| |
- | <div id="top-section">
| |
- | <div id="p-logo">
| |
- | <a href="/Main_Page"
| |
- | title="Main Page">
| |
- | <img src='/wiki/skins/common/images/wiki.png'>"
| |
- | </a>
| |
- | </div> <!-- end p-logo -->
| |
- | <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
| |
- |
| |
- |
| |
- |
| |
- | <div id="menubar" class='left-menu noprint'>
| |
- | <ul>
| |
- | <li
| |
- | class='selected' ><a href="/Team:Cambridge">Page </a></li>
| |
- | <li
| |
- | class='new' ><a href="/wiki/index.php?title=Talk:Team:Cambridge&action=edit">Discussion </a></li>
| |
- | <li
| |
- | ><a href="/wiki/index.php?title=Team:Cambridge&action=edit">View source </a></li>
| |
- | <li
| |
- | ><a href="/wiki/index.php?title=Team:Cambridge&action=history">History </a></li>
| |
- | <li style='color:#808080;cursor:default'>teams</li>
| |
- | </ul>
| |
- | </div> <!-- end menubar (left) -->
| |
- |
| |
- | <div class="right-menu noprint" id="menubar">
| |
- | <ul>
| |
- | <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&returnto=Team:Cambridge" title="You are encouraged to log in, it is not mandatory however. [o]" accesskey="o">Log in</a></li> </ul>
| |
- | </div><!-- end right menubar -->
| |
- |
| |
- | <div id="search-controls" class="noprint">
| |
- | <form action="/Special:Search" id="searchform">
| |
- | <input id="searchInput" name="search" type="text" title="Search 2010.igem.org [f]" accesskey="f" value="" />
| |
- | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| |
- | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| |
- | </form>
| |
- | </div> <!-- close search controls -->
| |
- | </div> <!-- close top-section-->
| |
- | <div id="content">
| |
- | <a name="top" id="top"></a>
| |
- | <h1 class="firstHeading">Team:Cambridge</h1>
| |
- | <div id="bodyContent">
| |
- | <h3 id="siteSub" class="noprint">From 2010.igem.org</h3>
| |
- | <div id="contentSub"></div>
| |
- | <!--
| |
- | <div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
| |
- | <!-- start content -->
| |
- | <p>
| |
- | <head>
| |
- |
| |
- | <script type="text/javascript">
| |
- |
| |
- | var _gaq = _gaq || [];
| |
- | _gaq.push(['_setAccount', 'UA-65298-13']);
| |
- | _gaq.push(['_trackPageview']);
| |
- |
| |
- | (function() {
| |
- | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| |
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| |
- | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| |
- | })();
| |
- |
| |
- | </script>
| |
- | <style>
| |
- | h2{color:#96d446; }
| |
- | h1, h2, h3, h4, h5{font-family:"Vollkorn", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:1px dotted #e3e3e3; margin-top:10px; padding-top:30px; font-weight:normal;}
| |
- | h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
| |
- | h2.topheader{border-top:0; padding-top:0; margin-top:5px;}
| |
- |
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
| |
- | <script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.lavalamp-1.3.4b.js'></script>
| |
- | <script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.easing.1.3.js'></script>
| |
- |
| |
- | <link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
| |
- |
| |
- | <script type="text/javascript">
| |
- | $('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:bold; text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
| |
- | $(function() {
| |
- | $('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
| |
- | });
| |
- | $(function(){
| |
- | $('ul#accmenu').accordion({
| |
- | header:'.head',
| |
- | fillSpace:false,
| |
- | autoHeight:false,
| |
- | navigation:true,
| |
- | animated: 'easeslide'})
| |
- | });
| |
- | </script>
| |
- | <script type="text/javascript" src="/Team:Cambridge/lightbox/js?action=raw"></script>
| |
- |
| |
- | <link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
| |
- | <style>
| |
- | /**
| |
- | * jQuery lightBox plugin
| |
- | * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
| |
- | * and adapted to me for use like a plugin from jQuery.
| |
- | * @name jquery-lightbox-0.5.css
| |
- | * @author Leandro Vieira Pinho - http://leandrovieira.com
| |
- | * @version 0.5
| |
- | * @date April 11, 2008
| |
- | * @category jQuery plugin
| |
- | * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
| |
- | * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
| |
- | * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
| |
- | */
| |
- | #jquery-overlay {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | z-index: 90;
| |
- | width: 100%;
| |
- | height: 500px;
| |
- | }
| |
- | #jquery-lightbox {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | width: 100%;
| |
- | z-index: 100;
| |
- | text-align: center;
| |
- | line-height: 0;
| |
- | }
| |
- | #jquery-lightbox a img { border: none; }
| |
- | #lightbox-container-image-box {
| |
- | position: relative;
| |
- | background-color: #fff;
| |
- | width: 250px;
| |
- | height: 250px;
| |
- | margin: 0 auto;
| |
- | }
| |
- | #lightbox-container-image { padding: 10px; }
| |
- | #lightbox-loading {
| |
- | position: absolute;
| |
- | top: 40%;
| |
- | left: 0%;
| |
- | height: 25%;
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | line-height: 0;
| |
- | }
| |
- | #lightbox-nav {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | height: 100%;
| |
- | width: 100%;
| |
- | z-index: 10;
| |
- | }
| |
- | #lightbox-container-image-box > #lightbox-nav { left: 0; }
| |
- | #lightbox-nav a { outline: none;}
| |
- | #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
| |
- | width: 49%;
| |
- | height: 100%;
| |
- | zoom: 1;
| |
- | display: block;
| |
- | }
| |
- | #lightbox-nav-btnPrev {
| |
- | left: 0;
| |
- | float: left;
| |
- | }
| |
- | #lightbox-nav-btnNext {
| |
- | right: 0;
| |
- | float: right;
| |
- | }
| |
- | #lightbox-container-image-data-box {
| |
- | font: 10px Verdana, Helvetica, sans-serif;
| |
- | background-color: #fff;
| |
- | margin: 0 auto;
| |
- | line-height: 1.4em;
| |
- | overflow: auto;
| |
- | width: 100%;
| |
- | padding: 0 10px 0;
| |
- | }
| |
- | #lightbox-container-image-data {
| |
- | padding: 0 10px;
| |
- | color: #666;
| |
- | }
| |
- | #lightbox-container-image-data #lightbox-image-details {
| |
- | width: 70%;
| |
- | float: left;
| |
- | text-align: left;
| |
- | }
| |
- | #lightbox-image-details-caption { font-weight: bold; }
| |
- | #lightbox-image-details-currentNumber {
| |
- | display: block;
| |
- | clear: left;
| |
- | padding-bottom: 1.0em;
| |
- | }
| |
- | #lightbox-secNav-btnClose {
| |
- | width: 66px;
| |
- | float: right;
| |
- | padding-bottom: 0.7em;
| |
- | }
| |
- |
| |
- | </style>
| |
- | <script>
| |
- | $(document).ready(function() {
| |
- | $('a.lightbox').lightBox(); // Select all links with lightbox class
| |
- | $('a.image').each(function(idx, item) {
| |
- | var src = item.firstChild.src;
| |
- | src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
| |
- | item.href=src;
| |
- | });
| |
- | $('a.image').lightBox();
| |
- | });
| |
- | </script>
| |
- |
| |
- |
| |
- |
| |
- | <link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Cambridge/thecss?action=raw&ctype=text/css" />
| |
- |
| |
- | </head>
| |
- | <body>
| |
- | <style>
| |
- | body{background-image:url('https://static.igem.org/mediawiki/2010/a/a9/Cam-Theoback.png');
| |
- | background-position:top center;
| |
- | background-repeat:repeat-y
| |
- | }
| |
- |
| |
- | </style>
| |
- | <div id="wrap">
| |
- | <div id="header"><img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/d/d4/CamBillHeaderSq.png" usemap="#headermap" alt="E. glowli"> </div>
| |
- | <map name="headermap">
| |
- | <area shape="rect" coords="10,30,250,240" href="https://2010.igem.org/Team:Cambridge" />
| |
- | <area shape="rect" coords="888,177,942,201" href="http://www.flickr.com/people/roberts87/" />
| |
- | </map>
| |
- | <div id="left">
| |
- |
| |
- | </ul> </li>
| |
- |
| |
- | </ul>
| |
- |
| |
- | </p>
| |
- | </div>
| |
- | <div id="right">
| |
- |
| |
- |
| |
- | <div id="leftbox" style="float:left; height:200px; width:242px;" class="tophome">
| |
- | <div id="lefttop" style="background:#96d446; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Abstract</div>
| |
- | <div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
| |
- | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
| |
- | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> We placed genes from <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Bioluminescence">fireflies</a> and bioluminescent <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Bioluminescence/Bacterial_Luciferases">bacteria</a> into E.coli. Codon optimisation and single amino acid mutagenesis allowed us to generate bright light output in a range of different colours. Future applications include and quantitative <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Tools/microMeasure">biosensors</a> and biological <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Tools/Lighting">alternatives</a> to conventional lighting.</p>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- | <div id="cbox" style="float:left; height:200px; width:241px; margin-left:5px;" class="tophome">
| |
- | <div id="ctop" style="background:#fad72a;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Multimedia</div>
| |
- | <div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
| |
- | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
| |
- | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">If you want a break from hard-core science, check out our Gibson Assembly <a style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/WCWjJFU1be8?fs=1&hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">music video</a>.<br /><br />You can also see view videos of our <a style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/tUFscEVK5Ks?fs=1&hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">bacterial bubble lamp</a> and <a style="color:#d9b400 !important" onclick="displayGibson('http://www.cambridgeigem.org/video.php'); return false;" href="http://www.cambridgeigem.org/video.php?nojs=true">project overview</a>.
| |
- |
| |
- | <script>
| |
- | var dontclose=false;
| |
- | function displayGibson(youTubeURL){
| |
- | var newDiv = document.createElement('div');
| |
- | newDiv.setAttribute('id',"GibsonVidOverlay");
| |
- | newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100; text-align:center; background:url(https://static.igem.org/mediawiki/2010/e/e9/Opacity9.png) ;");
| |
- | newDiv.setAttribute('onclick',";hideOverlay();");
| |
- | newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
| |
- | $('body')[0].appendChild(newDiv);
| |
- | }
| |
- | function hideOverlay(){
| |
- | if(dontclose){
| |
- | dontclose=false;
| |
- | }
| |
- | else{
| |
- | $('body')[0].removeChild($('#GibsonVidOverlay')[0]);
| |
- | }
| |
- | }
| |
- | </script>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div id="rightbox" style="float:left; height:200px; margin-left:5px; width:242px;" class="tophome">
| |
- | <div id="rtop" style="background:#fb5c2b;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Tools</div>
| |
- | <div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
| |
- | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
| |
- | <div style="position:relative; top:10px;">
| |
- | <a href="http://www.gibthon.org" id="leftbox" style="background:url('https://static.igem.org/mediawiki/2010/5/53/Cambridge-Gibthon.png'); position:absolute; width:120px; height:100px; left:0;top:0; background-repeat:no-repeat; display:block;text-align:center; padding-top:70px; background-position: center top; color:#e53500 !important;" >
| |
- | Gibson<br />Assembly
| |
- | </a>
| |
- | <a href="http://www.gibthon.org/ligate.html" id="rightbox" style="background:url('https://static.igem.org/mediawiki/2010/b/b1/Cambridge-Flask.png'); position:absolute; width:120px; height:100px; left:120px; text-align:center;top:0; background-repeat:no-repeat;display:block; padding-top:70px; background-position: center top; color:#e53500 !important;" />
| |
- | Ligation<br />Calculator
| |
- | </a>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | </p>
| |
- | <p> </p>
| |
- | <p>
| |
- | <style>
| |
- | a {color:#386abc ! important}
| |
- | a {color:{{{linkcolour}}} ! important}
| |
- | #left a{
| |
- | color:#555 ! important;
| |
- | }
| |
- |
| |
- | </style>
| |
- | <div style="width:730px; background-color:#386abc;" class="secheader">The Project</div>
| |
- | <div class="contwrap">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2010/7/70/Front.jpg" style="margin-left:4px; margin-bottom:5px; width:710px; margin-top:-2px;">
| |
- | <div style="height:30px; position:relative; font-size:12px; color:#6e6e6e; line-height:15px;">
| |
- | <div style="position:absolute; width:230px; left:5px; text-align:center;">A flask lit by E. coli transformed with one of our constructs </div>
| |
- | <div style="position:absolute; width:230px; left:240px; text-align:center;">E. coli transformed with our different coloured bioluminescent systems</div>
| |
- | <div style="position:absolute; width:220px; left:485px; text-align:center;">Team members illuminated only by our bacteria</div>
| |
- | </div>
| |
- | </html>
| |
- |
| |
- |
| |
- | <html>
| |
- | <h2>Light Sensitive Spatially Controlled Micromachining of Copper Wafers Using Acidithiobacillus Ferrooxidans</h2>
| |
- | <p>The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we intend to install a light sensitive mechanism which will enable us to etch copper in a desired pattern, leaving a finished circuit board. Once a blank printed circuit board is placed in a thin layer of solid media, the bacteria will be applied onto the surface of the media and light will be focused on it in a desired pattern. The light sensitive mechanism in ferrooxidans would activate and self-destruct in the pathway of the light. In the end, the circuit board will be "etched" by the bacteria everywhere but the illuminated spots, leaving the desired pattern behind on the circuit board.</p>
| |
- |
| |
- | <!--<p>The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we intend to install a light sensitive mechanism which will enable us to etch copper in a desired pattern, leaving a finished circuit board.</p>-->
| |