New Pageabc

From 2012.igem.org

(Difference between revisions)
(Replaced content with "testing")
Line 1: Line 1:
-
<html>
+
[[Team:Columbia-Cooper-NYC/testpageabc|testing]]
-
<head>
+
-
<body>
+
-
<!-- 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="http://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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
+
-
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
+
-
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
+
-
<a href="http://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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">Overview</a>
+
-
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Data_and_Conclusions">Data and Conclusions</a>
+
-
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Future_Directions">Future Directions</a>
+
-
                <a href="http://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="http://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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
+
-
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
+
-
<a href="http://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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
+
-
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
+
-
</div>
+
-
</li>
+
-
        <li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
+
-
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
+
-
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
+
-
                <a href="http://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="http://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
+
-
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Acknowledgements">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
        <li><a href="http://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>
+
-
</html>
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/References|References]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Parts_Submitted|Parts Submitted]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Outreach|Outreach]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Collaborations|Collaborations]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Security|Security]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Acknowledgements|Acknowledgements]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Overview|Overview]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Universities|University Profiles]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Data_and_Conclusions|Data and Conclusions]]
+
-
 
+
-
 
+
-
[[Team:Columbia-Cooper-NYC/Future_Directions|Future Directions]]
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!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&amp;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="http://2010.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=rss" />
+
-
<link rel="alternate" type="application/atom+xml" title="2010.igem.org Atom Feed" href="http://2010.igem.org/wiki/index.php?title=Special:RecentChanges&amp;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 = "http://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 = "http://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=-&amp;action=raw&amp;gen=js&amp;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&amp;action=edit">Discussion              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:Cambridge&amp;action=edit">View source              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:Cambridge&amp;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&amp;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" />&nbsp;
+
-
      <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=\"http://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&amp;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="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css" />
+
-
 
+
-
</head>
+
-
<body>
+
-
<style>
+
-
body{background-image:url('http://2010.igem.org/wiki/images/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="http://2010.igem.org/wiki/images/d/d4/CamBillHeaderSq.png" usemap="#headermap" alt="E. glowli"> </div>
+
-
<map name="headermap">
+
-
              <area shape="rect" coords="10,30,250,240" href="http://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('http://2010.igem.org/wiki/images/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="http://2010.igem.org/Team:Cambridge/Bioluminescence">fireflies</a> and bioluminescent <a style="color:#6bbe00 !important"  href="http://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="http://2010.igem.org/Team:Cambridge/Tools/microMeasure">biosensors</a> and biological <a style="color:#6bbe00 !important" href="http://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('http://2010.igem.org/wiki/images/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&amp;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&amp;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(http://2010.igem.org/wiki/images/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('http://2010.igem.org/wiki/images/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('http://2010.igem.org/wiki/images/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('http://2010.igem.org/wiki/images/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>&nbsp;</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="http://2010.igem.org/wiki/images/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>
+

Revision as of 20:32, 15 September 2012

testing