|
|
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="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>
| + | |
- | </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&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>
| + | |