Difference between revisions of "Team:FAFU-CHINA"

 
(423 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html>
−
<!-- saved from url=(0033)https://2014.igem.org/Team:Rutgers -->
+
<head>
−
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" class=" js flexbox flexboxlegacy"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
<meta charset="utf-8">
−
+
<meta name="viewport" content="width=device-width, maximum-scale=1">
−
<meta name="generator" content="MediaWiki 1.16.5">
+
<title>Homepage</title>
−
<link rel="alternate" type="application/x-wiki" title="Edit" href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&action=edit">
+
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
−
<link rel="edit" title="Edit" href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&action=edit">
+
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
−
<link rel="shortcut icon" href="https://2014.igem.org/favicon.ico">
+
−
<link rel="search" type="application/opensearchdescription+xml" href="https://2014.igem.org/wiki/opensearch_desc.php" title="2014.igem.org (en)">
+
−
<link title="Creative Commons" type="application/rdf+xml" href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&action=creativecommons" rel="meta">
+
−
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/">
+
−
<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="https://2014.igem.org/wiki/index.php?title=Special:RecentChanges&feed=atom"> <title>Team:Rutgers - 2014.igem.org</title>
+
−
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
−
@import "/wiki/skins/common/shared.css?270";
+
−
@import "/wiki/skins/igem/main.css?270";
+
−
/*]]>*/</style>
+
−
<link rel="stylesheet" type="text/css" media="print" href="./Team_Rutgers - 2014.igem.org_files/commonPrint.css">
+
−
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
−
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
−
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
−
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
−
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
−
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
−
+
−
<script>
+
−
var skin="igem",
+
−
stylepath="/wiki/skins",
+
−
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
−
wgArticlePath="/$1",
+
−
wgScriptPath="/wiki",
+
−
wgScriptExtension=".php",
+
−
wgScript="/wiki/index.php",
+
−
wgVariantArticlePath=false,
+
−
wgActionPaths={},
+
−
wgServer="https://2014.igem.org",
+
−
wgCanonicalNamespace="",
+
−
wgCanonicalSpecialPageName=false,
+
−
wgNamespaceNumber=0,
+
−
wgPageName="Team:Rutgers",
+
−
wgTitle="Team:Rutgers",
+
−
wgAction="view",
+
−
wgArticleId=2236,
+
−
wgIsArticle=true,
+
−
wgUserName="Huangxl",
+
−
wgUserGroups=["*", "user", "autoconfirmed"],
+
−
wgUserLanguage="en",
+
−
wgContentLanguage="en",
+
−
wgBreakFrames=false,
+
−
wgCurRevisionId=401230,
+
−
wgVersion="1.16.5",
+
−
wgEnableAPI=true,
+
−
wgEnableWriteAPI=true,
+
−
wgSeparatorTransformTable=["", ""],
+
−
wgDigitTransformTable=["", ""],
+
−
wgMainPageTitle="Main Page",
+
−
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
+
−
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
+
−
wgSiteName="2014.igem.org",
+
−
wgCategories=[],
+
−
wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
+
−
wgDBname="2014_igem_org",
+
−
wgSearchNamespaces=[0],
+
−
wgMWSuggestMessages=["with suggestions", "no suggestions"],
+
−
wgRestrictionEdit=[],
+
−
wgRestrictionMove=[],
+
−
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
+
−
</script>              
+
−
<script type="text/javascript" src="./Team_Rutgers - 2014.igem.org_files/wikibits.js"><!-- wikibits js --></script>
+
−
<!-- Head Scripts -->
+
−
<script src="./Team_Rutgers - 2014.igem.org_files/ajax.js"></script>
+
−
<script src="./Team_Rutgers - 2014.igem.org_files/ajaxwatch.js"></script>
+
−
<script src="./Team_Rutgers - 2014.igem.org_files/mwsuggest.js"></script>
+
−
<script type="text/javascript" src="./Team_Rutgers - 2014.igem.org_files/index.php"><!-- site js --></script>
+
−
<!-- jQuery Javascript -->
+
−
<script type="text/javascript" src="./Team_Rutgers - 2014.igem.org_files/jquery-latest.min.js"></script>
+
−
<script type="text/javascript" src="./Team_Rutgers - 2014.igem.org_files/jquery.tablesorter.min.js"></script>
+
−
        <link rel="stylesheet" type="text/css" href="./Team_Rutgers - 2014.igem.org_files/style.css">
+
−
        <link rel="stylesheet" type="text/css" href="./Team_Rutgers - 2014.igem.org_files/table_styles.css">
+
−
        <link rel="stylesheet" type="text/css" href="./Team_Rutgers - 2014.igem.org_files/forum_styles.css">
+
−
<script type="text/javascript" src="./Team_Rutgers - 2014.igem.org_files/forum_scripts.js"></script>
+
−
</head>
+
  
−
<body class="mediawiki  ltr ns-0 ns-subject page-Team_Rutgers">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Montserrat?action=raw&amp;ctype=text/css" />
−
  <div id="globalWrapper">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Open-Sans?action=raw&amp;ctype=text/css" />
  
−
    <div id="top-section">
+
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
−
<div id="p-logo">
+
−
    <a href="https://2014.igem.org/Main_Page" title="Main Page">
+
−
    <img src="./Team_Rutgers - 2014.igem.org_files/wiki.png">"
+
−
    </a>
+
−
</div>  <!-- end p-logo -->
+
−
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
  
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
  
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
  
−
<div id="menubar" class="left-menu noprint">
+
action=raw&amp;ctype=text/css" />
−
  <ul>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
−
                  <li class="selected"><a href="./Team_Rutgers - 2014.igem.org_files/Team_Rutgers - 2014.igem.org.html">Page              </a></li>
+
−
              <li class="new"><a href="https://2014.igem.org/wiki/index.php?title=Talk:Team:Rutgers&action=edit&redlink=1">Discussion              </a></li>
+
−
              <li><a href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&action=edit">Edit              </a></li>
+
−
              <li><a href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&action=history">History              </a></li>
+
−
              <li><a href="https://2014.igem.org/Special:MovePage/Team:Rutgers">Move              </a></li>
+
−
              <li><a href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&action=watch">Watch              </a></li>
+
−
              <li style="color:white;cursor:default">teams</li>
+
−
  </ul>
+
−
</div> <!-- end menubar (left) -->
+
  
−
<div class="right-menu noprint" id="menubar">
+
action=raw&amp;ctype=text/css" />
−
    <ul>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
−
                <li id="pt-userpage"><a href="https://2014.igem.org/User:Huangxl" title="Your user page [.]" accesskey="." class="new">Huangxl</a></li>                              <li id="pt-preferences"><a href="https://igem.org/User_Information" title="My account">My account</a></li>
+
−
                          <li id="pt-logout"><a href="https://2014.igem.org/wiki/index.php?title=Special:UserLogout&returnto=Team:Rutgers" title="Log out">Log out</a></li>     </ul>
+
−
</div><!-- end right menubar -->
+
  
−
<div id="search-controls" class="noprint">
+
action=raw&amp;ctype=text/css" />
−
<form action="https://2014.igem.org/Special:Search" id="searchform">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
−
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [alt-f]" accesskey="f" value="" autocomplete="off">
+
−
<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:Rutgers</h1>
+
−
<div id="bodyContent">
+
−
<h3 id="siteSub" class="noprint">From 2014.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>
+
  
−
<style type="text/css">
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
action=raw&amp;ctype=text/css" />
  
−
.firstHeading {
+
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
−
width: 975px;  
+
−
margin: 0px auto;
+
−
padding-top: 100px;
+
−
margin-bottom: 20px;
+
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
  
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
<script type="text/javascript"  
  
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-1-8-3-min?action=raw&amp;ctype=text/javascript"></script>
−
background-color: #383838;
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
−
border: 0 none;
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-scrolltofixed?action=raw&amp;ctype=text/javascript"></script>
−
height: 14px;
+
<script type="text/javascript"
−
z-index: 100;
+
−
top: 0;
+
−
position: fixed;
+
−
width: 975px;
+
−
left: 50%;
+
−
margin-left: -487px;
+
−
}
+
  
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-easing-1-3?action=raw&amp;ctype=text/javascript"></script>
−
background-color: #383838;
+
<script type="text/javascript"
−
height: 14px;
+
−
display: block;
+
−
z-index: 10;
+
−
position: fixed;
+
−
width: 100%;
+
−
top: 0;
+
−
}
+
  
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-isotope?action=raw&amp;ctype=text/javascript"></script>
−
color: #727272;  
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/wow?action=raw&amp;ctype=text/javascript"></script>
−
text-decoration: none;  
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/classie?action=raw&amp;ctype=text/javascript"></script>
−
background-color: transparent;
+
−
}
+
  
−
body {
 
−
background-color: #fff;
 
−
}
 
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<!--[if lt IE 9]>
−
width: 100%;
+
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/respond-1-1-0-min?action=raw&amp;ctype=text/javascript"></script>
−
height: 100%;
+
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5shiv?action=raw&amp;ctype=text/javascript"></script>
−
border: 0px;
+
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5element?action=raw&amp;ctype=text/javascript"></script>
−
background-color: transparent;
+
<![endif]-->
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
  
−
html, body, .wrapper { /*-- changes default wiki settings --*/
 
−
width: 100%;
 
−
height: 100%;
 
−
background-color: transparent;
 
−
}
 
  
−
#contentcontainer { /*-- creates container for all content on page --*/
+
</head>
−
font-family: Arial, Helvetica, sans-serif;
+
<body>
−
font-weight: normal;  
+
<div style="overflow:hidden;">
−
font-size: 14px;
+
−
color: #414141;
+
−
width: 960px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
background-color: #transparent;
+
−
margin-top: 0px;
+
−
}
+
  
