Team:NEAU-Harbin/Team2

From 2014.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
{{CSS/Main}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<!--DOCTYPE html-->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<html>
+
<head>
-
<title>测试<title/>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<head>
+
<meta name="generator" content="MediaWiki 1.16.0" />
-
<style>/*-- hides default wiki settings --*/
+
<link rel="shortcut icon" href="/favicon.ico" />
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
-
display: none;
+
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Cornell/protocols&amp;action=creativecommons" rel="meta" />
-
}
+
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
-
</style>
+
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:Cornell/protocols - 2012.igem.org</title>
-
<style><!--navigation.css-->
+
<style type="text/css" media="screen, projection">/*<![CDATA[*/
-
.nav, .nav ul {
+
@import "/wiki/skins/common/shared.css?270";
-
margin: 0;
+
@import "/wiki/skins/igem/main.css?270";
-
padding: 0;
+
/*]]>*/</style>
-
list-style: none;
+
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
-
line-height: 1;
+
<!--[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]-->
-
.nav {
+
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
-
/* Layout & positioning */
+
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
-
position: relative;
+
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
-
margin: auto; /* Centering the menu */
+
-
height: 46px;
+
-
width: 1000px;
+
-
text-align: center;
+
-
/* Background & effects */
+
<script>
-
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
+
var skin="igem",
-
background: #65c0bb;
+
stylepath="/wiki/skins",
-
background-image: url(data:image/png;base64,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);
+
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
-
}
+
wgArticlePath="/$1",
-
 
+
wgScriptPath="/wiki",
-
 
+
wgScriptExtension=".php",
-
.nav>li {
+
wgScript="/wiki/index.php",
-
margin: 0;
+
wgVariantArticlePath=false,
-
line-height: 1;
+
wgActionPaths={},
-
padding: 0;
+
wgServer="https://2012.igem.org",
-
display: inline;
+
wgCanonicalNamespace="",
-
position: relative;
+
wgCanonicalSpecialPageName=false,
-
margin: 0 12px;
+
wgNamespaceNumber=0,
-
}
+
wgPageName="Team:Cornell/protocols",
-
 
+
wgTitle="Team:Cornell/protocols",
-
.nav::after, .nav::before {
+
wgAction="view",
-
content: "";
+
wgArticleId=36204,
-
display: block;
+
wgIsArticle=true,
-
position: absolute;
+
wgUserName=null,
-
top: 6px;
+
wgUserGroups=null,
-
height: 0px;
+
wgUserLanguage="en",
-
width: 0px;
+
wgContentLanguage="en",
-
border: 23px solid #65c0bb;
+
wgBreakFrames=false,
-
z-index: -1;
+
wgCurRevisionId=282624,
-
}
+
wgVersion="1.16.0",
-
 
+
wgEnableAPI=true,
-
/* The left ribbon */
+
wgEnableWriteAPI=true,
-
.nav::before {
+
wgSeparatorTransformTable=["", ""],
-
border-left-color: transparent;
+
wgDigitTransformTable=["", ""],
-
left: -30px;
+
wgMainPageTitle="Main Page",
-
}
+
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.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, "2012.igem.org": 4, "2012.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},
-
/* The right ribbon */
+
wgSiteName="2012.igem.org",
-
.nav::after {
+
wgCategories=[],
-
border-right-color: transparent;
+
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
-
right: -30px;
+
wgDBname="2012_igem_org",
-
}
+
wgSearchNamespaces=[0],
-
 
+
wgMWSuggestMessages=["with suggestions", "no suggestions"],
-
.nav>li>a {
+
wgRestrictionEdit=[],
-
display: inline-block;
+
wgRestrictionMove=[];
-
padding: 15px 9px;
+
</script>               
-
position: relative;
+
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
-
 
+
<!-- Head Scripts -->
-
font-family: 'Oswald', sans-serif;
+
<script src="/wiki/skins/common/ajax.js?270"></script>
-
font-size: 16px;
+
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
-
text-transform: uppercase;
+
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
-
text-decoration: none;
+
<!-- jQuery Javascript -->
-
color: #fff;
+
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
-
text-shadow: 1px 2px rgba(0, 0, 0, .2);
+
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
-
+
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
-
-webkit-transition: color .3s linear;
+
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
-
  -moz-transition: color .3s linear;
+
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
-
-o-transition: color .3s linear;
+
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
-
-ms-transition: color .3s linear;
+
</head>
-
transition: color .3s linear;
+
-
}
+
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_Cornell_protocols">
-
 
+
  <div id="globalWrapper">
-
.nav>li>a:hover, .nav>li:hover>a {
+
-
color: #eae8a5;
+
    <div id="top-section">
-
}
+
<div id="p-logo">
-
 
+
    <a href="/Main_Page"
-
.nav>li>a::after {
+
      title="Main Page">
-
content: "";
+
    <img src='/wiki/skins/common/images/wiki.png'>"
-
height: 15px;
+
    </a>
-
width: 15px;
+
</div>  <!-- end p-logo -->
-
/*stars*/
+
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
-
background-image: url(data:image/png;base64,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);
+
-
position: absolute;
+
-
right: -20px;
+
-
top: 16px;
+
<div id="menubar" class='left-menu noprint'>
-
display: block;
+
  <ul>
-
}
+
                  <li
-
 
+
                class='selected'       ><a href="/Team:Cornell/protocols">Page              </a></li>
-
.nav>li:last-child>a::after {
+
              <li
-
display: none;
+
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:Cornell/protocols&amp;action=edit&amp;redlink=1">Discussion              </a></li>
-
}
+
              <li
-
 
+
                    ><a href="/wiki/index.php?title=Team:Cornell/protocols&amp;action=edit">View source              </a></li>
-
.nav ul {
+
              <li
-
position: absolute;
+
                    ><a href="/wiki/index.php?title=Team:Cornell/protocols&amp;action=history">History              </a></li>
-
left: -9999px;
+
              <li style='color:#808080;cursor:default'>teams</li>
-
padding-top: 10px;
+
  </ul>
-
border-bottom: 1px solid #ccc;
+
</div> <!-- end menubar (left) -->
-
opacity: 0;
+
-
-webkit-transition: opacity .3s linear;
+
<div class="right-menu noprint" id="menubar">
-
-moz-transition: opacity .3s linear;
+
    <ul>
-
-o-transition: opacity .3s linear;
+
                <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Cornell/protocols" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>     </ul>
-
-ms-transition: opacity .3s linear;
+
</div><!-- end right menubar -->
-
}
+
-
 
+
<div id="search-controls" class="noprint">
-
.nav>li:hover>ul {
+
<form action="/Special:Search" id="searchform">
-
left: 0;
+
<input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
-
opacity: 1;
+
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
-
top: 30px;
+
      <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-->
-
.nav ul li:hover>ul {
+
    <div id="content">
-
left: 150px;
+
<a name="top" id="top"></a>
-
opacity: 1;
+
<h1 class="firstHeading">Team:Cornell/protocols</h1>
-
top: -11px;
+
<div id="bodyContent">
-
padding-left: 12px;
+
<h3 id="siteSub" class='noprint'>From 2012.igem.org</h3>
-
border-bottom: 0;
+
<div id="contentSub"></div>
-
box-shadow: none;
+
<!--
-
}
+
<div id="jump-to-nav">Jump to:                       <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
-
 
+
<!-- start content -->
-
.nav ul li {
+
<p>
-
display: block;
+
<!--<![endif]-->
-
position: relative;
+
<head>
-
border-top: 1px solid #ccc;
+
<meta charset="utf-8" />
-
border-left: 1px solid #ccc;
+
<meta name="viewport" content="width=device-width" />
-
border-right: 1px solid #ccc;
+
<link rel="stylesheet" href="https://2012.igem.org/Team:Cornell/stylesheets/foundation?action=raw&amp;ctype=text/css">
-
width: 150px;
+
<link rel="stylesheet" href="https://2012.igem.org/Team:Cornell/stylesheets/app?action=raw&amp;ctype=text/css">
-
text-align: justify;
+
<script src="https://2012.igem.org/Team:Cornell/javascripts/modernizr.foundation?action=raw&amp;ctype=text/javascript"></script>
-
z-index: 9;
+
<!-- IE Fix for HTML5 Tags -->
-
background: #eee;
+
<!--[if lt IE 9]>
-
box-shadow: 3px 4px 0 rgba(0, 0, 0, .1);
+
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-
-webkit-transition: background .3s linear;
+
<![endif]-->
-
-moz-transition: background .3s linear;
+
<style>
-
-ms-transition: background .3s linear;
+
#footer-box {
-
-o-transition: background .3s linear;
+
visibility: hidden;
-
}
+
}
-
 
+
</style>
-
.nav ul li a {
+
<script>
-
font-family: "Oswald", sans-serif;
+
function fixTour() {
-
font-size: 14px;
+
var links=new Array();
-
text-decoration: none;
+
links[0]="https://2012.igem.org/Team:Cornell/templates/tour";
-
display: block;
+
links[1]="https://2012.igem.org/Team:Cornell/Sandbox/project/wetlab";
-
padding: 7px 12px 7px 20px;
+
links[2]="somepage";
-
color: #65c0bb;
+
var prev = document.getElementById("tourPrev");
-
-webkit-transition: color .3s linear;
+
var next = document.getElementById("tourNext");
-
-moz-transition: color .3s linear;
+
var start = document.getElementById("tourStart");
-
-ms-transition: color .3s linear;
+
start.href=links[0];
-
-o-transition: color .3s linear;
+
var needprev = false;
-
}
+
var neednext = false;
-
 
+
for(var i=0;i<links.length;i++) {
-
.nav ul li:hover>a, .nav ul li a:hover {
+
if(window.location.href.toString()==links[i]) {
-
color: #4db6b0;
+
if(i==0) {
-
}
+
neednext = true;
-
 
+
next.href=links[i+1];
-
.nav ul li:hover {
+
-
background: #f7f7f7;
+
}
-
}
+
else if(i==links.length-1) {
-
 
+
needprev = true;
-
.nav ul ul li:last-child {
+
prev.href=links[i-1];
-
border-bottom: 1px solid #ccc;
+
}
-
}
+
else {
-
 
+
neednext = true;
-
.nav ul ul li {
+
needprev = true;
-
box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
+
prev.href=links[i-1];
-
}
+
next.href=links[i+1];
-
 
+
}
-
.nav ul::after, .nav ul::before {
+
}
-
content: "";
+
}
-
display: block;
+
if(needprev) prev.parentNode.style.display="block";
-
z-index: 1;
+
if(neednext) next.parentNode.style.display="block";
-
position: absolute;
+
else if(!needprev) start.parentNode.style.display="block";
-
height: 9px;
+
-
width: 9px;
+
-
}
+
-
 
+
-
.nav>li>ul::after {
+
-
border: 1px solid #ccc;
+
-
background: #eee;
+
-
border-right: 0;
+
-
border-bottom: 0;
+
-
top: 5px;
+
-
left: 25px;
+
-
-webkit-transform: rotate(45deg);
+
-
-moz-transform: rotate(45deg);
+
-
-o-transform: rotate(45deg);
+
-
-ms-transform: rotate(45deg);
+
-
}
+
-
 
+
-
.nav>li>ul::before {
+
-
height: 1px;
+
-
width: 12px;
+
-
background: #eee;
+
-
border-right: 0;
+
-
border-bottom: 0;
+
-
top: 10px;
+
-
left: 24px;
+
-
z-index: 99;
+
-
}
+
-
 
+
-
.nav ul ul::after {
+
-
border: 1px solid #ccc;
+
-
background: #eee;
+
-
border-right: 0;
+
-
border-bottom: 0;
+
-
top: 20px;
+
-
left: 8px;
+
-
position: absolute;
+
-
-webkit-transform: rotate(-45deg);
+
-
-moz-transform: rotate(-45deg);
+
-
-o-transform: rotate(-45deg);
+
-
-ms-transform: rotate(-45deg);
+
-
}
+
-
 
+
-
.nav ul ul::before {
+
-
height: 10px;
+
-
width: 1px;
+
-
background: #eee;
+
-
z-index: 99;
+
-
top: 20px;
+
-
left: 12px;
+
-
}
+
-
</style>
+
-
<style type="text/css">
+
-
body {
+
-
background: url("http://t.williamgates.net/image-1DC1_54059B89.jpg");
+
}
}
-
 
+
</script>  
-
.nav {
+
</head>
-
top: 30px;<!---->
+
<body onload="fixTour()">
-
}
+
<!-- TOUR TEMPLATE
-
</style>
+
<div class="tour" style="left:0;display:none">  
-
<meta name="robots" content="noindex,follow" />
+
<a id="tourPrev" class="button radius"> Previous<br/>Tour Page </a>
-
<!--transpicbox begin-->
+
</div>
-
<style>
+
<div class="tour" style="right:0;display:none">  
-
/*==================all format==================*/
+
<a id="tourNext" class="button radius"> Next<br/>Tour Page </a>
-
 
+
-
.hader, .smallbox:after {
+
-
animation: my_images 24s linear 0s infinite normal;
+
-
-moz-animation: my_images 24s linear 0s infinite normal;
+
-
-webkit-animation: my_images 24s linear 0s infinite normal;
+
-
-o-animation: my_images 24s linear 0s infinite normal;
+
-
background: url("http://t.williamgates.net/image-130A_53EA4F99.jpg") no-repeat 0px 0px,url("http://t.williamgates.net/image-C366_53EBD80F.jpg") no-repeat 620px 0px,url("http://t.williamgates.net/image-130A_53EA4F99.jpg") no-repeat 1240px 0px,url("http://t.williamgates.net/image-C366_53EBD80F.jpg") no-repeat 1860px 0px;
+
-
}
+
-
/*whole page*/
+
-
body {
+
-
background-color: #E5E5E5;
+
-
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
+
-
}
+
-
 
+
-
body:after {
+
-
<!--content: "\25ba Welcome to our iGEM team";-->
+
-
text-align: center;
+
-
font-size: 10px;
+
-
width: 100%;
+
-
bottom: 5px;
+
-
left: 0px;
+
-
}
+
-
 
+
-
/*all links*/
+
-
a {
+
-
color: #FFF;
+
-
text-decoration: none;
+
-
padding-top: 5px;
+
-
}
+
-
/*page whole fillin*/
+
-
.z {
+
-
margin: 0 auto;
+
-
text-align: left;
+
-
width: 900px;
+
-
position: relative;
+
-
}
+
-
/*top space name*/
+
-
.spname {
+
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C2C2C2), color-stop(1, #F1F1F1));
+
-
position: fixed;
+
-
height: 80px;
+
-
width: 100%;
+
-
top: 0px;
+
-
z-index: -30;
+
-
padding-top: 9px;
+
-
left: 0px;
+
-
text-align: right;
+
-
color: #fff;
+
-
text-shadow: #000000 0px 0px 20px;
+
-
<!---->
+
-
}
+
-
 
+
-
.spname:before {
+
-
content: "";
+
-
position: fixed;
+
-
background-image: url("data:image/png;base64,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");
+
-
height: 70px;
+
-
width: 70px;
+
-
z-index: 31;
+
-
left: 10px;<!---->
+
-
top: 6px;
+
-
}
+
-
 
+
-
.spname:after {
+
-
content: "　";
+
-
}
+
-
 
+
-
/*head+top space name*/
+
-
.hader .spname {
+
-
margin-top: 0px;
+
-
font-size: 18px;
+
-
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
+
-
}
+
-
/*head*/
+
-
.hader {
+
-
height: 350px;
+
-
width: 620px;
+
-
background-color: #666;
+
-
margin-top: 44px;<!---->
+
-
right: 0px;
+
-
margin-left: 280px;
+
-
z-index: 3;
+
-
border-top-width: 0px;
+
-
border-right-width: 0px;
+
-
border-bottom-width: 0px;
+
-
border-left-width: 0px;
+
-
border-top-style: solid;
+
-
border-right-style: solid;
+
-
border-bottom-style: solid;
+
-
border-left-style: solid;
+
-
margin-bottom: 65px;
+
-
}
+
-
 
+
-
.hader:after {
+
-
content: "";
+
-
height: 4px;
+
-
background-color: rgb(0,148,138);
+
-
top: 350px;
+
-
left: 0px;
+
-
width: 100%;
+
-
position: absolute;
+
-
animation: my_images_bar 24s linear 0s infinite normal;
+
-
-moz-animation: my_images_bar 24s linear 0s infinite normal;
+
-
-webkit-animation: my_images_bar 24s linear 0s infinite normal;
+
-
-o-animation: my_images_bar 24s linear 0s infinite normal;
+
-
}
+
-
 
+
-
.hader:before {
+
-
content: "";
+
-
position: absolute;
+
-
left: 285px;
+
-
top: 330px;
+
-
height: 16px;
+
-
width: 64px;
+
-
background: url("http://img.itc.cn/photo/oTaffnM1vg8") no-repeat 0px -16px,url("http://img.itc.cn/photo/oTaffnM1vg8") repeat-x 0px 0px;
+
-
animation: my_images_dot 24s linear 0s infinite normal;
+
-
-moz-animation: my_images_dot 24s linear 0s infinite normal;
+
-
-webkit-animation: my_images_dot 24s linear 0s infinite normal;
+
-
-o-animation: my_images_dot 24s linear 0s infinite normal;
+
-
}
+
-
 
+
-
@keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@-moz-keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@-webkit-keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@-o-keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@-moz-keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@-webkit-keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@-o-keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
@-moz-keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
@-webkit-keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
@-o-keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
 
+
-
/*facebox frame*/
+
-
.facebox {
+
-
text-align: center;
+
-
position: absolute;
+
-
height: 350px;
+
-
width: 280px;
+
-
top: 0px;/*黑色透明*/
+
-
left: 0px;
+
-
z-index: 2;
+
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAA1JREFUGFdjYGBg8AUAAFIATrqmYLsAAAAASUVORK5CYII=);
+
-
background-repeat: repeat;
+
-
}
+
-
/*facebox*/
+
-
.facebox img {
+
-
height: 100px;
+
-
width: 100px;
+
-
margin-top: 70px;
+
-
border: 6px solid #FCFAF2;
+
-
padding: 0px;
+
-
background-color: #FFF;
+
-
box-shadow: #534C4C 0px 1px;
+
-
}
+
-
/*借用某框架的伪元素达到模糊头部背景*/
+
-
.smallbox:after {
+
-
content: "";
+
-
position: absolute;
+
-
top: 0px; /*伪类透明*/
+
-
left: 0px;
+
-
background-color: #333;
+
-
height: 350px;
+
-
width: 275px;
+
-
-webkit-filter: blur(15px);
+
-
-moz-filter: blur(15px);
+
-
-o-filter: blur(15px);
+
-
-ms-filter: blur(15px);
+
-
filter: blur(15px);
+
-
background-position: -175px;
+
-
z-index: 1;
+
-
clip: rect(0px,380px,380px,0px);
+
-
overflow: hidden;
+
-
border-left-width: 5px;
+
-
border-left-style: solid;
+
-
border-left-color: #E5E5E5;
+
-
border-bottom-width: 5px;
+
-
border-bottom-style: solid;
+
-
border-bottom-color: #E5E5E5;
+
-
}
+
-
/*用户信息框架*/
+
-
.s_box {
+
-
padding: 0px;
+
-
position: absolute;
+
-
width: 280px;
+
-
top: 240px;
+
-
left: 0px;
+
-
z-index: 2;
+
-
color: #FFF;
+
-
height: 154px;
+
-
}
+
-
/*用户名*/
+
-
.uname {
+
-
font-weight: normal;
+
-
font-size: 18px;
+
-
line-height: 18px;
+
-
color: #FFF;
+
-
text-align: center;
+
-
margin: 0 0 5px 0;
+
-
}
+
-
/*按钮*/
+
-
.button {
+
-
-moz-border-radius: 0px;
+
-
-khtml-border-radius: 0px;
+
-
-webkit-border-radius: 0px;
+
-
border-radius: 0px;
+
-
border-color: #BBB #BBB #999;
+
-
border-style: solid;
+
-
border-width: 0px;
+
-
cursor: pointer;
+
-
display: inline-block;
+
-
margin: 0px;
+
-
overflow: hidden;
+
-
padding: 8px;
+
-
text-shadow: 0 0px #F0F0F0;
+
-
color: #FFF !important;
+
-
-moz-box-shadow: 0 0px 6px #333;
+
-
-wekbit-box-shadow: 0 0px 6px #333;
+
-
box-shadow: 0 0px 6px #333;
+
-
font-family: "Helvetica Neue", Arial, "Lucida Grande", Sans-serif;
+
-
font-size: 12px;
+
-
line-height: 15px;
+
-
background-image: none;
+
-
background-repeat: repeat;
+
-
background-position: 0 0;
+
-
background-color: #00948A;
+
-
font-weight: bold;
+
-
}
+
-
 
