|
|
| Line 1: |
Line 1: |
| | <html lang="en"> | | <html lang="en"> |
| − | <style type="text/css"> | + | <style href="https://2015.igem.org/Team:OUC-China/css/OUC-clearwiki.css?action=raw&ctype=text/css"> |
| − | | + | |
| − | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| + | |
| − | | + | |
| − | .firstHeading {
| + | |
| − | 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;}
| + | |
| − | | + | |
| − | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| + | |
| − | background-color: #383838;
| + | |
| − | border: 0 none;
| + | |
| − | height: 14px;
| + | |
| − | 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.) --*/
| + | |
| − | background-color: #383838;
| + | |
| − | 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.) --*/
| + | |
| − | color: #727272;
| + | |
| − | text-decoration: none;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | | + | |
| − | body {
| + | |
| − | background-color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | #globalWrapper, #content { /*-- changes default wiki settings --*/
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | border: 0px;
| + | |
| − | background-color: transparent;
| + | |
| − | 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 --*/
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | font-weight: normal;
| + | |
| − | 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; }
| + | |
| − | | + | |
| − | .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
| + | |
| − | {
| + | |
| − | padding:10px;
| + | |
| − | border-radius:5px;
| + | |
| − | background-color:pink;
| + | |
| − | text-align:center;
| + | |
| − | }
| + | |
| − | | + | |
| − | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| + | |
| − | | + | |
| − | .contentpara {margin-bottom: 30px;}
| + | |
| − | | + | |
| − | span.email{font-family: monospace; font-weight: normal;}
| + | |
| − | | + | |
| − | 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>
| + | |
| − | </style>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!DOCTYPE html>
| + | |
| − | <html xmlns="http://www.w3.org/1999/xhtml">
| + | |
| − | | + | |
| − | <head>
| + | |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
| − | <meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT">
| + | |
| − | <meta name="author" content="Moriwifi Guo Wenyan，MaryZhang Liu Chancheng" />
| + | |
| − | <title>2014 SYSU-China integrated evolution machine</title>
| + | |
| − | | + | |
| − | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&ctype=text/css">
| + | |
| − | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css?action=raw&ctype=text/css">
| + | |
| − | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&ctype=text/css" />
| + | |
| − | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&ctype=text/css" />
| + | |
| − | <link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.css?action=raw&ctype=text/css" />
| + | |
| − | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/jquery-ui.css?action=raw&ctype=text/css">
| + | |
| − |
| + | |
| − | <!--[if IE]>
| + | |
| − | <script type="text/javascript">
| + | |
| − | var console = { log: function() {} };
| + | |
| − | </script>
| + | |
| − | <![endif]-->
| + | |
| − |
| + | |
| − | | + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | | + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.rotate.min.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animateToClass.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/jquery-ui.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/hoverdelay.js?action=raw&ctype=text/javascript"></script>
| + | |
| − | | + | |
| − | <script type="text/javascript">
| + | |
| − | (function() {
| + | |
| − | $($(".firstHeading")[0]).hide();
| + | |
| − | $("#top-section").hide();
| + | |
| − | $("#headdiv").hover(function() {
| + | |
| − | $("#top-section").show();
| + | |
| − | },function() {
| + | |
| − |
| + | |
| − | }).trigger("mousehover");
| + | |
| − | | + | |
| − | $("#top-section").hover(function() {
| + | |
| − |
| + | |
| − | },function() {
| + | |
| − | $("#top-section").hide();
| + | |
| − | }).trigger("mousehover");
| + | |
| − | })(jQuery)
| + | |
| − | </script>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | <div id="headdiv"></div>
| + | |
| − |
| + | |
| − | <!--this is main section-->
| + | |
| − | <div id="fullpage">
| + | |
| − | <div class="section " id="section0">
| + | |
| − | <div class="intro">
| + | |
| − | <h1>In The Past</h1>
| + | |
| − | <p>
| + | |
| − | Directed Evolution experiments were so laborious.
| + | |
| − | </p>
| + | |
| − | | + | |
| − | <!--this is IGEM LOGO-->
| + | |
| − | <div id="IGEMlogo" >
| + | |
| − | <a href="https://2014.igem.org/Main_Page">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − | <div class="worker">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/de/Sysuchina_left_tear.png" alt="teardropLeft"/ id="lefttear">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png" alt="worker1" id="worker1" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/d8/Sysuchina_right_tear.png" alt="teardropRight" id="righttear" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/83/Think_cloud1.png" alt="cloud1" class="think">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/5/56/Think_cloud2.png" alt="cloud2" class="think">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/4/40/Think_cloud3.png" alt="cloud3" class="think">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/dc/Think_cloud4.png" alt="cloud4" class="think">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2" id="worker2" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/4/4d/Fire1.png" alt="fire" class="fire">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3" id="worker3" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board">
| + | |
| − | <div class="boardFont">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont">
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="pipeline">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/6/66/Line2.png" alt="line" class="line" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel1" />
| + | |
| − |
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel2" />
| + | |
| − |
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" />
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="bottom" id="bottom1">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/f/ff/Sysuchina_hide.png" id="hide1">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/a/aa/Sysuchina_hide2.png" id="hide2">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="section" id="section1">
| + | |
| − | <div class="intro">
| + | |
| − | <p>
| + | |
| − | We have the Integrated Evolution Machine!
| + | |
| − | </p>
| + | |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/2014/e/ee/Sysuchina_hide3.png" id="hide3">
| + | |
| − | <div class="bg2">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png" alt="chaplin" id="chaplin" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1" class="machine" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/7/71/Sysuchina_bg23.png" alt="machine2" class="machine" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/1/1f/Sysuchina_bg24.png" alt="machine3" class="machine" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/a/ac/Sysuchina_bg22_button.png" alt="offwork" class="button" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg25.png" alt="m13" class="in1" />
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/84/Sysuchina_bg26.png" alt="m13_1" class="superman1"/>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/8d/Sysuchina_bg27.png" alt="m13_2" class="batman1" />
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="bottom" id="bottom2">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2">
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <!--this is section3-->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="section" id="section2">
| + | |
| − | <div class="intro">
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
| + | |
| − |
| + | |
| − | <!--this is navigation-->
| + | |
| − | <section class="main">
| + | |
| − |
| + | |
| − | <ul class="ch-grid">
| + | |
| − | <li>
| + | |
| − | <div class="ch-item ch-img-1" >
| + | |
| − | <div class="ch-info">
| + | |
| − | <h3>PROJECT</h3>
| + | |
| − | <p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Background">know more</a></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <div class="ch-item ch-img-2" style="margin-left:60px; !important">
| + | |
| − | <div class="ch-info">
| + | |
| − | <h3>JUDGING</h3>
| + | |
| − | <p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Judging/Safetyform">know more</a></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <div class="ch-item ch-img-3" style="margin-left:100px !important;">
| + | |
| − | <div class="ch-info">
| + | |
| − | <h3>HUMAN PRACTICE</h3>
| + | |
| − | <p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">know more</a></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | | + | |
| − | <li>
| + | |
| − | <div class="ch-item ch-img-5 " style="margin-left:130px !important;">
| + | |
| − | <div class="ch-info">
| + | |
| − | <h3>TEAM</h3>
| + | |
| − | <p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − |
| + | |
| − | <img id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
| + | |
| − |
| + | |
| − | </section>
| + | |
| − |
| + | |
| − | <!--this is footer-->
| + | |
| − | <div id="footer" class="fooback">
| + | |
| − | <h3>Contact us</h3>
| + | |
| − | <p>E-mail: igem.sysu.china@gmail.com </p>
| + | |
| − | <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | </body>
| + | |
| − | | + | |
| − | </p>
| + | |
| − | <!--
| + | |
| − | NewPP limit report
| + | |
| − | Preprocessor node count: 9/1000000
| + | |
| − | Post-expand include size: 41/2097152 bytes
| + | |
| − | Template argument size: 0/2097152 bytes
| + | |
| − | Expensive parser function count: 0/100
| + | |
| − | -->
| + | |