−
.sidemenu, .sidemenu li {
 
−
list-style-type: none;
 
−
list-style-image: none;
 
−
font-family: verdana;
 
−
text-decoration: none;
 
−
color:#000;
 
−
font-size: 14px;
 
−
}
 
  
−
.sidemenu li {display: block;}
 
  
−
.sidemenu a {
 
−
text-decoration:none;
 
−
color: #000;
 
−
display: block;
 
−
width: 180px;
 
−
height: 100%;
 
−
padding: 3px 5px;
 
−
transition: .25s ease-in-out;
 
−
-moz-transition: .25s ease-in-out;
 
−
-webkit-transition: .25s ease-in-out;
 
−
}
 
  
−
.sidemenu a.greyout { color: #909090; }
+
<header class="header" id="header"><!--header-start-->
 +
<div class="container">
 +
    <figure class="logo animated fadeInDown delay-07s">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b7/FAFU-CHINA_Silencer_new.png" alt=""></a>
 +
        </figure>
 +
        <h1 class="animated fadeInDown delay-07s">Welcome to FAFU-CHINA iGEM</h1>
 +
        <ul class="we-create animated fadeInUp delay-1s">
 +
        <li style=“color:#ffffff;font-size:36px;”>CSBV.Silencer</li>
 +
        </ul>
 +
        <br>
 +
            <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
 +
    </div>
 +
</div>
 +
</header><!--header-end-->
  
−
.sidemenu a:hover {
 
−
color:#666;
 
−
background-color: #d9f5aa;
 
−
}
 
  
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
−
.sub-sidemenu a {color: #666;}
+
<div class="container">
 +
        <ul class="main-nav">
 +
        <li><a href="#header">Home</a></li>
 +
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Attributions">Attributions</a></li>
 +
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
 +
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Practices ">Human practice</a></li>
 +
                <li class="small-logo"><a href="https://2015.igem.org/Team:FAFU-CHINA"><img src="https://static.igem.org/mediawiki/2015/1/13/Fafu_small_logo.png" alt=""></a></li>
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Project">Project</a></li>
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">Safety</a></li>
 +
         
 +
         
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
 +
        </ul>
 +
<a class="res-nav_click" href="#"><i class="fa-bars">BACK TO HOME</i></a>
 +
    </div>
 +
</nav><!--main-nav-end-->
  
−
div.underconst
 
−
{
 
−
padding:10px;
 
−
border-radius:5px;
 
−
background-color:pink;
 
−
text-align:center;
 
−
}
 
  
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
 +
<div class="container">
 +
    <h2>&nbsp; &nbsp;&nbsp;Project</h2>
 +
      <div class="portfolioFilter"> 
 +
        <ul class="Portfolio-nav wow fadeIn delay-02s">
 +
        <li><a href="#" data-filter="*" class="current" >Back To Header</a></li>
 +
        </ul>
 +
      </div>
 +
       
 +
</div>
 +
    <div class="portfolioContainer wow fadeInUp delay-04s">
 +
            <div class=" Portfolio-box printdesign">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Design"><img src="https://static.igem.org/mediawiki/2015/9/9d/FAFU-CHINA_Small_logo_%283%29.jpg"
  
−
.contentpara {margin-bottom: 30px;}
+
alt=""></a>
 +
               
 +
                    <p>Design</p>
 +
                </div>
 +
                <div class="Portfolio-box webdesign">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Meeting"><img src="https://static.igem.org/mediawiki/2015/a/ab/FAFU-CHINA_Small_logo_1_%284%29.jpg"
  
−
span.email{font-family: monospace; font-weight: normal;}
+
alt=""></a>
 +
               
 +
                    <p>Meeting</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Notebook"><img src="https://static.igem.org/mediawiki/2015/e/e5/FAFU-CHINA_Small_logo_1_%285%29.jpg"
  
−
fieldset {border: 1px solid #337f53;}
+
alt=""></a>
 +
               
 +
                    <p>Notebook</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography" >
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Protocol"><img src="https://static.igem.org/mediawiki/2015/f/f4/FAFU-CHINA_Small_logo_1_%287%29.jpg"
  
−
.greyout {color: #A0A0A0;}
+
alt=""></a>
−
.highlightme {background-color: #FFFF00;}
+
               
 +
                    <p>Protocol</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Results"><img src="https://static.igem.org/mediawiki/2015/3/3e/FAFU-CHINA_Small_logo_1_%288%29.jpg"
  
−
#alertContainer { margin-bottom: 10px; width: 936px;}
+
alt=""></a>
−
#annContainer {margin-left: 8px;}
+
               
−
#newsContainer {border: 1px solid #ccc;}
+
                    <p>Result</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Project#Theory"><img src="https://static.igem.org/mediawiki/2015/4/42/FAFU-CHINA_Small_logo_1_%2811%29.jpg"
  
−
.newsTitle {
+
alt=""></a>
−
display: block;
+
               
−
color: #414141;
+
                    <p>Theory</p>
−
font-size: 25px; 
+
                </div>
−
        font-family: Georgia, Times, "Times New Roman", serif;
+
    </div>
−
padding: 10px 15px 5px 10px;
+
</section><!--main-section-end-->
−
border-bottom: 1px solid #ccc;
+
−
margin-bottom: 0px;
+
−
}
+
  
−
.newsItem {
+
<section class="main-section" id="service"><!--main-section-start-->
−
border-bottom: 1px solid #ccc;
+
<div class="container">
−
display: block;
+
            <div class="row">
−
padding: 5px 15px 0px 10px;
+
              <div class="col-lg-12 col-sm-12 wow fadeInLeft delay-05s">
−
margin-bottom: 0px;
+
                          <h2>Safety & Part</h2>
−
}
+
                </div>
 +
              </div>
 +
        <div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
 +
            <div class="service-list">
 +
                <div class="service-list-col1">
 +
                    <i class="fa-paw"></i>
 +
                    </div>
 +
                <div class="service-list-col2">
 +
                        <h2>safety</h2>
 +
                        <p>Bio-safety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the bio-safety in laboratory settings, as well as strict guidelines to follow. </p>
 +
                        <br>
 +
                        <a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">MORE</a>
 +
                        <br>
 +
                        <h1> Organisms we used :</h1>
 +
                    </div>
 +
                </div>
 +
                            </div>
 +
            <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/45/Fafu_safety.png" alt="">
 +
            </figure>
 +
       
 +
        </div>
 +
</div>
 +
</section><!--main-section-end-->
  
−
.newsItem h3 {
 
−
width: auto;
 
−
display: inline;
 
−
font-size: 14px;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
padding: 0px;
 
−
margin: 0px;
 
−
}
 
  
−
.newsItem img {
 
−
float: right;
 
−
clear: right;
 
−
width: 80px;
 
−
padding-left: 15px;
 
−
display: inline-block;
 
−
}
 
  
−
.newsItem .newsDate {
+
<section class="main-section alabaster"><!--main-section alabaster-start-->
−
font-style: italic;
+
<div class="container">
−
font-size: 14px;
+
    <div class="row">
−
display: inline-block;
+
−
color: #999;
+
−
float: right;
+
−
padding: 0px 0px 10px 15px;
+
−
}
+
  
−
.newsItem p, .newsItem ul, .newsItem li {
+
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
−
padding: 0px;
+
            <img  src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_improvement_part.png"
−
margin-left: 20px;
+
−
font-size: 12px;
+
−
line-height: 1.2;
+
−
}
+
  
−
.newsItem p {margin-top: 10px;}
+
alt="">
 +
            </figure>
 +
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 +
            <img  src="https://static.igem.org/mediawiki/2015/3/34/FAFU-CHINA_NEW_PART.png" alt="">
 +
            </figure></p>
  
−
.annItem {
+
        </div>
−
border: 2px solid #414141;
+
</div>
−
display: block;
+
</section><!--main-section alabaster-end-->
−
padding: 0px 15px 10px 10px;
+
−
margin-bottom: 18px;
+
−
position: relative;
+
−
height: 160px;
+
−
vertical-align: middle;
+
−
}
+
  
−
.annItem .annCentered {
 
−
display: table-cell;
 
−
vertical-align: middle;
 
−
height: 160px;
 
−
}
 
  
−
.annCentered h3 {
 
−
padding: 0px;
 
−
display: block;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
text-align: center;
 
−
}
 
  
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
−
.annItem li {list-style: none; margin: 5px}
 
  
 +
<!------------------此处移除1-------------->
  
 +
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
 +
<div class="container">
  
 +
    <div class="row">
 +
        <div class="col-lg-12">
 +
            <a href=" https://2015.igem.org/Team:FAFU-CHINA/Attributions"><p class="client-part-haead wow fadeInDown delay-05">Without everyone's participation,our igem team would still be a plan....</p></a>
 +
          </div>
 +
          </div>
 +
<style>
 +
p1{color:white;}
 
</style>
 
</style>
 +
    <ul class="client wow fadeIn delay-05s">
 +
        <li><a href="#">
 +
            <img src="https://static.igem.org/mediawiki/2015/a/a4/Fafu_aaa.jpg" alt="">
 +
                <h1><p1>ATTRIBUTIONS</p1></h1>
 +
            </a></li>
 +
        </ul>
 +
    </div>
 +
</section><!--main-section client-part-end-->
 +
<div class="c-logo-part"><!--c-logo-part-start-->
 +
<div class="container">
 +
    <ul>
  
 +
    </ul>
 +
</div>
 +
</div><!--c-logo-part-end-->
 +
<section class="main-section team" id="team"><!--main-section team-start-->
 +
<div class="container">
 +
        <div class="rightbxti"><a href="https://2015.igem.org/Team:FAFU-CHINA/Team"><h2>Team</h2></a></div>
  
  
 +
        <div class="team-leader-block clearfix">
 +
          <div style="border-left:400px;" class="team-leader-box">
 +
                <div style="border-left:400px;" class="team-leader wow fadeInDown delay-09s">
 +
                    <div style="border-left:400px;" class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/7d/FAFU-CHINA_Team_members_%2811%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Xiaolei Huang</h3>
 +
                <span class="wow fadeInDown delay-09s">Instructor</span>
 +
          </div>
  
 +
<!-->
 +
        </div>
 +
        <div class="team-leader-block clearfix">
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/93/FAFU-CHINA_Team_members_%2815%29.png " alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Zujian Wu</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
  
 +
            </div>
 +
         
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/a/ab/FAFU-CHINA_Team_members_%2814%29.png " alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Taiyun Wei</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
  
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/21/FAFU-CHINA_Team_members_%2813%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Bingfeng Zhou</h3>
 +
                <span class="wow fadeInDown delay-06s">Advisor</span>
  
−
<style type="text/css">
+
            </div>
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/05/FAFU-CHINA_Team_members_%285%29.png "">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Penny</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
  
−
.firstHeading {
+
            </div>
−
width: 975px;
+
            <div class="team-leader-box">
−
margin: 0px auto;
+
                <div class="team-leader  wow fadeInDown delay-06s">
−
padding-top: 100px;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
margin-bottom: 20px;
+
                    <img src="https://static.igem.org/mediawiki/2015/0/02/FAFU-CHINA_Team_members_%2816%29.jpg" alt="">
−
font-family: Georgia, Times, "Times New Roman", serif;
+
                    <ul>
−
}
+
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Wenxu Wu</h3>
 +
                <span class="wow fadeInDown delay-06s">Web Advisor</span>
  
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-09s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/0d/FAFU-CHINA_Team_members_%2812%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Mucheng Cai</h3>
 +
                <span class="wow fadeInDown delay-09s">Dry Lab</span>
  
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
            </div>
−
background-color: #383838;
+
        </div>
−
border: 0 none;
+
        <div class="team-leader-block clearfix">
−
height: 14px;
+
            <div class="team-leader-box">
−
z-index: 100;
+
                <div class="team-leader wow fadeInDown delay-03s">
−
top: 0;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
position: fixed;
+
                    <img src="https://static.igem.org/mediawiki/2015/9/91/FAFU-CHINA_Team_members_%280%29.png" alt="">
−
width: 975px;
+
                    <ul>
−
left: 50%;
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
margin-left: -487px;
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
}
+
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Ruicheng Dai</h3>
 +
                <span class="wow fadeInDown delay-03s">Captain </span>
  
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
            </div>
−
background-color: #383838;
+
            <div class="team-leader-box">
−
height: 14px;
+
                <div class="team-leader  wow fadeInDown delay-06s">
−
display: block;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
z-index: 10;
+
                    <img src="https://static.igem.org/mediawiki/2015/e/e1/FAFU-CHINA_Team_members_%288%29.jpg" alt="">
−
position: fixed;
+
                    <ul>
−
width: 100%;
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
top: 0;
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
}
+
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Changlong Lu</h3>
 +
                <span class="wow fadeInDown delay-06s">Experiment Designer</span>
  
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
            </div>            <div class="team-leader-box">
−
color: #727272;
+
                <div class="team-leader wow fadeInDown delay-09s">
−
text-decoration: none;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
background-color: transparent;
+
                    <img src="https://static.igem.org/mediawiki/2015/3/39/FAFU-CHINA_Team_members_%282%29.jpg" alt="">
−
}
+
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Junhao Lu</h3>
 +
                <span class="wow fadeInDown delay-09s">Vice-Captain</span>
  
−
body {
+
            </div>
−
background-color: #fff;
+
        </div>
−
}
+
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
        <div class="team-leader-block clearfix">
−
width: 100%;
+
            <div class="team-leader-box">
−
height: 100%;
+
                <div class="team-leader wow fadeInDown delay-03s">
−
border: 0px;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
background-color: transparent;
+
                    <img src="https://static.igem.org/mediawiki/2015/0/06/FAFU-CHINA_Team_members_%283%29.jpg" alt="">
−
margin: 0px;
+
                    <ul>
−
padding: 0px;
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
}
+
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Zhili Lai</h3>
 +
                <span class="wow fadeInDown delay-03s">Lecturer</span>
  
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
            </div>
−
width: 100%;
+
            <div class="team-leader-box">
−
height: 100%;
+
                <div class="team-leader  wow fadeInDown delay-06s">
−
background-color: transparent;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
}
+
                    <img src="https://static.igem.org/mediawiki/2015/9/9f/FAFU-CHINA_Team_members_%286%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">LIANGDI CHEN</h3>
 +
                <span class="wow fadeInDown delay-06s">Web Designer</span>
  