+
-
.button:hover {
+
-
background-color: #10979D;
+
-
border-bottom-width: 2px;
+
-
border-bottom-style: inset;
+
-
border-bottom-color: #005F59;
+
-
padding-bottom: 6px;
+
-
}
+
-
 
+
-
.button.ok, .button.ok:hover {
+
-
background: #f5f5f5;
+
-
border: 1px solid #EEE;
+
-
}
+
-
 
+
-
.addfs {
+
-
}
+
-
 
+
-
.pmdiv {
+
-
background: none;
+
-
border: none;
+
-
border-radius: 0px;
+
-
padding: 20px;
+
-
box-shadow: 0 0 10px #333;
+
-
}
+
-
 
+
-
.a_layer:after,
+
-
.pmdiv:after {
+
-
content: '';
+
-
position: absolute;
+
-
z-index: -1;
+
-
top: 0;
+
-
left: 0;
+
-
width: 100%;
+
-
height: 100%;
+
-
background: #777;
+
-
opacity: 0.55;
+
-
}
+
-
 
+
-
.pmdiv p,
+
-
.pmdiv input,
+
-
.pmdiv textarea {
+
-
color: #fff;
+
-
font-size: 13px;
+
-
text-shadow: 0 0 5px #000;
+
-
font-family: "Helvetica Neue", Arial;
+
-
}
+
-
 
+
-
.pmdiv input[type=text],
+
-
.pmdiv textarea {
+
-
margin-top: 5px;
+
-
background: none;
+
-
outline: none;
+
-
border: #ccc solid 1px;
+
-
border-bottom-style: inset;
+
-
border-top-style: inset;
+
-
border-right-style: inset;
+
-
}
+
-
+
-
</style>
+
-
<!--transpicbox end-->
+
-
<!--scrollbar and highlight--><style>
+
-
/*=======================scrollbar=======================*/
+
-
/*scrollbar_bg*/
+
-
::-webkit-scrollbar-track
+
-
{
+
-
border-right-width: 1px;
+
-
border-left-width: 1px;
+
-
border-right-style: solid;
+
-
border-left-style: solid;
+
-
border-right-color: #CCC;
+
-
border-left-color: #CCC;
+
-
background-color: #FFF;
+
-
}
+
-
/*slide_scroll*/
+
-
::-webkit-scrollbar
+
-
{
+
-
width: 12px;
+
-
}
+
-
::-webkit-scrollbar-thumb
+
-
{
+
-
background-color: #BFBFBF;
+
-
border: 1px solid #8F8F8F;
+
-
}
+
-
::-webkit-scrollbar-thumb:hover
+
-
{
+
-
background-color: #737373;
+
-
border: 1px solid #7D7D7D;
+
-
}
+
-
::-webkit-scrollbar-thumb:active
+
-
{
+
-
background-color: #616161;
+
-
border: 1px solid #7D7D7D;
+
-
}
+
-
/*====================highlight===================*/
+
-
/*Webkit,Opera9.5+,Ie9+*/
+
-
::selection {
+
-
background: #00948A;
+
-
color:#FFF;
+
-
}
+
-
/*Mozilla Firefox*/
+
-
::-moz-selection {
+
-
background: #00948A;
+
-
color:#FFF;
+
-
}
+
-
</style>
+
-
<style>img.toop {vertical-align:text-top;}</style><!---->
+
-
<!--20140721 begin-->
+
-
<style type="text/css">
+
-
 