−
#contentcontainer { /*-- creates container for all content on page --*/
+
            </div>
−
font-family: Arial, Helvetica, sans-serif;
+
            <div class="team-leader-box">
−
font-weight: normal;
+
                <div class="team-leader wow fadeInDown delay-09s">
−
font-size: 14px;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
color: #414141;
+
                    <img src="https://static.igem.org/mediawiki/2015/5/56/FAFU-CHINA_Team_members_%281%29.jpg" alt="">
−
width: 960px;
+
                    <ul>
−
margin-left: auto;
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
margin-right: auto;
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
background-color: #transparent;
+
                        <li><a href="#" class="fa-pinterest"></a></li>
−
margin-top: 0px;
+
                        <li><a href="#" class="fa-google-plus"></a></li>
−
}
+
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Tengzhou Huang</h3>
 +
                <span class="wow fadeInDown delay-09s">Dry Lab</span>
  
−
.sidemenu, .sidemenu li {
+
            </div>
−
list-style-type: none;
+
        </div>
−
list-style-image: none;
+
                <div class="team-leader-block clearfix">
−
font-family: verdana;
+
            <div class="team-leader-box">
−
text-decoration: none;
+
                <div class="team-leader wow fadeInDown delay-03s">
−
color:#000;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
font-size: 14px;
+
                    <img src="https://static.igem.org/mediawiki/2015/9/9c/FAFU-CHINA_Team_members_%2810%29.jpg" alt="">
−
}
+
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Zirui Cheng</h3>
 +
                <span class="wow fadeInDown delay-03s">Dry Lab</span>
  
−
.sidemenu li {display: block;}
+
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/96/FAFU-CHINA_Team_members_%289%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Yifan Tang</h3>
 +
                <span class="wow fadeInDown delay-06s">Dry Lab</span>
  
−
.sidemenu a {
+
            </div>
−
text-decoration:none;
+
            <div class="team-leader-box">
−
color: #000;
+
                <div class="team-leader wow fadeInDown delay-09s">
−
display: block;
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
width: 180px;
+
                    <img src="https://static.igem.org/mediawiki/2015/f/f3/FAFU-CHINA_Team_members_%287%29.jpg" alt="">
−
height: 100%;
+
                    <ul>
−
padding: 3px 5px;
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
transition: .25s ease-in-out;
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
-moz-transition: .25s ease-in-out;
+
                        <li><a href="#" class="fa-pinterest"></a></li>
−
-webkit-transition: .25s ease-in-out;
+
                        <li><a href="#" class="fa-google-plus"></a></li>
−
}
+
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Tong Tong</h3>
 +
                <span class="wow fadeInDown delay-09s">Data Analyst</span>
  
−
.sidemenu a.greyout { color: #909090; }
+
            </div>
 +
        </div>
 +
    </div>
 +
</section><!--main-section team-end-->
  
−
.sidemenu a:hover {
 
−
color:#666;
 
−
background-color: #d9f5aa;
 
−
}
 
  
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
−
.sub-sidemenu a {color: #666;}
 
  
−
div.underconst
+
<section class="business-talking"><!--business-talking-start-->
−
{
+
<div class="container">
−
padding:10px;
+
        <h2>Human practice</h2>
−
border-radius:5px;
+
    </div>
−
background-color:pink;
+
</section><!--business-talking-end-->
−
text-align:center;
+
<div class="container">
−
}
+
<section class="main-section contact" id="contact">
 +
 +
        <div class="row">
 +
        <div class="col-lg-6 col-sm-7 wow fadeInLeft">
 +
            <div class="contact-info-box address clearfix">
 +
                <h2><i class=" icon-map-marker"></i>Description:</h2>
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Practices"><span>To remove the barrier between science and normal people’s life, It is our responsibility to lead people into the wonderland of science. This is a lofty ideal, and thousands of people in many fields have already been working for it for years. But this time, we need some innovations, perhaps some funs too.<br>Play is not only a simple process. We believe that play is actually a way of being, a way of learning, a way of doing science. So now If u ever watched the TED of Beau Lotto .  You’ll know that play provides everything you need in oder to be a scientist, and that is what motivates us. If we add rules to play, we have a game which is actually what project is. And who can be better than children to play? Then we tried to spread the idea that everyone has the potential to be scientist as long as being offered an opportunity. Instead of giving a dull lesson about biology, this year FAFU-China decided to teach children how to play correctly, how to play with principles from science, and finally they will find their own way to science.... </span></a><br>Contact us:<br>Email:tripletau@126.com<br>Zipcode:350000
 +
                </div>
  
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
            </div>
 +
        <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
 +
            <img  src="https://static.igem.org/mediawiki/2015/8/85/Fafu_hz.jpg" style="width:800px;height:500px;" />
 +
                </div>
 +
            </div>
 +
        </div>
 +
</section>
 +
</div>
 +
<footer class="footer">
 +
    <div class="container">
 +
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/ba/FAFU-CHINA_Dunk0.png" alt=""></a><span><font color="#FFFFFF">Fuzhou Dunk Internet Technology Corporation</font></span>
  
−
.contentpara {margin-bottom: 30px;}
+
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/f/f3/FAFU-CHINA_Fanshu_park0.png" alt=""></a><span><font color="#FFFFFF">FUNSHU PARK</font></span>
  
−
span.email{font-family: monospace; font-weight: normal;}
+
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/bb/FAFU-CHINA_school_logo.png" alt=""></a>
 +
      <span style="
 +
    width:15%;display:inline-block;">
 +
    <font color="#FFFFFF">Fujian Agriculture and Forestry University</font>
 +
       
 +
    </div>
 +
</footer>
  
−
fieldset {border: 1px solid #337f53;}
 
−
 
−
.greyout {color: #A0A0A0;}
 
−
.highlightme {background-color: #FFFF00;}
 
−
 
−
#alertContainer { margin-bottom: 10px; width: 936px;}
 
−
#annContainer {margin-left: 8px;}
 
−
#newsContainer {border: 1px solid #ccc;}
 
−
 
−
.newsTitle {
 
−
display: block;
 
−
color: #414141;
 
−
font-size: 25px; 
 
−
        font-family: Georgia, Times, "Times New Roman", serif;
 
−
padding: 10px 15px 5px 10px;
 
−
border-bottom: 1px solid #ccc;
 
−
margin-bottom: 0px;
 
−
}
 
−
 
−
.newsItem {
 
−
border-bottom: 1px solid #ccc;
 
−
display: block;
 
−
padding: 5px 15px 0px 10px;
 
−
margin-bottom: 0px;
 
−
}
 
−
 
−
.newsItem h3 {
 
−
width: auto;
 
−
display: inline;
 
−
font-size: 14px;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
padding: 0px;
 
−
margin: 0px;
 
−
}
 
−
 
−
.newsItem img {
 
−
float: right;
 
−
clear: right;
 
−
width: 80px;
 
−
padding-left: 15px;
 
−
display: inline-block;
 
−
}
 
−
 
−
.newsItem .newsDate {
 
−
font-style: italic;
 
−
font-size: 14px;
 
−
display: inline-block;
 
−
color: #999;
 
−
float: right;
 
−
padding: 0px 0px 10px 15px;
 
−
}
 
−
 
−
.newsItem p, .newsItem ul, .newsItem li {
 
−
padding: 0px;
 
−
margin-left: 20px;
 
−
font-size: 12px;
 
−
line-height: 1.2;
 
−
}
 
−
 
−
.newsItem p {margin-top: 10px;}
 
−
 
−
.annItem {
 
−
border: 2px solid #414141;
 
−
display: block;
 
−
padding: 0px 15px 10px 10px;
 
−
margin-bottom: 18px;
 
−
position: relative;
 
−
height: 160px;
 
−
vertical-align: middle;
 
−
}
 
−
 
−
.annItem .annCentered {
 
−
display: table-cell;
 
−
vertical-align: middle;
 
−
height: 160px;
 
−
}
 
−
 
−
.annCentered h3 {
 
−
padding: 0px;
 
−
display: block;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
text-align: center;
 
−
}
 
−
 
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
−
.annItem li {list-style: none; margin: 5px}
 
−
 
−
 
−
 
−
</style>
 
  
 +
<script type="text/javascript">
 +
    $(document).ready(function(e) {
 +
        $('#test').scrollToFixed();
 +
        $('.res-nav_click').click(function(){
 +
            $('.main-nav').slideToggle();
 +
            return false   
 +
           
 +
        });
 +
       
 +
    });
 +
</script>
  
 +
  <script>
 +
    wow = new WOW(
 +
      {
 +
        animateClass: 'animated',
 +
        offset:      100
 +
      }
 +
    );
 +
    wow.init();
 +
    document.getElementById('').onclick = function() {
 +
      var section = document.createElement('section');
 +
      section.className = 'wow fadeInDown';
 +
      this.parentNode.insertBefore(section, this);
 +
    };
 +
  </script>
  
  
 +
<script type="text/javascript">
 +
$(window).load(function(){
 +
 +
$('.main-nav li a').bind('click',function(event){
 +
var $anchor = $(this);
 +
 +
$('html, body').stop().animate({
 +
scrollTop: $($anchor.attr('href')).offset().top - 102
 +
}, 1500,'easeInOutExpo');
 +
/*
 +
if you don't want to use the easing effects:
 +
$('html, body').stop().animate({
 +
scrollTop: $($anchor.attr('href')).offset().top
 +
}, 1000);
 +
*/
 +
event.preventDefault();
 +
});
 +
})
 +
</script>
  
 +
<script type="text/javascript">
  
 +
$(window).load(function(){
 +
 
 +
 
 +
  var $container = $('.portfolioContainer'),
 +
      $body = $('body'),
 +
      colW = 375,
 +
      columns = null;
  
 +
 
 +
  $container.isotope({
 +
    // disable window resizing
 +
    resizable: true,
 +
    masonry: {
 +
      columnWidth: colW
 +
    }
 +
  });
 +
 
 +
  $(window).smartresize(function(){
 +
    // check if columns has changed
 +
    var currentColumns = Math.floor( ( $body.width() -30 ) / colW );
 +
    if ( currentColumns !== columns ) {
 +
      // set new column count
 +
      columns = currentColumns;
 +
      // apply width to container manually, then trigger relayout
 +
      $container.width( columns * colW )
 +
        .isotope('reLayout');
 +
    }
 +
   
 +
  }).smartresize(); // trigger resize to set container width
 +
  $('.portfolioFilter a').click(function(){
 +
        $('.portfolioFilter .current').removeClass('current');
 +
        $(this).addClass('current');
 +
 +
        var selector = $(this).attr('data-filter');
 +
        $container.isotope({
 +
 +
            filter: selector,
 +
        });
 +
        return false;
 +
    });
 +
 
 +
});
  
 +
</script>
 
<style>
 
<style>
−
 
+
.firstHeading
−
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
+
{
−
.clearfix:before, .clearfix:after { content: ''; display: table; }
+
  display:none;
−
.clearfix:after { clear: both; }
+
−
 
+
−
.container {
+
−
background: white;
+
−
width: 974px;
+
−
margin: 0 auto;
+
−
margin-bottom: 100px;
+
 
}
 
}
−
 
+
.team-leader
−
body {
+
{
−
min-width: 960px;
+
  width:60%;
−
/*background-image: url("https://static.igem.org/mediawiki/2014/7/74/Rutgers_stripes.png");*/
+
  margin-left:18%;
−
/*background-image: url("https://static.igem.org/mediawiki/2014/6/69/Rutgers_bg_hoffman.png");*/
+
−
background-image: url("https://static.igem.org/mediawiki/2014/5/5d/Rutgers_bg_hoffman2.png");
+
−
font-weight: 400 !important;
+
−
font-family: Arial, Helvetica, sans-serif;
+
 
}
 
}
−
 
+
.main-nav li > a
−
a {
+
{
−
color: black;
+
  margin: 17px 9px;
−
text-decoration: none !important;
+
−
outline: none;
+
−
}
+
−
 
+
−
a:hover, a:focus {
+
−
color: #74777b;
+
−
}
+
−
 
+
−
/*section {
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
}*/
+
−
 
+
−
h2 {
+
−
display:inline-block;
+
−
padding-left: 20px;
+
−
padding-right: 20px;
+
−
border-bottom: 1px dotted black;
+
−
font-family: Arial, Helvetica, sans-serif !important;
+
−
}
+
−
 
+
−
iframe {
+
−
border: 1px dotted black;
+
−
margin: 0px;
+
−
}
+
−
 
+
−
section ul.reglist {
+
−
list-style-type: circle !important;
+
−
margin-left: 25px;
+
−
}
+
−
 
+
−
section ul.reglist li {
+
−
list-style-type: circle !important;
+
−
text-align: justify !important;
+
−
text-justify: inter-word !important;
+
−
font-size: 16px !important;
+
−
 
+
−
padding-right: 25px;
+
−
line-height: 110%;
+
−
}
+
−
 
+
−
table.dotted p {
+
−
text-align: justify !important;
+
−
text-justify: inter-word !important;
+
−
font-size: 16px !important;
+
−
line-height: 110%;
+
−
}
+
−
 
+
−
section .fp {
+
−
width: 750px;
+
−
margin: 0 auto;
+
−
}
+
−
section .fp p {
+
−
text-align: justify !important;
+
−
text-justify: inter-word !important;
+
−
font-size: 16px !important;
+
−
line-height: 110%;
+
−
padding-bottom: 10px;
+
−
}
+
−
 
+
−
table {
+
−
margin: 0 auto !important;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
table.dotted img {
+
−
display: block;
+
−
margin: 0 auto; /* !important;*/
+
−
}
+
−
 
+
−
table.dotted th {
+
−
background: gray;
+
−
border: 1px solid black !important;
+
−
}
+
−
 
+
−
table.dotted td {
+
−
border: 1px dotted black !important;
+
−
vertical-align: top;
+
−
}
+
−
 
+
−
table.abstract td {
+
−
width: 700px;
+
−
padding: 0 0px 25px 0px !important;
+
−
}
+
−
 
+
−
table.parts td {
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
table.accomp td {
+
−
width: 430px;
+
−
padding: 0 0px 25px 0px !important;
+
−
}
+
−
table.accomp td img {
+
−
width: 250px;
+
−
}
+
−
 
+
−
table.attrib td {
+
−
width: 700px;
+
−
padding: 10px !important;
+
−
text-align: left;
+
−
}
+
−
table.attrib td img {
+
−
float: left;
+
−
margin: 10px;
+
−
}
+
−
table.attrib td p {
+
−
padding: 10px;
+
−
}
+
−
 
+
−
/*.h2wide h2 {
+
−
display: inline-block;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
height: 34px;
+
−
padding: 0;
+
−
margin: 25px auto;
+
−
}
+
−
.h2wide {
+
−
}
+
−
.h2left {
+
−
display: inline-block;
+
−
width: 0;
+
−
height: 0;
+
−
border-top: 3px solid transparent;
+
−
border-right: 150px solid red;
+
−
-webkit-filter: drop-shadow(0 0 1px red);
+
−
filter: drop-shadow(0 0 1px red);
+
−
}
+
−
.h2right {
+
−
display: inline-block;
+
−
width: 0;
+
−
height: 0;
+
−
border-top: 3px solid transparent;
+
−
border-left: 150px solid red;
+
−
-webkit-filter: drop-shadow(0 0 1px red);
+
−
filter: drop-shadow(0 0 1px red);
+
−
}*/
+
−
 
+
−
.no-flexbox .support {
+
−
display: block;
+
−
}
+
−
 
+
−
.container > section {
+
−
/*padding: 5em 0;*/
+
−
font-size: 16px; /* (was 1.25em) */
+
−
min-height: 100%;
+
−
}
+
−
 
+
−
img.RU_logo {
+
−
width: 600px;
+
−
display: block;
+
−
margin: 10px auto;
+
−
margin-bottom: 0;
+
−
}
+
−
 
+
−
img.iGEM_logo {
+
−
margin: 5px 0 0 40px;
+
−
}
+
−
 
+
−
img.down_arrow {
+
−
display: block;
+
−
margin: 40px auto;
+
−
}
+
−
 
+
−
/* Nav */
+
−
 
+
−
.tabs {
+
−
position: relative;
+
−
/*overflow: hidden;*/
+
−
margin: 0 auto;
+
−
width: 100%;
+
−
font-weight: 300;
+
−
font-size: 1.25em;
+
−
}
+
−
 
+
−
.tabs nav {
+
−
text-align: center;
+
−
/*margin-bottom: 30px;*/
+
−
}
+
−
 
+
−
.tabs nav ul {
+
−
position: relative;
+
−
display: -ms-flexbox;
+
−
display: -webkit-flex;
+
−
display: -moz-flex;
+
−
display: -ms-flex;
+
−
display: flex;
+
−
margin: 0 auto;
+
−
padding: 0;
+
−
max-width: 1200px;
+
−
list-style: none;
+
−
-ms-box-orient: horizontal;
+
−
-ms-box-pack: center;
+
−
-webkit-flex-flow: row wrap;
+
−
-moz-flex-flow: row wrap;
+
−
-ms-flex-flow: row wrap;
+
−
flex-flow: row wrap;
+
−
-webkit-justify-content: center;
+
−
-moz-justify-content: center;
+
−
-ms-justify-content: center;
+
−
justify-content: center;
+
−
}
+
−
 
+
−
.tabs nav ul li {
+
−
position: relative;
+
−
z-index: 1;
+
−
display: block;
+
−
margin: 0;
+
−
text-align: center;
+
−
-webkit-flex: 1;
+
−
-moz-flex: 1;
+
−
-ms-flex: 1;
+
−
flex: 1;
+
−
}
+
−
 
+
−
.tabs nav a {
+
−
position: relative;
+
−
display: block;
+
−
overflow: hidden;
+
−
text-overflow: ellipsis;
+
−
white-space: nowrap;
+
−
line-height: 2.5;
+
−
}
+
−
 
+
−
.tabs nav a span {
+
−
vertical-align: middle;
+
−
font-size: 1em;
+
−
}
+
−
 
+
−
.tabs nav li.tab-current a {
+
−
color: black;
+
−
}
+
−
 
+
−
.tabs nav a:focus {
+
−
outline: none;
+
−
}
+
−
 
+
−
/* nav list elements */
+
−
 
+
−
.tabs-style-circlefill {
+
−
max-width: 960px;
+
−
/*border: 0px solid #2CC185;*/
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav {
+
−
padding: 0px 50px;
+
−
/*border: 1px solid #C5C5C5;*/
+
−
/*border: 1px solid red;
+
−
border-style: solid none;*/
+
−
-webkit-box-shadow: 0px -5px 5px -5px rgba(255,0,0,1), 0px 5px 5px -5px rgba(255,0,0,1);
+
−
-moz-box-shadow: 0px -5px 5px -5px rgba(255,0,0,1), 0px 5px 5px -5px rgba(255,0,0,1);
+
−
box-shadow: 0px -5px 5px -5px rgba(255,0,0,1), 0px 5px 5px -5px rgba(255,0,0,1);
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav ul li {
+
−
overflow: hidden;
+
−
margin: 0px;
+
−
/*border-right: 1px solid lightgray;*/
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li a {
+
−
/*padding: 1.5em 0;*/
+
−
color: black;
+
−
font-size: 1em;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li:first-child {
+
−
border-left: none;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li:last-child {
+
−
border: none;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li::before {
+
−
position: absolute;
+
−
top: 50%;
+
−
left: 50%;
+
−
margin: 0;
+
−
width: 0;
+
−
height: 0;
+
−
/*border: 10px solid black;*/
+
−
border-radius: 50%;
+
−
background: red;
+
−
content: '';
+
−
-webkit-transition: all 0.3s;
+
−
transition: all 0.3s;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li.tab-current::before {
+
−
margin: -100px 0 0 -100px;
+
−
height: 200px;
+
−
width: 200px;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav a {
+
−
-webkit-transition: color 0.3s;
+
−
transition: color 0.3s;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav a span {
+
−
/*display: none;*/
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li.tab-current a {
+
−
color: #fff;
+
−
}
+
−
 
+
−
.tabs-style-circlefill .icon::before {
+
−
display: block;
+
−
margin: 0;
+
−
pointer-events: none;
+
−
}
+
−
 
+
−
.tabs-style-circlefill .content-wrap {
+
−
/*border-top: 1px solid #2CC185;*/
+
−
overflow: hidden;
+
−
}
+
−
 
+
−
/* Content */
+
−
.content-wrap {
+
−
position: relative;
+
−
}
+
−
 
+
−
.content-wrap section {
+
−
display: none;
+
−
margin: 0 auto;
+
−
padding: 50px;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.content-wrap section.content-current {
+
−
display: block;
+
−
}
+
−
 
+
−
.content-wrap section table.picturetable {
+
−
text-align: center;
+
−
margin: 0 auto;
+
−
}
+
−
 
+
−
.content-wrap section table.picturetable td {
+
−
padding: 0 5px 20px 5px;
+
−
}
+
−
 
+
−
.content-wrap section table.picturetable img {
+
−
height: 130px;
+
−
}
+
−
 
+
−
.content-wrap section p {
+
−
margin: 0;
+
−
font-size: 12px;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.content-wrap section .thumbnail_container {
+
−
margin: 30px auto;
+
−
margin-top: 0;
+
−
display: inline-block;
+
−
}
+
−
 
+
−
.content-wrap section .thumbnail_container img {
+
−
margin: 5px;
+
−
height: 130px;
+
−
}
+
−
 
+
−
.content-wrap section .acknowledgements {
+
−
text-align: left;
+
−
font-size: 12px;
+
−
width: 500px;
+
−
margin: 0 auto;
+
−
}
+
−
 
+
−
 
+
−
/* Fallback */
+
−
.no-js .content-wrap section {
+
−
display: block;
+
−
padding-bottom: 2em;
+
−
border-bottom: 1px solid rgba(255,255,255,0.6);
+
−
}
+
−
 
+
−
.no-flexbox nav ul {
+
−
display: block;
+
−
}
+
−
 
+
−
.no-flexbox nav ul li {
+
−
min-width: 15%;
+
−
display: inline-block;
+
 
}
 
}
 
</style>
 
</style>
  
−
 
+
</body>
−
 
+
</html>
−
</p><p>
+
−
 
+
−
<style>
+
−
/* Thanks, Northwestern - https://2014.igem.org/Team:Northwestern/Templates/Reset */
+
−
 
+
−
/* Redesigning the topmenu */
+
−
/***************************/
+
−
 
+
−
#footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks,  #p-logo {
+
−
  display:none;
+
−
}
+
−
#bodyContent a[href ^="mailto:"],
+
−
.link-mailto {
+
−
    background: none;
+
−
    padding-right: 0;
+
−
}
+
−
#bodyContent a[href ^="https://"], .link-https {
+
−
    background: none;
+
−
    padding-right: 0;
+
−
}
+
−
#menubar {
+
−
margin-left: 0px;
+
−
background: none;
+
−
}
+
−
 
+
−
.right-menu li a, .left-menu li a {
+
−
color: white !important;
+
−
background-color: transparent;
+
−
font-size: 10px;
+
−
font-weight: bold;
+
−
}
+
−
.right-menu li a {
+
−
color: black !important;
+
−
}
+
−
 
+
−
.rright-menu li a:hover, .left-menu:hover a {
+
−
color: black !important;
+
−
}
+
−
 
+
−
#top-section {
+
−
height: 15px;
+
−
background: white;
+
−
}
+
−
 
+
−
#content {
+
−
width: 100%;
+
−
}
+
−
h1, h2, h3, h4, h5, h6 {
+
−
text-decoration: none;
+
−
border: none;
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<style>
+
−
 
+
−
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
+
−
.clearfix:before, .clearfix:after { content: ''; display: table; }
+
−
.clearfix:after { clear: both; }
+
−
 
+
−
.container {
+
−
background: white;
+
−
width: 974px;
+
−
margin: 0 auto;
+
−
margin-bottom: 100px;
+
−
}
+
−
 
+
−
body {
+
−
min-width: 960px;
+
−
/*background-image: url("https://static.igem.org/mediawiki/2014/7/74/Rutgers_stripes.png");*/
+
−
/*background-image: url("https://static.igem.org/mediawiki/2014/6/69/Rutgers_bg_hoffman.png");*/
+
−
background-image: url("https://static.igem.org/mediawiki/2014/5/5d/Rutgers_bg_hoffman2.png");
+
−
font-weight: 400 !important;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
}
+
−
 
+
−
a {
+
−
color: black;
+
−
text-decoration: none !important;
+
−
outline: none;
+
−
}
+
−
 
+
−
a:hover, a:focus {
+
−
color: #74777b;
+
−
}
+
−
 
+
−
/*section {
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
}*/
+
−
 
+
−
h2 {
+
−
display:inline-block;
+
−
padding-left: 20px;
+
−
padding-right: 20px;
+
−
border-bottom: 1px dotted black;
+
−
font-family: Arial, Helvetica, sans-serif !important;
+
−
}
+
−
 
+
−
iframe {
+
−
border: 1px dotted black;
+
−
margin: 0px;
+
−
}
+
−
 
+
−
section ul.reglist {
+
−
list-style-type: circle !important;
+
−
margin-left: 25px;
+
−
}
+
−
 
+
−
section ul.reglist li {
+
−
list-style-type: circle !important;
+
−
text-align: justify !important;
+
−
text-justify: inter-word !important;
+
−
font-size: 16px !important;
+
−
 
+
−
padding-right: 25px;
+
−
line-height: 110%;
+
−
}
+
−
 
+
−
table.dotted p {
+
−
text-align: justify !important;
+
−
text-justify: inter-word !important;
+
−
font-size: 16px !important;
+
−
line-height: 110%;
+
−
}
+
−
 
+
−
section .fp {
+
−
width: 750px;
+
−
margin: 0 auto;
+
−
}
+
−
section .fp p {
+
−
text-align: justify !important;
+
−
text-justify: inter-word !important;
+
−
font-size: 16px !important;
+
−
line-height: 110%;
+
−
padding-bottom: 10px;
+
−
}
+
−
 
+
−
table {
+
−
margin: 0 auto !important;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
table.dotted img {
+
−
display: block;
+
−
margin: 0 auto; /* !important;*/
+
−
}
+
−
 
+
−
table.dotted th {
+
−
background: gray;
+
−
border: 1px solid black !important;
+
−
}
+
−
 
+
−
table.dotted td {
+
−
border: 1px dotted black !important;
+
−
vertical-align: top;
+
−
}
+
−
 
+
−
table.abstract td {
+
−
width: 700px;
+
−
padding: 0 0px 25px 0px !important;
+
−
}
+
−
 
+
−
table.parts td {
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
table.accomp td {
+
−
width: 430px;
+
−
padding: 0 0px 25px 0px !important;
+
−
}
+
−
table.accomp td img {
+
−
width: 250px;
+
−
}
+
−
 
+
−
table.attrib td {
+
−
width: 700px;
+
−
padding: 10px !important;
+
−
text-align: left;
+
−
}
+
−
table.attrib td img {
+
−
float: left;
+
−
margin: 10px;
+
−
}
+
−
table.attrib td p {
+
−
padding: 10px;
+
−
}
+
−
 
+
−
/*.h2wide h2 {
+
−
display: inline-block;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
height: 34px;
+
−
padding: 0;
+
−
margin: 25px auto;
+
−
}
+
−
.h2wide {
+
−
}
+
−
.h2left {
+
−
display: inline-block;
+
−
width: 0;
+
−
height: 0;
+
−
border-top: 3px solid transparent;
+
−
border-right: 150px solid red;
+
−
-webkit-filter: drop-shadow(0 0 1px red);
+
−
filter: drop-shadow(0 0 1px red);
+
−
}
+
−
.h2right {
+
−
display: inline-block;
+
−
width: 0;
+
−
height: 0;
+
−
border-top: 3px solid transparent;
+
−
border-left: 150px solid red;
+
−
-webkit-filter: drop-shadow(0 0 1px red);
+
−
filter: drop-shadow(0 0 1px red);
+
−
}*/
+
−
 
+
−
.no-flexbox .support {
+
−
display: block;
+
−
}
+
−
 
+
−
.container > section {
+
−
/*padding: 5em 0;*/
+
−
font-size: 16px; /* (was 1.25em) */
+
−
min-height: 100%;
+
−
}
+
−
 
+
−
img.RU_logo {
+
−
width: 600px;
+
−
display: block;
+
−
margin: 10px auto;
+
−
margin-bottom: 0;
+
−
}
+
−
 
+
−
img.iGEM_logo {
+
−
margin: 5px 0 0 40px;
+
−
}
+
−
 
+
−
img.down_arrow {
+
−
display: block;
+
−
margin: 40px auto;
+
−
}
+
−
 
+
−
/* Nav */
+
−
 
+
−
.tabs {
+
−
position: relative;
+
−
/*overflow: hidden;*/
+
−
margin: 0 auto;
+
−
width: 100%;
+
−
font-weight: 300;
+
−
font-size: 1.25em;
+
−
}
+
−
 
+
−
.tabs nav {
+
−
text-align: center;
+
−
/*margin-bottom: 30px;*/
+
−
}
+
−
 
+
−
.tabs nav ul {
+
−
position: relative;
+
−
display: -ms-flexbox;
+
−
display: -webkit-flex;
+
−
display: -moz-flex;
+
−
display: -ms-flex;
+
−
display: flex;
+
−
margin: 0 auto;
+
−
padding: 0;
+
−
max-width: 1200px;
+
−
list-style: none;
+
−
-ms-box-orient: horizontal;
+
−
-ms-box-pack: center;
+
−
-webkit-flex-flow: row wrap;
+
−
-moz-flex-flow: row wrap;
+
−
-ms-flex-flow: row wrap;
+
−
flex-flow: row wrap;
+
−
-webkit-justify-content: center;
+
−
-moz-justify-content: center;
+
−
-ms-justify-content: center;
+
−
justify-content: center;
+
−
}
+
−
 
+
−
.tabs nav ul li {
+
−
position: relative;
+
−
z-index: 1;
+
−
display: block;
+
−
margin: 0;
+
−
text-align: center;
+
−
-webkit-flex: 1;
+
−
-moz-flex: 1;
+
−
-ms-flex: 1;
+
−
flex: 1;
+
−
}
+
−
 
+
−
.tabs nav a {
+
−
position: relative;
+
−
display: block;
+
−
overflow: hidden;
+
−
text-overflow: ellipsis;
+
−
white-space: nowrap;
+
−
line-height: 2.5;
+
−
}
+
−
 
+
−
.tabs nav a span {
+
−
vertical-align: middle;
+
−
font-size: 1em;
+
−
}
+
−
 
+
−
.tabs nav li.tab-current a {
+
−
color: black;
+
−
}
+
−
 
+
−
.tabs nav a:focus {
+
−
outline: none;
+
−
}
+
−
 
+
−
/* nav list elements */
+
−
 
+
−
.tabs-style-circlefill {
+
−
max-width: 960px;
+
−
/*border: 0px solid #2CC185;*/
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav {
+
−
padding: 0px 50px;
+
−
/*border: 1px solid #C5C5C5;*/
+
−
/*border: 1px solid red;
+
−
border-style: solid none;*/
+
−
-webkit-box-shadow: 0px -5px 5px -5px rgba(255,0,0,1), 0px 5px 5px -5px rgba(255,0,0,1);
+
−
-moz-box-shadow: 0px -5px 5px -5px rgba(255,0,0,1), 0px 5px 5px -5px rgba(255,0,0,1);
+
−
box-shadow: 0px -5px 5px -5px rgba(255,0,0,1), 0px 5px 5px -5px rgba(255,0,0,1);
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav ul li {
+
−
overflow: hidden;
+
−
margin: 0px;
+
−
/*border-right: 1px solid lightgray;*/
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li a {
+
−
/*padding: 1.5em 0;*/
+
−
color: black;
+
−
font-size: 1em;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li:first-child {
+
−
border-left: none;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li:last-child {
+
−
border: none;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li::before {
+
−
position: absolute;
+
−
top: 50%;
+
−
left: 50%;
+
−
margin: 0;
+
−
width: 0;
+
−
height: 0;
+
−
/*border: 10px solid black;*/
+
−
border-radius: 50%;
+
−
background: red;
+
−
content: '';
+
−
-webkit-transition: all 0.3s;
+
−
transition: all 0.3s;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li.tab-current::before {
+
−
margin: -100px 0 0 -100px;
+
−
height: 200px;
+
−
width: 200px;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav a {
+
−
-webkit-transition: color 0.3s;
+
−
transition: color 0.3s;
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav a span {
+
−
/*display: none;*/
+
−
}
+
−
 
+
−
.tabs-style-circlefill nav li.tab-current a {
+
−
color: #fff;
+
−
}
+
−
 
+
−
.tabs-style-circlefill .icon::before {
+
−
display: block;
+
−
margin: 0;
+
−
pointer-events: none;
+
−
}
+
−
 
+
−
.tabs-style-circlefill .content-wrap {
+
−
/*border-top: 1px solid #2CC185;*/
+
−
overflow: hidden;
+
−
}
+
−
 
+
−
/* Content */
+
−
.content-wrap {
+
−
position: relative;
+
−
}
+
−
 
+
−
.content-wrap section {
+
−
display: none;
+
−
margin: 0 auto;
+
−
padding: 50px;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.content-wrap section.content-current {
+
−
display: block;
+
−
}
+
−
 
+
−
.content-wrap section table.picturetable {
+
−
text-align: center;
+
−
margin: 0 auto;
+
−
}
+
−
 
+
−
.content-wrap section table.picturetable td {
+
−
padding: 0 5px 20px 5px;
+
−
}
+
−
 
+
−
.content-wrap section table.picturetable img {
+
−
height: 130px;
+
−
}
+
−
 
+
−
.content-wrap section p {
+
−
margin: 0;
+
−
font-size: 12px;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.content-wrap section .thumbnail_container {
+
−
margin: 30px auto;
+
−
margin-top: 0;
+
−
display: inline-block;
+
−
}
+
−
 
+
−
.content-wrap section .thumbnail_container img {
+
−
margin: 5px;
+
−
height: 130px;
+
−
}
+
−
 
+
−
.content-wrap section .acknowledgements {
+
−
text-align: left;
+
−
font-size: 12px;
+
−
width: 500px;
+
−
margin: 0 auto;
+
−
}
+
−
 
+
−
 
+
−
/* Fallback */
+
−
.no-js .content-wrap section {
+
−
display: block;
+
−
padding-bottom: 2em;
+
−
border-bottom: 1px solid rgba(255,255,255,0.6);
+
−
}
+
−
 
+
−
.no-flexbox nav ul {
+
−
display: block;
+
−
}
+
−
 
+
−
.no-flexbox nav ul li {
+
−
min-width: 15%;
+
−
display: inline-block;
+
−
}
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
</p><p>
+
−
<!-- mediawiki html tag (above) does not support class assignments. A second html tag (below), however, does -->
+
−
 
+
−
<!-- most code copied from http://tympanus.net/Development/TabStylesInspiration - shoutout to Codrops for being great! -->
+
−
+
−
<!-- normalize.css and modernizr.js are great tools to aid with cross-browser compatibility -->
+
−
<link rel="stylesheet" type="text/css" href="./Team_Rutgers - 2014.igem.org_files/Rutgers_normalize.txt">
+
−
  <script src="./Team_Rutgers - 2014.igem.org_files/Rutgers_modernizr.txt"></script>
+
−
 
+
−
+
−
+
−
</p><div class="container">
+
−
<img class="RU_logo" src="http://www.fafu.edu.cn/page/main151/image/sc1.jpg">
+
−
<section>
+
−
<div class="tabs tabs-style-circlefill">
+
−
<nav>
+
−
<ul>
+
−
<li class="tab-current"><a href="https://2014.igem.org/Team:Rutgers#project-section"><span>Project</span></a></li>
+
−
<li><a href="https://2014.igem.org/Team:Rutgers#team-section"><span>Team</span></a></li>
+
−
<li><a href="https://2014.igem.org/Team:Rutgers#notebook-section"><span>Notebook</span></a></li>
+
−
<li><a href="https://2014.igem.org/Team:Rutgers#safety-section"><span>Safety</span></a></li>
+
−
<a href="https://igem.org/"><img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_igem_logo.png" width="50" class="iGEM_logo"></a>
+
−
</ul>
+
−
</nav>
+
−
 
+
−
<div class="content-wrap">
+
−
<section id="project-section" class="content-current">
+
−
<h2>The Next Step in DNA Synthesis</h2>
+
−
 
+
−
<div class="fp"><p><i>De novo</i> DNA Synthesis is extremely important to the world of Synthetic Biology, but the low efficiency of today's DNA Synthesis technology limits us.</p></div>
+
−
 
+
−
<div class="fp"><p>We can only synthesize about 150 bases at a time, so new genes have to be stitched together from smaller strands, which adds a lot to the <a href="http://blog.ginkgobioworks.com/2012/01/14/commercial-gene-synthesis/">time</a> and <a href="http://synbiobeta.com/time-new-dna-synthesis-sequencing-cost-curves-rob-carlson/">cost</a> required. This needs to change.</p></div>
+
−
 
+
−
<img class="down_arrow" src="./Team_Rutgers - 2014.igem.org_files/Rutgers_down.png">
+
−
 
+
−
<h2>A Primer on DNA Synthesis</h2>
+
−
 
+
−
<div class="fp"><p>Currently we use organic (anhydrous) solvents and reactive amidites to synthesize all custom DNA sequences, whether for antibody/enzyme engineering, multi-gene pathway building, or even <a href="http://syntheticyeast.org/sc2-0/introduction/">genome construction</a>. The process looks something like this:</p></div>
+
−
 
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_amidite_synth.png" width="800" style="margin:20px auto">
+
−
 
+
−
<div class="fp"><p>This is one cycle in the process of DNA Synthesis. A solution of blocked nucleotides (whichever A, C, G, or T comes next in the sequence) is added to a group of immobilized DNA strands, and a single nucleotide is incorporated at the end of each strand. The trouble with this highly unnatural method is that <a href="http://en.wikipedia.org/wiki/Oligonucleotide_synthesis#Synthetic_cycle">each of the chemicals depicted</a> <small>(trichloroacetic acid, 2-benzylthiotetrazole, acetonitrile)</small> causes some <a href="http://www.glenresearch.com/GlenReports/GR21-211.html">harm</a> to the chemical structure of DNA, and this will limit the yield in a way that gets exponentially worse when building longer and longer pieces of DNA.</p></div>
+
−
 
+
−
<div class="fp"><p>The process pictured above typically causes enough side-reactions to chemically ruin 1.5% of the existing DNA strands in each and every cycle (leaving 98.5% of them intact and with the correct sequence). This concept is called <a href="http://www.lifetechnologies.com/us/en/home/products-and-services/product-types/primers-oligos-nucleotides/invitrogen-custom-dna-oligos/technical-resources-for-oligonucleotides/dna-oligo-faq.html#7">coupling efficiency</a>, and it's the reason we can only synthesize up to <a href="http://www.sigmaaldrich.com/life-science/custom-oligos/custom-dna/learning-center/faqs.html#11">130</a>-150 bases at a time (or even <a href="http://www.idtdna.com/pages/products/dna-rna/ultramer-oligos">200</a> bases if you're willing to pay a whole lot extra).</p></div>
+
−
 
+
−
<img class="down_arrow" src="./Team_Rutgers - 2014.igem.org_files/Rutgers_down.png">
+
−
 
+
−
<h2>Our Idea: Use Enzymes</h2>
+
−
 
+
−
<div class="fp"><p>We believe that both cost and efficiency could be vastly improved by using enzymes for <i>de novo</i> DNA Synthesis. Polymerases have evolved alongside nucleic acids for billions of years and developed beautiful two-metal-ion machinery that makes <a href="http://www.ncbi.nlm.nih.gov/pubmed/2434996">phosphate diester formation</a> a piece of cake. In theory, this machinery could be applied to <i>de novo</i> DNA Synthesis to eliminate side-reactions and significantly simplify the process overall. A more natural, aqueous synthesis environment would lend itself to higher efficiency, too.</p></div>
+
−
 
+
−
<div class="fp"><p>This process simplification could be beneficial on two counts: less complexity in required machinery would reduce capital costs, and less material requirements would reduce operational costs.</p></div>
+
−
 
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_tdt_synth.png" width="800" style="margin:20px auto">
+
−
 
+
−
<div class="fp"><p>This is the enzymatic process that our team has envisioned. The enzyme is a template-independent polymerase called <a href="http://www.ncbi.nlm.nih.gov/pmc/articles/PMC2846215/">Terminal deoxynucleotidyl Transferase</a> (TdT). It favors single-stranded 3' ends when it adds whatever dNTP's are available. Using the same principles as today's synthesis strategies, it could serve to catalyze the coupling step in each cycle. Upon inspection of this polymerase's binding pocket, it is apparent that even large blocking groups could fit snuggly without hindering the catalytic machinery, but we decided to test a small, simple blocking group for this project to begin with: the acetyl group.</p></div>
+
−
<div class="fp"><p>We found that the acetyl group undergoes a bit of background hydrolysis, especially at high pH, so it wouldn't be the ideal blocking group. It does, however, perform well enough to make benchmarking possible so that we can establish a proof of principle for this strategy. We ran many assays, outlined below.</p></div>
+
−
 
+
−
<img class="down_arrow" src="./Team_Rutgers - 2014.igem.org_files/Rutgers_down.png">
+
−
 
+
−
<h2>Accomplishments</h2>
+
−
<div class="fp"><p>These assays serve to elucidate the functionality of TdT in the conditions of our envisioned DNA Synthesis strategy. We used short, single-stranded primers (each composed of 15 thymidine residues) with 5' fluorescent tags (5'-FAM), and visualized the results on 22% polyacrylamide nondenaturing gels. The images are oriented with the loading wells above, so that the shortest oligos (which travel the fastest) end up furthest down in each lane. Each assay has a Control lane containing only the 15-length primer for reference. All lanes are labeled with neon-green text superimposed over the strange gray blotches of loading dye.</p></div>
+
−
<br>
+
−
<table class="accomp dotted">
+
−
<tbody><tr>
+
−
<td>
+
−
<ul class="reglist">
+
−
<li><strong>Tested the extension of single-stranded primers with TdT</strong></li>
+
−
<li>The lanes are labeled with how many minutes the primers were incubated with TdT and dTTP.</li>
+
−
<li>This assay established that TdT will add ordinary (not blocked) thymidine triphosphate to the ends of the single-stranded primers. The 30-minute result has the longest oligos (having traveled the least distance), but it appears more condensed because it had less distance to effectively resolve the differing oligo lengths. In later assays we let the gels run as far as possible to avoid the bunching-up of long oligos.</li>
+
−
<li>Based on data in the literature, we estimate that a few hundred bases were added to each oligo (on average) under these reaction conditions (detailed in the Notebook-&gt;Protocols section). A DNA ladder would unfortunately be pretty expensive to create for these short, single-stranded, fluorescent primers, so we only interpret the relative activity of the enzyme between different lanes. This assay method doesn't allow us to quantify activity.</li>
+
−
</ul>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_accomp1.png">
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<ul class="reglist">
+
−
<li><strong>Tested the effect of pH on acetylated thymidine incorporation</strong></li>
+
−
<li>The lanes are labeled with a number representing the pH that the reaction was run in. Different MOPS buffers were used for the different pH's, except the last lane, which used NEB's Tris buffer (pH 7.9). Each reaction was carried out for 10 minutes with primers, TdT, and acetylated thymidine monomers (specific conditions can be found in the Notebook-&gt;Protocols section). The last lane used unmodified thymidine triphosphate, as a reference. </li>
+
−
<li>This assay demonstrates that TdT adds less 3'-acetylated ("blocked") nucleotides at a lower pH. Aside from lane "7.0" (the anomaly), there is a clean step-ladder effect where longer oligos are produced at higher pH. There is still a significant spread of differing oligo lengths in the pH 6.5 lane, which indicates that enough hydrolysis occurs (of the acetyl blocking group) to allow for multiple additions. This conflicts with the findings of the later assays (below) that show no such spread of oligo lengths after reaction at pH 6.5.</li>
+
−
<li>In other (unlisted) assays, we established that TdT gets progressively less active at pH's lower than 7.9. The "dTTP+NEB Buffer" lane shows the activity of TdT with unmodified nucleotides at pH 7.9. Comparing the activity in this lane with the others shows that acetylated nucleotides cause some truncation throughout the distribution of oligo lengths. Another (unlisted) assay shows that the difference in TdT's activity between NEB's Tris buffer and a homemade MOPS buffer (both at pH 7.9) was indiscernible.</li>
+
−
</ul>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_accomp2.png">
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<ul class="reglist">
+
−
<li><strong>Tested the extent of hydrolysis of incorporated acetylated thymidines</strong></li>
+
−
<li>The lanes are labeled according to their respective pH of reaction. Labels ending in "a" were carried out with acetylated thymidine for 10 minutes, before splitting the reaction volume in half and halting the reaction in the first half. The second half continues to react, with more unmodified thymidine added to the mixture. The two lanes labeled "ccc" were similar reactions, except that they had unmodified thymidine in the first reaction ("a"). These "ccc" reactions were carried out at a pH of 6.5 to show how active the enzyme is at that pH (with unmodified nucleotides).</li>
+
−
<li>This assay attempted to show that 3'-blocked nucleotides can effectively halt multiple additions, because of the terminal acetyl group. There is clearly a large amount of blocking-group-hydrolysis in the pH 7.9 reactions, leading to multiple additions when the extra unmodified nucleotide was added. The hydrolysis is limited enough at a pH of 6.5 that no significant amount of multiple additions occurs, even after adding extra unmodified nucleotide. These results are promising.</li>
+
−
<li>The second "7.9a" lane in the bottom image is mislabeled, it should read "7.9b".</li>
+
−
</ul>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_accomp3.png">
+
−
<br>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_accomp4.png" width="500">
+
−
</td>
+
−
</tr>
+
−
</tbody></table>
+
−
 
+
−
<img class="down_arrow" src="./Team_Rutgers - 2014.igem.org_files/Rutgers_down.png">
+
−
 
+
−
<h2>Parts</h2>
+
−
<table class="parts dotted">
+
−
<tbody><tr>
+
−
<th>
+
−
<p>Name</p>
+
−
</th>
+
−
<th>
+
−
<p>Type</p>
+
−
</th>
+
−
<th>
+
−
<p>Decription</p>
+
−
</th>
+
−
<th>
+
−
<p>Length</p>
+
−
</th>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<ul class="reglist">
+
−
<li>BBa_K1556000</li>
+
−
</ul>
+
−
</td>
+
−
<td>
+
−
<p>coding</p>
+
−
</td>
+
−
<td>
+
−
<p>Mouse TdT</p>
+
−
</td>
+
−
<td>
+
−
<p>1590</p>
+
−
</td>
+
−
</tr>
+
−
</tbody></table>
+
−
<small style="font-size: 8px">This part was submitted late, and is not eligible for medals and awards.</small>
+
−
+
−
</section>
+
−
<section id="team-section">
+
−
<h2>Students</h2>
+
−
<table class="picturetable">
+
−
<tbody><tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_KK.png">
+
−
<p>Kenny Kostenbader</p>
+
−
<p>Chem Eng</p>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_SL.png">
+
−
<p>Scott Lazaro</p>
+
−
<p>Cell Bio &amp; Neurosci</p>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_WW.png">
+
−
<p>Wilson Wong</p>
+
−
<p>Mol Bio</p>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_JP.png">
+
−
<p>Jay Patel</p>
+
−
<p>Chem Eng</p>
+
−
</td>
+
−
</tr>
+
−
</tbody></table>
+
−
 
+
−
<h2>Faculty</h2>
+
−
<table class="picturetable">
+
−
<tbody><tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_SK.png">
+
−
<p>Sagar Khare</p>
+
−
<p>P.I.</p>
+
−
</td>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_AL.png">
+
−
<p>Andrew Laudisi</p>
+
−
<p>Lab Manager</p>
+
−
</td>
+
−
</tr>
+
−
</tbody></table>
+
−
 
+
−
<img class="down_arrow" src="./Team_Rutgers - 2014.igem.org_files/Rutgers_down.png">
+
−
 
+
−
<h2>Attributions</h2>
+
−
<!-- just like https://2011.igem.org/Team:Imperial_College_London/Team
+
−
The description of each project must clearly attribute work done by the Students and distinguish it from work done by others, including host labs, Advisors, Instructors, technicians, sponsors, professional website designers, artists, and commercial services.-->
+
−
<table class=" attrib dotted">
+
−
<tbody><tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_RJ.png" width="130"> <p><strong>Dr Jones</strong> is a professor in the Rutgers Chemistry Department who researches modified nucleotides. He gave valuable feedback on our initial project ideas, and suggested a way to create (and characterize) 3'-acetylated thymidine triphosphate in our lab. We attempted this synthesis (involving pyridine and acetic anhydride) and got promising results (via LC/MS), but then we found out that TriLink (below) could simply synthesize and purify it for us for free.</p>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_AN.png" width="130"> <p><strong>Arun Nayar</strong> was on last year's Rutgers iGEM team, so he helped train us with various lab protocols.</p>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<p>All of the pictured results on the Project page represent assays that were designed jointly by the students and Dr Khare, and carried out completely by the undergraduate team members in the Khare lab. Additional help was provided by other Rutgers students as well, namely: Diego Barreto, Wesley Okwemba, Neil Patel, Harsh Patel, and Samantha Ashley. The fluorescent gels were imaged using the "BioRad Gel Doc" machine in the Kalodimos lab (next door). Kenny did the web design and coding.</p>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_Trilink.jpg" width="200"> <p><strong>Trilink Biotech</strong> supported the project by custom-synthesizing acetylated thymidine triphosphate, and supplying it free of charge. Thanks TiLink!</p>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_NEB.jpeg" width="200"> <p><strong>NEB Inc</strong> supported the project by supplying a Terminal Transferase enzyme kit and a dNTP set, both free of charge. Thanks NEB!</p>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<img src="./Team_Rutgers - 2014.igem.org_files/Rutgers_Gen9.png" width="200"> <p><strong>Gen9</strong> supported the project with a monetary donation. Thanks Gen9!</p>
+
−
</td>
+
−
</tr>
+
−
</tbody></table>
+
−
</section>
+
−
 
+
−
<section id="notebook-section">
+
−
<h2>Protocols</h2>
+
−
<p>Click to download a copy of each protocol that we followed and/or wrote this summer:</p>
+
−
<table><tbody><tr><td>
+
−
<ul class="reglist">
+
−
<li><a href="https://static.igem.org/mediawiki/2014/2/23/Rutgers_a2.pdf">Testing the extent of hydrolysis of incorporated acetylated thymidines</a></li>
+
−
<li><a href="https://static.igem.org/mediawiki/2014/d/d9/Rutgers_a1.pdf">Testing the effect of pH on acetylated thymidine incorporation</a></li>
+
−
<li><a href="https://static.igem.org/mediawiki/2014/3/35/Rutgers_transformation.png">Chemical Transformation of Competent E. coli cells</a></li>
+
−
<li><a href="https://static.igem.org/mediawiki/2014/4/48/Rutgers_overnight.png">Growing Cell Cultures Overnight and Creating a Glycerol Stock</a></li>
+
−
<li><a href="https://static.igem.org/mediawiki/2014/f/fe/Rutgers_NEB_gibson.pdf">NEB's Gibson Assembly protocol</a></li>
+
−
</ul>
+
−
</td></tr></tbody></table>
+
−
 
+
−
<br><br>
+
−
 
+
−
<h2>Project phases</h2>
+
−
<table><tbody><tr><td>
+
−
<ul class="reglist">
+
−
<li>In <strong>May</strong> and <strong>June</strong> we brainstormed and investigated ways to create acetylated thymidine in lab. After much much research into the matter, we decided it would require far to many resources to synthesize acetylated nucleoside monomers (without phosphates present) followed by difficult and expensive triphosphorylation (the stepwise installation of the triphosphate moiety). It would be far too expensive. Instead, we tried Dr Jones' suggestion of mixing acetic anhydride with thymidine triphosphate in pyridine, and this seemed to work (there was a peak at the right molecular weight on our LC/MS run :). This phase of the project ended when we discovered that TriLink could custom-synthesize acetylated thymidine triphosphate, and they would do it for free :)</li>
+
−
<li>In <strong>July</strong> we expressed TdT in E. coli using the trusty pET-29b+ vector. Expression level was low (but still something!), so we were relieved when we found out that NEB would be happy to supply us with free a free TdT enzyme kit.</li>
+
−
<li>In <strong>August</strong> we ordered fluorescent primers to begin assaying with. It took the full month to test different methods for every step of the designed assay (especially fluorescence visualization) until we finally settled on the protocol(s) that we've uploaded (above)</li>
+
−
<li><strong>September</strong> and <strong>October</strong> saw the bulk of our assaying. We had, however, neglected to move the mouse TdT gene from our pET-29b+ plasmid over to the standard iGEM pSB1C3 plasmid until early October. Our first Gibson Assembly did not work well (transformation yielded no colonies), so we ended up submitting our part late. That was a bummer.</li>
+
−
</ul>
+
−
</td></tr></tbody></table>
+
−
 
+
−
</section>
+
−
 
+
−
<section id="safety-section">
+
−
<ul class="reglist">
+
−
<li>All lab members underwent Biosafety Level 2 training with the Rutgers Environmental Health &amp; Safety department.</li>
+
−
<li>We utilized only one organism: Escherichia coli K-12 DH5a</li>
+
−
<li>Public health and safety would be under little conceivable risk in the event of an accidental release of our biobrick part into the wild (in the form DNA or a transformed colony of cells), because the TdT enzyme expression is very low, and the enzyme is only capable of adding deoxynucleoside triphosphates to the 3' ends of DNA strands. Given that very little TdT would be produced, and that free 3' DNA ends are rare in living systems, we believe that the risk posed by our biobrick part is minimal.</li>
+
−
<li>Appropriate precautions were taken when casting and using the Polyacrylamide Electrophoresis gels for our various assays. Used gels were disposed of properly in acrylamide waste bins.</li>
+
−
<li>Our team's safety form can be found <a href="https://igem.org/Safety/Safety_Form?team_id=1556">here</a>.</li>
+
−
</ul></section>
+
−
</div><!-- /content -->
+
−
</div><!-- /tabs -->
+
−
</section>
+
−
</div><!-- /container -->
+
−
<!-- the following script does not function correctly when hosted within a mediawiki template (or inline with this page) -->
+
−
<script src="./Team_Rutgers - 2014.igem.org_files/Rutgers_main.txt"></script>
+
−
 
+
−
<script>
+
−
(function() {
+
−
 
+
−
[].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
+
−
new CBPFWTabs( el );
+
−
});
+
−
 
+
−
})();
+
−
</script>
+
−
+
−
 
+
−
<p></p>
+
−
<!--
+
−
NewPP limit report
+
−
Preprocessor node count: 21/1000000
+
−
Post-expand include size: 283/2097152 bytes
+
−
Template argument size: 0/2097152 bytes
+
−
Expensive parser function count: 0/100
+
−
-->
+
−
 
+
−
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:2236-0!1!0!!en!2 and timestamp 20150821194143 -->
+
−
<div class="printfooter">
+
−
Retrieved from "<a href="./Team_Rutgers - 2014.igem.org_files/Team_Rutgers - 2014.igem.org.html">https://2014.igem.org/Team:Rutgers</a>"</div>
+
−
<div id="catlinks"><div id="catlinks" class="catlinks catlinks-allhidden"></div></div> <!-- end content -->
+
−
<div class="visualClear"></div>
+
−
</div>
+
−
    </div>
+
−
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
+
−
<div class="visualClear"></div>
+
−
    <div id="footer-box" class="noprint">
+
−
        <div id="footer">
+
−
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="./Team_Rutgers - 2014.igem.org_files/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki"></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="./Team_Rutgers - 2014.igem.org_files/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31"></a></div>     <ul id="f-list">
+
−
+
−
 
+
−
  <!-- Recentchanges is not handles well DEBUG -->
+
−
    <li id="t-recentchanges"><a href="https://2014.igem.org/Special:RecentChanges" title="Recent changes">Recent changes</a></li>
+
−
 
+
−
    <li id="t-whatlinkshere"><a href="https://2014.igem.org/Special:WhatLinksHere/Team:Rutgers" title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
+
−
 
+
−
                        <li id="t-recentchangeslinked"><a href="https://2014.igem.org/Special:RecentChangesLinked/Team:Rutgers" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
+
−
 
+
−
 
+
−
 
+
−
                <li id="t-upload"><a href="https://2014.igem.org/Special:Upload" title="Upload files [u]" accesskey="u">Upload file</a>
+
−
                </li>
+
−
                <li id="t-specialpages"><a href="https://2014.igem.org/Special:SpecialPages" title="List of all special pages [q]" accesskey="q">Special pages</a>
+
−
                </li>
+
−
                <li><a href="https://2014.igem.org/Special:Preferences">My preferences</a></li>
+
−
            </ul>
+
−
        </div> <!-- close footer -->
+
−
        <div id="footer">
+
−
    <ul id="f-list">
+
−
 
+
−
            <li id="t-print"><a href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&printable=yes" title="Printable version of this page [p]" accesskey="p">Printable version</a>
+
−
            </li>
+
−
 
+
−
            <li id="t-permalink"><a href="https://2014.igem.org/wiki/index.php?title=Team:Rutgers&oldid=401230" title="Permanent link to this revision of the page">Permanent link</a>
+
−
            </li>
+
−
 
+
−
 
+
−
        <li id="privacy"><a href="https://2014.igem.org/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
+
−
        <li id="disclaimer"><a href="https://2014.igem.org/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
+
−
    </ul>
+
−
</div> <!-- close footer -->
+
−
    </div> <!-- close footer-box -->
+
−
+
−
<script>if (window.runOnloadHook) runOnloadHook();</script>
+
−
</div>
+
−
<!-- Served in 1.133 secs. -->
+
−
 
+
−
 
+
−
</body></html>
+

Latest revision as of 03:45, 19 September 2015

Homepage

    Project

Design

Meeting

Notebook

Protocol

Result

Theory

Safety & Part

safety

Bio-safety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the bio-safety in laboratory settings, as well as strict guidelines to follow.


MORE

Organisms we used :

Without everyone's participation,our igem team would still be a plan....

Team

Xiaolei Huang

Instructor

Zujian Wu

Advisor

Taiyun Wei

Advisor

Bingfeng Zhou

Advisor

Penny

Advisor

Wenxu Wu

Web Advisor

Mucheng Cai

Dry Lab

Ruicheng Dai

Captain

Changlong Lu

Experiment Designer

Junhao Lu

Vice-Captain

Zhili Lai

Lecturer

LIANGDI CHEN

Web Designer

Tengzhou Huang

Dry Lab

Zirui Cheng

Dry Lab

Yifan Tang

Dry Lab

Tong Tong

Data Analyst

Human practice

Description:

To remove the barrier between science and normal people’s life, It is our responsibility to lead people into the wonderland of science. This is a lofty ideal, and thousands of people in many fields have already been working for it for years. But this time, we need some innovations, perhaps some funs too.
Play is not only a simple process. We believe that play is actually a way of being, a way of learning, a way of doing science. So now If u ever watched the TED of Beau Lotto . You’ll know that play provides everything you need in oder to be a scientist, and that is what motivates us. If we add rules to play, we have a game which is actually what project is. And who can be better than children to play? Then we tried to spread the idea that everyone has the potential to be scientist as long as being offered an opportunity. Instead of giving a dull lesson about biology, this year FAFU-China decided to teach children how to play correctly, how to play with principles from science, and finally they will find their own way to science....
Contact us:
Email:tripletau@126.com
Zipcode:350000
Fuzhou Dunk Internet Technology Corporation FUNSHU PARK Fujian Agriculture and Forestry University