+
-
/* CSS drop-shadow without images */
+
-
.drop-shadow {
+
-
position:relative;
+
-
width:45%;
+
-
padding:1em;
+
-
margin:2em auto 5em;
+
-
background:#fff;
+
-
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
+
-
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
}
+
-
.drop-shadow:before, .drop-shadow:after {
+
-
content:"";
+
-
position:absolute;
+
-
z-index:-2;
+
-
bottom:15px;
+
-
left:10px;
+
-
width:50%;
+
-
height:20%;
+
-
}
+
-
.drop-shadow:after {
+
-
right:10px;
+
-
left:auto;
+
-
}
+
-
.round {
+
-
-moz-border-radius:4px;
+
-
border-radius:4px;
+
-
}
+
-
.round:before, .round:after {
+
-
max-width:300px;
+
-
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+
-
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+
-
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+
-
-webkit-transform:rotate(-3deg);
+
-
-moz-transform:rotate(-3deg);
+
-
-o-transform:rotate(-3deg);
+
-
transform:rotate(-3deg);
+
-
}
+
-
.round:after {
+
-
-webkit-transform:rotate(3deg);
+
-
-moz-transform:rotate(3deg);
+
-
-o-transform:rotate(3deg);
+
-
transform:rotate(3deg);
+
-
}
+
-
.curls {
+
-
border:1px solid #efefef;
+
-
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
+
-
border-radius:0 0 120px 120px / 0 0 6px 6px;
+
-
}
+
-
.curls:before, .curls:after {
+
-
bottom:12px;
+
-
max-width:200px;
+
-
height:55%;
+
-
-webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
+
-
-moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
+
-
box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
+
-
-webkit-transform:skew(-8deg) rotate(-4deg);
+
-
-moz-transform:skew(-8deg) rotate(-4deg);
+
-
-o-transform:skew(-8deg) rotate(-4deg);
+
-
transform:skew(-8deg) rotate(-4deg);
+
-
}
+
-
.curls:after {
+
-
-webkit-transform:skew(8deg) rotate(4deg);
+
-
-moz-transform:skew(8deg) rotate(4deg);
+
-
-o-transform:skew(8deg) rotate(4deg);
+
-
transform:skew(8deg) rotate(4deg);
+
-
}
+
-
.perspective:before {
+
-
left:28px;
+
-
bottom:8px;
+
-
max-width:200px;
+
-
height:35%;
+
-
-webkit-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
+
-
-moz-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
+
-
box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
+
-
-webkit-transform:skew(50deg);
+
-
-moz-transform:skew(50deg);
+
-
-o-transform:skew(50deg);
+
-
transform:skew(50deg);
+
-
}
+
-
.perspective:after { display:none; }
+
-
/* don't need pseudo-elements for this effect */
+
-
 
+
-
.raised {
+
-
-webkit-box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
+
-
-moz-box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
+
-
box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
+
-
}
+
-
.rotated {
+
-
-webkit-transform:rotate(-3deg);
+
-
-moz-transform:rotate(-3deg);
+
-
-o-transform:rotate(-3deg);
+
-
transform:rotate(-3deg);
+
-
}
+
-
.rotated *:first-child:before {
+
-
content:"";
+
-
position:absolute;
+
-
z-index:-1;
+
-
top:0;
+
-
bottom:0;
+
-
left:0;
+
-
right:0;
+
-
background:#fff;
+
-
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
+
-
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
}
+
-
 
+
-
 
+
-
a.s:link {color: #FFFFFF}
+
-
a.s:visited {color: #00FF00}
+
-
a.s:hover {color: #FF00FF}
+
-
a.s:active {color: #0000FF}
+
-
 
+
-
.page-demo{
+
-
-webkit-transition:-webkit-transform .2s linear;
+
-
-moz-transition:-moz-transform .2s linear;
+
-
-o-transition:-o-transform .2s linear;
+
-
transition:transform .2s linear;
+
-
}
+
-
.demo-x:hover {
+
-
-webkit-transform: rotate(-360deg);
+
-
-moz-transform: rotate(-360deg);
+
-
-o-transform: rotate(-360deg);
+
-
-ms-transform: rotate(-360deg);
+
-
transform: rotate(-360deg);
+
-
cursor: pointer;
+
-
}
+
-
 
+
-
abc {
+
-
font-size:14px;
+
-
font-family:Arial;
+
-
font-weight:normal;
+
-
-moz-border-radius:20px;
+
-
-webkit-border-radius:20px;
+
-
border-radius:20px;
+
-
border:1px solid #dcdcdc;
+
-
padding:5px 12px;
+
-
text-decoration:none;
+
-
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
+
-
background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
+
-
background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
+
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
+
-
background-color:#ffffff;
+
-
color:#666666;
+
-
display:inline-block;
+
-
text-shadow:1px 1px 0px #ffffff;
+
-
-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
+
-
-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
+
-
box-shadow:inset 1px 1px 0px 0px #ffffff;
+
-
}abc:hover {
+
-
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
+
-
background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
+
-
background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
+
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
+
-
background-color:#f6f6f6;
+
-
}abc:active {
+
-
position:relative;
+
-
top:1px;
+
-
}
+
-
 
+
-
.transparent {
+
-
position:absolute;
+
-
top:50%;left:50%;
+
-
margin:-150px 0 0 -150px;
+
-
height: 300px;
+
-
width:300px;
+
-
padding: 1em;
+
-
border: 1px solid rgba(255,255,255,.5);
+
-
border-radius: 10px;
+
-
box-sizing: border-box;
+
-
background: rgba(255,255,255,.2);
+
-
font: 150%/1.6 sans-serif;
+
-
text-align: center;
+
-
box-shadow: -1px -1px 10px rgba(255,255,255,.3) inset, 2px 2px 20px rgba(0,0,0,.5);
+
-
text-shadow: 0 1px 1px rgba(255,255,255,.6);
+
-
}
+
-
 
+
-
</style>
+
-
<style>
+
-
span {
+
-
color:#ff6666;
+
-
}
+
-
</style>
+
-
<!--20140721 end-->
+
-
</head>
+
-
<body>
+
-
<!--navbar begin-->
+
-
<div class"container"=class"container">
+
-
<ul class="nav">
+
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin">Home</a></li><!--class="s"-->
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Team"style="color:#FFFFFF">Team</a>
+
-
<ul>
+
-
<li><a href="#">Students</a></li>
+
-
<li><a href="#">Advisors</a></li>
+
-
<li><a href="#">University</a></li>
+
-
<li>
+
-
<a href="#">Identity</a>
+
-
</li>
+
-
<li><a href="#">Marketing</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Project"style="color:#FFFFFF">Project</a></li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook"style="color:#FFFFFF">Notebook</a>
+
-
<ul>
+
-
<li><a href="#">Of_system</a></li>
+
-
<li><a href="#">Of_practice</a></li>
+
-
<li><a href="#">Reagent_and_ormulation</a></li>
+
-
<li><a href="#">Of_meetings</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Safety"style=" color:#FFFFFF">Safety</a></li>
+
-
<li>
+
-
<a href="#">Human practice</a>
+
-
<ul>
+
-
<li><a href="#">Meeting_in_Taiwan</a></li>
+
-
<li><a href="#">Meeting_in_HIT</a></li>
+
-
<li><a href="#">Some_propaganda</a></li>
+
-
<li><a href="#">Visiting_Factorys</a></li>
+
-
<li><a href="#">Sponsors</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="#">Results</a>
+
-
<ul>
+
-
<li><a href="#">Part.1</a></li>
+
-
<li><a href="#">Part.2</a></li>
+
-
<li><a href="#">biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Main_Page"><img class="page-demo demo-x toop" src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px";></a></li><!---->
+
-
</ul>
+
-
</div><!--navbar end-->
+
-
<!--navbar end-->
+
-
<!--css gallary begin-->
+
-
<div class="pmdiv" style="display:none; ">
+
-
</div>
+
-
<div class="z">
+
-
<p class="my-uid" style="display:none;">277119</p>
+
-
<p class="h-mid" style="display:none;">2</p>
+
-
<div class="hader">
+
-
<div class="spname">Welcome to my iGEM</div>
+
-
</div>
+
-
<div class="smallbox">
+
-
<!--transparent box-->
+
-
<div class="facebox">
+
-
<img src="http://t.williamgates.net/image-F471_53DF344F.jpg" />
+
</div>
</div>
-
<div class="s_box">
+
<div class="tour" style="right:0;display:none">  
-
<p class="verify" style="display:none;">1</p>
+
<a id="tourStart" class="button radius"> Start<br/>Tour! </a>
-
                        <ul><li>Our captain</li></ul>
+
-
<ul class="s_link" id="s_link">
+
-
<li class="button">
+
-
<g>Follow me</g>
+
-
</li>
+
-
<li class="button">
+
-
<g>Take a tour!</g>
+
-
</li>
+
-
</ul>
+
</div>
</div>
-
<div id="h-f" class="n_box">
+
HEADER TEMPLATE -->
-
<br />
+
<div class="row header off-canvas">
-
<br />
+
<div class="twelve columns centered header no-pad" id="header-wrapper">
-
<br />
+
<a href="https://2012.igem.org/Team:Cornell">
 +
<div id="logo-wrapper">
 +
<img src="https://static.igem.org/mediawiki/2012/3/3b/CornelliGEMLogo.jpg">
 +
</div> </a>
 +
<a href="https://2012.igem.org/Main_Page">
 +
<div id="igem-attr">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
 +
</div> </a>
 +
<ul class="nav-bar">
 +
<li class="pg-home">
 +
<a href="https://2012.igem.org/Team:Cornell">Home</a>
 +
</li>
 +
<li class="has-flyout pg-project pg-project_background pg-project_wetlab pg-project_drylab pg-project_hprac pg-project_gallery pg-project_safety">
 +
<a href="https://2012.igem.org/Team:Cornell/project">Project</a>
 +
<a href="https://2012.igem.org/Team:Cornell/project" class="flyout-toggle"><span> </span></a>
 +
<ul class="flyout">
 +
<li class="pg-project">
 +
<a href="https://2012.igem.org/Team:Cornell/project">Overview</a>
 +
</li>
 +
<li class="pg-project_background">
 +
<a href="https://2012.igem.org/Team:Cornell/project/background">Background</a>
 +
</li>
 +
<li class="pg-project_wetlab">
 +
<a href="https://2012.igem.org/Team:Cornell/project/wetlab">Wet Lab</a>
 +
</li>
 +
<li class="pg-project_drylab">
 +
<a href="https://2012.igem.org/Team:Cornell/project/drylab">Dry Lab</a>
 +
</li>
 +
<li class="pg-project_hprac">
 +
<a href="https://2012.igem.org/Team:Cornell/project/hprac">Human Practices</a>
 +
</li>
 +
<li class="pg-project_gallery">
 +
<a href="https://2012.igem.org/Team:Cornell/project/gallery">Gallery</a>
 +
</li>
 +
<li class="pg-project_safety">
 +
<a href="https://2012.igem.org/Team:Cornell/project/hprac/safety">Safety</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="has-flyout pg-notebook pg-notebook_wetlab pg-notebook_drylab pg-notebook_strainlist">
 +
<a href="https://2012.igem.org/Team:Cornell/notebook">Notebook</a>
 +
<a href="https://2012.igem.org/Team:Cornell/notebook" class="flyout-toggle"><span> </span></a>
 +
<ul class="flyout">
 +
<li class="pg-notebook">
 +
<a href="https://2012.igem.org/Team:Cornell/notebook">Overview</a>
 +
</li>
 +
<li class="pg-notebook_wetlab">
 +
<a href="https://2012.igem.org/Team:Cornell/notebook/wetlab">Wet Lab</a>
 +
</li>
 +
<li class="pg-notebook_drylab">
 +
<a href="https://2012.igem.org/Team:Cornell/notebook/drylab/june">Dry Lab</a>
 +
</li>
 +
<li class="pg-notebook_strainlist">
 +
<a href="https://2012.igem.org/Team:Cornell/notebook/strain_list" target="_blank">Strain List</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="pg-protocols">
 +
<a href="https://2012.igem.org/Team:Cornell/protocols">Protocols</a>
 +
</li>
 +
<li class="has-flyout pg-team pg-team_bios pg-team_sponsors">
 +
<a href="https://2012.igem.org/Team:Cornell/team">Team</a>
 +
<a href="https://2012.igem.org/Team:Cornell/team" class="flyout-toggle"><span> </span></a>
 +
<ul class="flyout right">
 +
<li class="pg-team">
 +
<a href="https://2012.igem.org/Team:Cornell/team">Overview</a>
 +
</li>
 +
<li class="pg-team_bios">
 +
<a href="https://2012.igem.org/Team:Cornell/team/bios">Bios</a>
 +
</li>
 +
<li>
 +
<a href="https://igem.org/Team.cgi?year=2012&amp;team_name=Cornell" target="_blank">Profile</a>
 +
</li>
 +
<li class="pg-team_sponsors">
 +
<a href="https://2012.igem.org/Team:Cornell/team/sponsors">Sponsors</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="has-flyout pg-outreach pg-outreach_presentations pg-outreach_panels pg-outreach_awareness">
 +
<a href="https://2012.igem.org/Team:Cornell/outreach">Outreach</a>
 +
<a href="https://2012.igem.org/Team:Cornell/outreach" class="flyout-toggle"><span> </span></a>
 +
<ul class="flyout right">
 +
<li class="pg-outreach">
 +
<a href="https://2012.igem.org/Team:Cornell/outreach">Overview</a>
 +
</li>
 +
<li class="pg-outreach_presentations">
 +
<a href="https://2012.igem.org/Team:Cornell/outreach/presentations">Research Presentations</a>
 +
</li>
 +
<li class="pg-outreach_panels">
 +
<a href="https://2012.igem.org/Team:Cornell/outreach/panels">Panel Discussions</a>
 +
</li>
 +
<li class="pg-outreach_awareness">
 +
<a href="https://2012.igem.org/Team:Cornell/outreach/awareness">Public Awareness</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="has-flyout">
 +
<a style="visibility:none"></a>
 +
<a href="https://2012.igem.org/Team:Cornell">
 +
<div class="badge-wrapper-main">
 +
<img style="margin-left:2px;margin-top:-1px;height:65px;" src="https://static.igem.org/mediawiki/2012/7/70/Cornell2012Badge.png">
 +
</div> </a>
 +
<a href="https://2012.igem.org/Team:Cornell"><span> </span></a>
 +
<ul class="flyout right" style="display:none;background:none;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none">
 +
<li class="pg-badge">
 +
<div class="badge-wrapper">
 +
<a href="https://2013.igem.org/Team:Cornell">
 +
<img style="margin-left:2px;margin-top:-1px;height:65px;" src="https://static.igem.org/mediawiki/2012/7/70/Cornell2012Badge.png">
 +
</a>
 +
</div>
 +
<a href="https://2013.igem.org/Team:Cornell" style="margin-top:-50px">2012: SAFE BET</a>
 +
</li>
 +
<li class="pg-badge_home">
 +
<div class="badge-wrapper">
 +
<a href="http://igem.engineering.cornell.edu">
 +
<img style="margin-left: 2px;margin-top: 2px;height: 56px;" src="http://igem.engineering.cornell.edu/img/CornellBadgeLogo2.png">
 +
</a>
 +
</div>
 +
<a href="http://igem.engineering.cornell.edu">Team Website</a>
 +
</li>
 +
<li class="pg-badge_2013">
 +
<div class="badge-wrapper">
 +
<a href="https://2013.igem.org/Team:Cornell">
 +
<img style="margin-left:7px;margin-top:2px;height:56px;" src="https://static.igem.org/mediawiki/2013/1/1c/CornellOrganofoamBadge.png">
 +
</a>
 +
</div>
 +
<a href="https://2013.igem.org/Team:Cornell">2013: Organofoam</a>
 +
</li>
 +
<li class="pg-badge_2011">
 +
<div class="badge-wrapper">
 +
<a href="https://2011.igem.org/Team:Cornell">
 +
<img style="margin-left:4px;margin-top:8px;height:44px;" src="https://static.igem.org/mediawiki/2013/4/46/CornellBiofactory.png">
 +
</a>
 +
</div>
 +
<a href="https://2011.igem.org/Team:Cornell">2011: Biofactory</a>
 +
</li>
 +
<li class="pg-badge_2010">
 +
<div class="badge-wrapper">
 +
<a href="https://2010.igem.org/Team:Cornell">
 +
<img style="margin-left:-3px;margin-top:6px;height:60px;" src="https://static.igem.org/mediawiki/2013/3/3c/CornellOmgOmvs.png">
 +
</a>
 +
</div>
 +
<a href="https://2010.igem.org/Team:Cornell">2010: OMG OMVs</a>
 +
</li>
 +
<li class="pg-badge_2009">
 +
<div class="badge-wrapper">
 +
<a href="https://2009.igem.org/Team:Cornell">
 +
<img style="margin-left:0px;height:60px;" src="https://static.igem.org/mediawiki/2013/a/a0/CornellCadmium.png">
 +
</a>
 +
</div>
 +
<a href="https://2009.igem.org/Team:Cornell" style="font-size:20px !important">2009: Cadmium Sensor</a>
 +
</li>
 +
</ul>
 +
</li>
 +
</ul>
 +
<div class="clearfix"></div>
 +
</div>
</div>
</div>
-
</div>
+
 +
 +
<!--<![endif]-->
 +
<div class="row main-image">
 +
<div class="twelve columns">
 +
<img src="https://static.igem.org/mediawiki/2012/9/93/Swati_and_Claire.jpg">
 +
<a class="button radius gallery-button" href="https://2012.igem.org/Team:Cornell/project/gallery">More Photos</a>
 +
</div>
 +
</div>
 +
 +
<div class="row">
 +
<div class="four columns">
 +
<h4>DNA Purification</h4>
 +
<ul>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/4/46/EZNA_Gel_Extraction.pdf" target="_blank">EZNA Gel Extraction</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/3/35/Ezna_Miniprep.pdf" target="_blank">EZNA Miniprep</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/2/21/Qiagen_Gel_Extraction.pdf" target="_blank">Qiagen Gel Extraction</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/2/2d/Qiagen_Miniprep.pdf" target="_blank">Qiagen Miniprep</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="four columns">
 +
<h4>DNA Assessment</h4>
 +
<ul>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/6/6c/DNA_Gel_Electrophoresis.pdf" target="_blank">DNA Gel Electrophoresis</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/0/03/Sequencing_Preparation.pdf" target="_blank">Preparation of DNA for Sequencing</a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
<div class="four columns">
 +
<h4>PCR Methods</h4>
 +
<ul>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/2/26/Phusion_PCR.pdf" target="_blank">Phusion PCR</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/4/4b/Taq_PCR.pdf" target="_blank">Taq PCR</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/3/33/Vent_PCR.pdf" target="_blank">Vent PCR</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="four columns">
 +
<h4>Plasmid Insertion</h4>
 +
<ul>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/0/07/Ecoli_electroporation.pdf" target="_blank">Electroporation of <i>E.coli</i></a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/5/57/Making_Ecoli_Electrocompetent.pdf" target="_blank">Preparing Electrocompetent <i>E.coli</i></a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/6/6f/MyersMyers_Shew-E-poration.pdf" target="_blank">Myers and Myers Electoporation of <i>Shewanella</i></a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/f/f7/PNNL_Electrocompetent_Shewanella.pdf" target="_blank">PNNL’s Preparing Electrocompetent <i>Shewanella</i></a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/0/0f/Shewanella_Conjugation.pdf" target="_blank">Conjugation of Plasmids into <i>Shewanella</i> </a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="four columns">
 +
<h4>Plasmid Editing</h4>
 +
<ul>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/a/af/Double_Digest.pdf" target="_blank">Double Digest</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/f/fb/Single_Digest.pdf" target="_blank">Single Digest</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/a/a5/Site_Directed_Mutagenesis.pdf" target="_blank">Site Directed Mutagenesis</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/a/a7/T4_Ligase_Ligation.pdf" target="_blank">T4 Ligase Ligation</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="four columns">
 +
<h4><i>Shewanella</i> Growth</h4>
 +
<ul>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/6/6c/Growth_Assay_Protocol.pdf" target="_blank"><i>Shewanella</i> Growth Assay Protocol</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/b/bc/M4_recipe.pdf" target="_blank">M4 Recipe</a>
 +
</li>
 +
<li>
 +
<a href="https://static.igem.org/mediawiki/2012/c/cb/Synthetic_River_Media.pdf" target="_blank">Synthetic River Media Recipe</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:Cornell/protocols/secret_dylan_dance" target="_blank">Plate Drying</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<script src="https://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2012.igem.org/Team:Cornell/javascripts/app?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('li.pg-protocols').addClass('active');
 +
});
 +
</script>
 +
</body>
 +
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 9/1000000
 +
Post-expand include size: 42/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
 +
 +
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:36204-0!1!0!!en!2!edit=0 and timestamp 20140927033231 -->
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2012.igem.org/Team:Cornell/protocols">https://2012.igem.org/Team:Cornell/protocols</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="/wiki/skins/common/images/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="http://i.creativecommons.org/l/by/3.0/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="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Cornell/protocols"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:Cornell/protocols"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 +
 +
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
 +
 +
            <li id="t-print"><a href="/wiki/index.php?title=Team:Cornell/protocols&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:Cornell/protocols&amp;oldid=282624"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 +
 +
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
-
<!--css gallary end-->
+
<!-- Served in 0.172 secs. --></body>
-
<table width="70%" align="center">
+
-
<!--welcome box -->
+
-
<tr>
+
-
<td class="drop-shadow round" style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor="#ff6666">
+
-
<h1 ><abbr title="Thank you!">Thanks for visiting our wiki!</abbr></h1>
+
-
<p>Our team has been approved and we are ready to start the iGEM season!
+
-
<br>On this page we can document our project, introduce our team members, document our progress <br> and share our iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NEAU-Harbin&action=edit"style="color:#114514"> Click here to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
   
   
-
 
-
 
-
 
-
 
-
</td>
 
-
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
 
-
 
-
<!--requirements section -->
 
-
<tr><td colspan="3"> <h3> Description </h3></td></tr>
 
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
 
-
<ul><li>
 
-
<i>Aspergillus Niger</i> is one species of filamentous fungi which have been widely employed in the fermentation industry, and become a principal source of enzymes and metabolites. With features such as low cost and high productivity and Generally Regarded As Safe (GRAS) status in the food and food processing industry, <i>Aspergillus Niger</i> has achieved increased attention as host for the production of heterologous proteins, such as amylase, acid protease, cellulase, pectinase and glucose oxidase, etc.</li><li>
 
-
In this study, we aim to establish one visual operation system of continuous target gene replacement using <i>Aspergillus Niger</i>. Firstly, a construct contains amilCP gene, which produces blue chromoproteins, and cjBlue, which produces green chromoproteins, fused selective marker gene HPH was made and transformed into the high expression site through homologous recombination in the <i>Aspergillus Niger</i> genome. In this construct, amilCP gene was driven by GlaA5 promoter, and followed by GlaA3 terminator; the HPH and cjBlue fusion gene was driven by pgpdA promoter, and followed by GlaA3 terminator. GlaA5 and GlaA3 can be used as homologous arm sequences that can mediate specific recombination. The selected HPH resistant <i>Aspergillus Niger</i> cell will highly express amilCP and cjBlue protein which can be detected by <span>blue color</span> and cjBlue signal. After several generations, homologous recombination will happen between the two GlaA3 sequences, and lead to the loss of HPH and cjBlue, then get the transgenic <i>Aspergillus Niger</i> cells only express amilCP gene which can be easily detected by <span>blue color</span>. These transgenic <i>Aspergillus Niger</i> cells with <span>blue color</span> can be used as original strain for target gene transformation. Those colonies without <span>blue color</span> will be the real transformants in which amilCP gene is replaced with the target gene. In a word, the visual gene operation system in <i>Aspergillus Niger</i> will be established with which the homologous recombination of target genes will be easily traced by detecting the color of colonies.
 
-
</li><li>So far we have finished the expression vectors construction. The genetic transformation work is in the process.
 
-
</li></ul>
 
-
 
-
<br /><br /><br />
 
-
</body>
 
</html>
</html>

Latest revision as of 04:07, 27 September 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:Cornell/protocols - 2012.igem.org

 

Team:Cornell/protocols

From 2012.igem.org

More Photos

DNA Purification

DNA Assessment

PCR Methods

Plasmid Insertion

Plasmid Editing

Shewanella Growth

Retrieved from "https://2012.igem.org/Team:Cornell/protocols"

Retrieved from "http://2014.igem.org/Team:NEAU-Harbin/Team2"