|
|
(10 intermediate revisions not shown) |
Line 2: |
Line 2: |
| | | |
| <head> | | <head> |
- | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | + | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> |
- | <title>UESTC-China</title> | + | <title>UESTC-China</title> |
| + | |
| + | |
| + | |
| + | |
| | | |
| <style> | | <style> |
Line 19: |
Line 23: |
| z-index: 2; | | z-index: 2; |
| } | | } |
| + | |
| + | |
| | | |
| html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} | | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} |
Line 61: |
Line 67: |
| #header{ | | #header{ |
| height: 280px; | | height: 280px; |
- | background-image:url("https://static.igem.org/mediawiki/2014/7/76/Newbanner2.png"); | + | background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg"); |
| background-position: top center; | | background-position: top center; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
Line 75: |
Line 81: |
| padding-left:20px; | | padding-left:20px; |
| background-color: #394264; | | background-color: #394264; |
- | width: 1214px; | + | width: 1195px; |
| height: 63px; | | height: 63px; |
| | | |
Line 131: |
Line 137: |
| z-index: 10; | | z-index: 10; |
| min-width: 215px; | | min-width: 215px; |
- | width: 230px;
| |
| } | | } |
| .top-menu-sub li{ | | .top-menu-sub li{ |
Line 142: |
Line 147: |
| border-bottom-color: #11a8ab; | | border-bottom-color: #11a8ab; |
| padding-left: 30px; | | padding-left: 30px; |
| + | padding-right: 20px; |
| height: 55px; | | height: 55px; |
| line-height: 55px; | | line-height: 55px; |
Line 291: |
Line 297: |
| .middle-content p{ | | .middle-content p{ |
| color: black; | | color: black; |
- | font-size: 26px; | + | font-size: 16px; |
| font-family: helveticallt,"微软雅黑"; | | font-family: helveticallt,"微软雅黑"; |
| line-height: 20px; | | line-height: 20px; |
Line 336: |
Line 342: |
| } | | } |
| | | |
- | @font-face {
| + | /*rocket-to-top*/ |
- | font-family: Microsoft Yahei;
| + | *{list-style:none;border:0;} |
- | font-weight: normal;
| + | |
- | font-style: normal;
| + | |
- | } /* Made with http://icomoon.io/ */ | + | |
| | | |
- | .cbp_tmtimeline {
| + | #rocket-to-top div { |
- | margin: 30px 0 0 0;
| + | left: 0; |
- | left: -40px;
| + | margin: 0; |
- | padding: 0;
| + | overflow: hidden; |
- | list-style: none;
| + | padding: 0; |
- | position: relative;
| + | position: absolute; |
- | }
| + | top: 0; |
- | | + | width: 149px; |
- | /* The line */
| + | |
- | .cbp_tmtimeline:before {
| + | |
- | content: '';
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | bottom: 0;
| + | |
- | width: 10px;
| + | |
- | background: #98CB00;
| + | |
- | left: 20%;
| + | |
- | margin-left: -10px;
| + | |
| } | | } |
- | | + | #rocket-to-top .level-2 { |
- | .cbp_tmtimeline > li { | + | background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent; |
- | position: relative;
| + | display: none; |
| + | height: 250px; |
| + | opacity: 0; |
| + | z-index: 1; |
| } | | } |
- | | + | #rocket-to-top .level-3 { |
- | /* The date/time */
| + | background: none repeat scroll 0 0 transparent; |
- | .cbp_tmtimeline > li .cbp_tmtime { | + | cursor: pointer; |
- | display: block;
| + | display: block; |
- | width: 25%;
| + | height: 150px; |
- | padding-right: 100px;
| + | z-index: 2; |
- | position: absolute;
| + | |
| } | | } |
- | | + | #rocket-to-top { |
- | .cbp_tmtimeline > li .cbp_tmtime span { | + | background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent; |
- | display: block;
| + | cursor: default; |
- | text-align: right;
| + | display: block; |
| + | height: 250px; |
| + | margin: -125px 0 0; |
| + | overflow: hidden; |
| + | padding: 0; |
| + | position: fixed; |
| + | right: 0; |
| + | top: 80%; |
| + | width: 149px; |
| + | z-index: 11; |
| } | | } |
| + | /*rocket-to-top end*/ |
| | | |
- | .cbp_tmtimeline > li .cbp_tmtime span:first-child {
| |
- | font-size: 0.9em;
| |
- | color: #00CC99 ;
| |
- | }
| |
| | | |
- | .cbp_tmtimeline > li .cbp_tmtime span:last-child {
| |
- | font-size: 1.5em;
| |
- | color: #00CC99;
| |
- | }
| |
| | | |
- | .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
| |
- | color: #00CC66;
| |
- | }
| |
| | | |
- | /* Right content */
| |
- | .cbp_tmtimeline > li .cbp_tmlabel {
| |
- | margin: 0 0 15px 25%;
| |
- | background:#7DD917;
| |
- | color: #ffffff;
| |
- | padding:13px;
| |
- | font-size: 22px;
| |
- | font-weight: 300;
| |
- | line-height: 1.4;
| |
- | position: relative;
| |
- | border-radius:5px;
| |
- | }
| |
| | | |
- | .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
| |
- | background: #00CC99;
| |
- | }
| |
| | | |
- | .cbp_tmtimeline > li .cbp_tmlabel h2 {
| |
- | margin-top: 0px;
| |
- | padding: 0 0 10px 0;
| |
- | border-bottom: 1px solid rgba(255,255,255,0.4);
| |
- | color:#ffffff;
| |
- | font-size: 35px;
| |
- | }
| |
| | | |
- | /* The triangle */
| + | #SensorEditingArea{position:absolute; left:0px; top:280px; height:7000px; width:1213px; background-color:#ffffff; padding:60px 0px 0px 0px;} |
- | .cbp_tmtimeline > li .cbp_tmlabel:after {
| + | |
- | right: 100%;
| + | |
- | border: solid transparent;
| + | |
- | content: " ";
| + | |
- | height: 0;
| + | |
- | width: 0;
| + | |
- | position: absolute;
| + | |
- | pointer-events: none;
| + | |
- | border-right-color: #7DD917;
| + | |
- | border-width: 10px;
| + | |
- | top: 10px;
| + | |
- | } | + | |
| | | |
- | .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
| |
- | border-right-color: #00CC99;
| |
- | }
| |
| | | |
- | /* The icons */
| + | .SensorEditingAreaClass p{position:relative;left:0px; width:1140px; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; } |
- | .cbp_tmtimeline > li .cbp_tmicon { | + | .SensorEditingAreaClass a{color:#1f8a70;} |
- | width: 40px;
| + | #underTitle{ |
- | height: 40px;
| + | color: #000; |
- | font-family: Microsoft Yahei;
| + | |
- | speak: none;
| + | |
- | font-style: normal;
| + | |
- | font-weight: normal;
| + | |
- | font-variant: normal;
| + | |
- | text-transform: none;
| + | |
- | font-size: 1.4em;
| + | |
- | line-height: 40px; | + | |
- | -webkit-font-smoothing: antialiased;
| + | |
| position: absolute; | | position: absolute; |
- | color: #fff; | + | left: -10px; |
- | background: #98CB00; | + | margin-top: 5px; |
- | border-radius: 50%;
| + | margin_bottom: 5px; |
- | box-shadow: 0 0 0 8px #B2EC05 ; | + | top: 39px; |
- | text-align: center; | + | width:700px; |
- | left: 20%;
| + | } |
- | top: 0; | + | #fusionArea{ |
- | margin: 0 0 0 -25px; | + | margin-top:30px; |
| } | | } |
| + | #SectionTitles1{ |
| + | position:relative; |
| + | left:30px; |
| + | background-color:#1f8a70; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px; |
| + | font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; } |
| | | |
- | .cbp_tmicon-phone:before {
| + | #SectionTitles2{ |
- | content: "\e000";
| + | position:relative; |
- | } | + | top:350px; |
| + | left:30px; |
| + | background-color:#1f8a70; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; } |
| | | |
- | .cbp_tmicon-screen:before {
| + | #SectionTitles3{ |
- | content: "\e001";
| + | position:relative; |
- | } | + | left:30px; |
| + | top: 740px; |
| + | background-color:#1f8a70; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; } |
| | | |
- | .cbp_tmicon-mail:before {
| + | #SectionTitles4{ |
- | content: "\e002";
| + | position:relative; |
- | } | + | top: 1150px; |
| + | left:30px; |
| + | background-color:#1f8a70; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;} |
| | | |
- | .cbp_tmicon-earth:before {
| + | #SectionTitles5{ |
- | content: "\e003";
| + | position:relative; |
- | } | + | top: 1520px; |
| + | left:30px; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;} |
| | | |
- | /* Example Media Queries */
| + | #SectionTitles6{ |
- | @media screen and (max-width: 65.375em) {
| + | position:relative; |
| + | top: 1850px; |
| + | left:30px; |
| + | background-color:#1f8a70; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;} |
| | | |
- | .cbp_tmtimeline > li .cbp_tmtime span:last-child {
| + | #SectionTitles7{ |
- | font-size: 1.5em;
| + | top: 2290px; |
- | }
| + | position:relative; |
- | } | + | left:30px; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;} |
| | | |
- | @media screen and (max-width: 47.2em) {
| + | #SectionTitles8{ |
- | .cbp_tmtimeline:before {
| + | top: 2650px; |
- | display: none;
| + | position:relative; |
- | }
| + | left:30px; |
| + | background-color:#1f8a70; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; } |
| | | |
- | .cbp_tmtimeline > li .cbp_tmtime {
| + | #SectionTitles9{ |
- | width: 100%;
| + | top: 3000px; |
- | position: relative;
| + | position:relative; |
- | padding: 0 0 20px 0;
| + | left:30px; |
- | }
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | width: 256px; |
| + | font-family: calibri, arial, helvetica, sans-serif; |
| + | border-bottom:0px; |
| + | color:#ffffff; |
| + | font-weight: bold; |
| + | font-style: Italic; |
| + | text-align:center; |
| + | } |
| | | |
- | .cbp_tmtimeline > li .cbp_tmtime span {
| + | .textEditingArea{ |
- | text-align: left;
| + | top:3730px; |
- | } | + | position:absolute; |
- | | + | left:30px; |
- | .cbp_tmtimeline > li .cbp_tmlabel {
| + | |
- | margin: 0 0 30px 0;
| + | |
- | padding: 1em;
| + | |
- | font-weight: 400;
| + | |
- | font-size: 95%;
| + | |
- | }
| + | |
- | | + | |
- | .cbp_tmtimeline > li .cbp_tmlabel:after {
| + | |
- | right: auto;
| + | |
- | left: 20px;
| + | |
- | border-right-color: transparent;
| + | |
- | border-bottom-color: #3594cb;
| + | |
- | top: -20px;
| + | |
- | } | + | |
- | | + | |
- | .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
| + | |
- | border-right-color: transparent;
| + | |
- | border-bottom-color: #98CB00;
| + | |
- | } | + | |
- | | + | |
- | .cbp_tmtimeline > li .cbp_tmicon {
| + | |
- | position: relative;
| + | |
- | float: right;
| + | |
- | left: auto;
| + | |
- | margin: -55px 5px 0 0px;
| + | |
- | }
| + | |
| } | | } |
| + | .textEditingTitle{ |
| + | position:relative; |
| + | margin-right:20px; |
| + | margin-top:30px; |
| + | background-color:#1f8a70; |
| + | left:30px; |
| + | padding:0 10px; |
| + | height:45px; |
| + | line-height:40px; |
| + | font-size:28px; |
| + | font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; |
| + | color: #ffffff;text-align:center; |
| + | width:600px; |
| + | font-weight: bold; |
| + | font-style: Italic; |
| + | } |
| + | .textEditingstyle{ |
| + | position:relative; |
| + | left:30px; |
| + | margin-top: 20px; |
| + | margin-left: 40px; |
| + | color: #000000;line-height:40px; |
| + | font-size:24px; font-family:Microsoft Yahei; border-bottom:0px; |
| + | text-align:justify; width:1140px; } |
| + | #references{ |
| + | top:3090px; |
| + | position:absolute; |
| + | font-size: large; |
| + | left:30px; |
| + | color:#000000;} |
| + | #TextTable{position:absolute; |
| + | padding:30px; |
| + | margin-top: 20px; left:30px; |
| + | width:1000px; font-family:calibri;arial;helvetica;sans-serif; font-size:25px; text-align:left; |
| + | } |
| + | #BiosensorsTable{position:absolute;margin-top: 20px; left:0px; width:1000px; font-family:calibri;arial;helvetica;sans-serif; font-size:25px; text-align:center; } |
| + | .mid{background: #FFFFCC;color: #797268; } |
| + | .top{background: #7dd917; color: #797268; } |
| + | .lastmid{background: #FFFFCC;color: #797268; |
| + | padding:20px;} |
| | | |
| | | |
- | /* General Blueprint Style */
| |
- | @font-face {
| |
- | font-family: Microsoft Yahei;
| |
- | font-weight: normal;
| |
- | font-style: normal;
| |
- | } /* Made with http://icomoon.io/ download by http://www.codefans.net*/
| |
| | | |
- | *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
| |
- | body, html { font-size: 100%; padding: 0; margin: 0;}
| |
| | | |
- | /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
| |
- | .clearfix:before, .clearfix:after { content: " "; display: table; }
| |
- | .clearfix:after { clear: both; }
| |
| | | |
- | body {
| |
- | font-family: Microsoft Yahei, Calibri, Arial, sans-serif;
| |
- | color: #47a3da;
| |
- | }
| |
| | | |
- | a {
| |
- | color: #ffffff;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | a:hover {
| |
- | color: #000;
| |
- | }
| |
- |
| |
- | .container{
| |
- | background-color:#ffffff;
| |
- | width:1214;
| |
- | padding-top:20px;}
| |
- |
| |
- | .main{
| |
- | width: 95%;
| |
- | max-width: 69em;
| |
- | margin: 0 auto;
| |
- | padding: 0 1.875em 3.125em 1.875em;
| |
- | background-color: #ffffff;
| |
- | }
| |
- | .cbp_tmlabel strong{
| |
- | color:#FF5151;
| |
- | }
| |
| </style> | | </style> |
| </head> | | </head> |
- |
| |
| | | |
| <body> | | <body> |
- | <div id="total-wrap">
| + | <div id="total-wrap"> |
- | <div id="header">
| + | <div id="header"> |
- | <div id="emp">
| + | <div id="emp"> |
- | <div id='logo'><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
| + | <div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div> |
- | </div>
| + | </div> |
- | <div id="top-menu">
| + | <div id="top-menu"> |
- | <div class="top-menu-each">
| + | <div class="top-menu-each"> |
- | <a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
| + | <a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a> |
- | </div>
| + | </div> |
- | <div class="top-menu-each">
| + | <div class="top-menu-each"> |
- | <div class="arrow"></div>
| + | <div class="arrow"></div> |
- | <p>Team</p>
| + | <p>Team</p> |
- | <div class="top-menu-sub">
| + | <div class="top-menu-sub"> |
- | <ul>
| + | <ul> |
| | | |
| | | |
- | <a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
| + | <a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
| + | <a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a> |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
| + | <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
| + | <a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a> |
- | </ul>
| + | </ul> |
- | </div>
| + | </div> |
- | </div>
| + | </div> |
| | | |
- | <div class="top-menu-each">
| + | |
- | <div class="arrow"></div>
| + | |
- | <p>Project</p>
| + | <div class="top-menu-each"> |
- | <div class="top-menu-sub">
| + | <div class="arrow"></div> |
- | <ul>
| + | <p>Project</p> |
| + | <div class="top-menu-sub"> |
| + | <ul> |
| <a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a> |
| <a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a> |
Line 611: |
Line 602: |
| <a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a> |
| | | |
- | </ul>
| + | </ul> |
- | </div>
| + | </div> |
- | </div>
| + | </div> |
| <div class="top-menu-each"> | | <div class="top-menu-each"> |
| <div class="arrow"></div> | | <div class="arrow"></div> |
Line 622: |
Line 613: |
| <a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a> |
| <a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</li></a> | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a> |
- | | + | |
| </ul> | | </ul> |
| </div> | | </div> |
Line 635: |
Line 625: |
| <a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a> |
| | | |
- | </ul>
| + | </ul> |
- | </div>
| + | </div> |
- | </div>
| + | </div> |
- | <div class="top-menu-each">
| + | <div class="top-menu-each"> |
- | <div class="arrow"></div>
| + | <div class="arrow"></div> |
- | <p>Human Practice</p>
| + | <p>Human Practice</p> |
- | <div class="top-menu-sub">
| + | <div class="top-menu-sub"> |
- | <ul>
| + | <ul> |
| <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a> |
| | | |
Line 648: |
Line 638: |
| <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a> |
| <a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a> | | <a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a> |
- |
| + | <a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a> |
- | </ul>
| + | </ul> |
- | </div>
| + | </div> |
- | </div>
| + | </div> |
- | <div class="top-menu-each">
| + | |
- | <div class="arrow"></div>
| + | |
- | <p>Safety</p>
| + | |
- | <div class="top-menu-sub">
| + | |
- | <ul>
| + | |
- | <a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
| + | |
- |
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="middle-photo">
| + | |
- | <div class="middle-photo-each">
| + | |
| | | |
- | <div id="all">
| + | <div class="top-menu-each"> |
- | <div class="container"> | + | <div class="arrow"></div> |
- | <div class="main">
| + | <p>Safety</p> |
- | <ul class="cbp_tmtimeline">
| + | <div class="top-menu-sub"> |
- | <li>
| + | <ul> |
- | <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span></span><span>
| + | <a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a> |
- | February</span></time>
| + | </ul> |
- | <div class="cbp_tmicon cbp_tmicon-phone"></div>
| + | </div> |
- | <div class="cbp_tmlabel">
| + | </div> |
- |
| + | |
- | <p>
| + | |
- | <strong>Feb 14</strong><br/>
| + | |
- | iGEM 2014 registration opens.<br/>
| + | |
- | <strong>Feb 20</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | Team of iGEM 2014 in UESTC is founded.<br/>
| + | |
- | <strong>Feb 21</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | We name our team Green Life;<br/>
| + | |
- | Discuss the direction we will focus on for the iGEM 2014.<br/>
| + | |
- | <strong>Feb 24</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | We meet the supervisors Yong Zhang, Xuelian Zheng, Lixia Tang, discussing the direction and acquiring their opinions of our project.<br/>
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <time class="cbp_tmtime" datetime="2013-04-11 12:04"><span></span><span>
| + | |
- | March</span></time>
| + | |
- | <div class="cbp_tmicon cbp_tmicon-screen"></div>
| + | |
- | <div class="cbp_tmlabel">
| + | |
- |
| + | |
- | <p>
| + | |
- | <strong>March 3</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | We firstly choose plant as our receptor, each member of our team give advices for the details we plan to do, such as which plant to use, tobacco, Arabidopsis or any other plant?<br/>
| + | |
- | <strong>March 10</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | We talk with our supervisors and decide to use tobacco as our receptor for its simpleness as model organism.<br/>
| + | |
- | <strong>March 17</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | We discuss the project and firstly decide to create a plant which can absorb formaldehyde largely by synthetic biology. And we choose Yasong Cui as our team leader.<br/>
| + | |
- | <strong>March 24</strong><br/>
| + | |
- | Site: West 304 of main building in UESTC<br/>
| + | |
- | Team leader assign task for us;<br/>
| + | |
- | The first phase for our task begins, searching references and designing our logo.<br/>
| + | |
- | <strong>March 31</strong><br/>
| + | |
- | We registered our team with the name of Green Life;<br/>
| + | |
- | iGEM 2014 registration closes;<br/>
| + | |
- | Team registration fee due.<br/>
| + | |
| | | |
- | </p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-13 05:36"><span></span><span>
| |
- | April</span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-mail"></div>
| |
- | <div class="cbp_tmlabel">
| |
- |
| |
- | <p>
| |
- | <strong>April 9</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Group meeting for the references and information we have researched last few days. Team leader Yasong Cui and Jingyao Lireport the key enzymes through the formaldehyde metabolic pathways. HPS, PHI are critical enzymes of RuMP pathway in formaldehyde assimilation. The references show that the transformation method is chloroplast transformation. The crucial enzyme in amplifying stomas of foliage.<br/>
| |
- | <strong>April 13</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Group meeting for the reference reading.<br/>
| |
- | Mingyuan Wang report one gene (AdCP) of pollen sterility;<br/>
| |
- | Jiao He report FDH which can amplify metabolic pathway in plant;<br/>
| |
- | Yasong Cui report gene AHA2 which can amplify stoma of foliage.<br/>
| |
- | <strong>April 16</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Group meeting for the wiki constructing;<br/>
| |
- | The responsible person of wiki, Zhiqiang Yan assign task for the rest.<br/>
| |
- | <strong>April 20</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Jie Li report Faldh which can amplify metabolic pathway in plant;<br/>
| |
- | Rui Liu report some information about HPS, PHI;<br/>
| |
- | Yasong Cui report some information about AHA2.<br/>
| |
- | <strong>April 23</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Vector construction and confirmation of the gene (HPS, PHI, FDH, Faldh, AHA2, AdCP) being used in our project.<br/>
| |
- | <strong>April 23</strong><br/>
| |
- | Site: online<br/>
| |
- | We exchange the team name Green Life into UESTC-China.<br/>
| |
- | <strong>April 30</strong><br/>
| |
- | Site: The seventh middle school in Chengdu.<br/>
| |
- | We introduce the concept and racing type of iGEM to the students in the seventh middle school who were the best students in Sichuan province.<br/>
| |
- | <strong>April 30</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | We talk about the PrbcS-3C promoter sequence and the gene sequence of transit peptide of chloroplast.<br/>
| |
| | | |
- | </p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
| |
- | May </span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-phone"></div>
| |
- | <div class="cbp_tmlabel">
| |
- |
| |
- | <p>
| |
- | DNA Distribution Kit sent to teams<br/>
| |
- | <strong>May 01</strong><br/>
| |
- | iGEM 2014 Late registration closes<br/>
| |
- | <strong>May 3</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Decisionon the backbone vector.<br/>
| |
- | The backbone named pXZY006 was proffered by one of our advisor Zhengyang Xie. And we designate it piGEM001.<br/>
| |
- | Weixin Liu finds some chloroplast and cytoplasm transit peptide from Uniprot database.
| |
- | <strong>May 7</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Take a group meeting and design the vectors we plan to use.<br/>
| |
- | <strong>May 14</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Group meeting.<br/>
| |
- | We discussed some details in the designing of vector constructing;<br/>
| |
- | At the end of the meeting, we started our experiments.<br/>
| |
- | <strong>May 19</strong><br/>
| |
- | Site: West 121 of main building in UESTC<br/>
| |
- | We extract pXZY006 plasmid from bacterium culture using TIANGEN kit.<br/>
| |
- | Using SpeⅠand HpaⅠto do the double digestion of pXZY006 and F01 (contains HPS ) and do the ligation using T4 DNA ligase.<br/>
| |
- | <strong>May 22</strong><br/>
| |
- | Site: West 121 of main building in UESTC<br/>
| |
- | Do the transformation in competent recipient E.coli cell.<br/>
| |
- | <strong>May 23</strong><br/>
| |
- | Site: West 121 of main building in UESTC<br/>
| |
- | Repeat the experiment we do in May 19 and May 22 for the outcome is not that satisfactory.<br/>
| |
- | Also we do not use the T4 ligase to do the ligation but by Gibson assembly.<br/>
| |
- | <strong>May 28</strong><br/>
| |
- | Site: West 121 of main building in UESTC<br/>
| |
- | Do the colony PCR to testify if the F01 has ligated to pXZY006.<br/>
| |
- | And it comes out with positive clones, so the vector piGEM001 has been successfully constructed.<br/>
| |
- | <strong>May 29</strong><br/>
| |
- | Site: West 304 of main building in UESTC<br/>
| |
- | Group meeting;<br/>
| |
- | Decide to build the second vector piGEM002.<br/>
| |
- | Ligate F05, F02, and F03 to piGEM001 to construct piGEM002;<br/>
| |
- | Ligate F06, F07 to piGEM002 to construct piGEM011.<br/>
| |
- | <strong>May 30</strong><br/>
| |
- | Site: West 121 of main building in UESTC<br/>
| |
- | Ligate F06 and F07 to iGEM001.<br/>
| |
- | <strong>May 31</strong><br/>
| |
- | Site: West 121 of main building in UESTC<br/>
| |
- | Do the transformation using heat shock.<br/>
| |
- | The outcome is satisfactory that there is no clone in control group and thirteen clones in experimental group.<br/>
| |
| | | |
- | </p>
| + | <div id="middle-photo"> |
- | </div>
| + | <div class="middle-photo-each"> |
- | </li>
| + | <div id="SensorEditingArea" class="SensorEditingAreaClass"> |
- | <li>
| + | |
- | <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
| + | |
- | June </span></time>
| + | |
- | <div class="cbp_tmicon cbp_tmicon-phone"></div>
| + | |
- | <div class="cbp_tmlabel">
| + | </div> |
- |
| + | </div> |
- | <p>
| + | |
- | <strong>June 5</strong><br/> | + | </div> |
- | Site: West 121 of main building in UESTC<br/> | + | </div> |
- | Do the colony PCR to testify if the F06 and F07 have ligated to piGEM001.<br/> | + | |
- | This ligation fail due to the outcome of colony PCR.<br/> | + | |
- | <strong>June 6</strong><br/>
| + | |
- | Site: West 121 of main building in UESTC<br/>
| + | |
- | Repeating the experiment we did on May 31.<br/>
| + | |
- | <strong>June 7</strong><br/>
| + | |
- | Site: West 121 of main building in UESTC<br/>
| + | |
- | Do the transformation and colony PCR.<br/>
| + | |
- | The outcome of colony PCR still demonstrate we fail again.<br/>
| + | |
- | <strong>June 8-13</strong><br/>
| + | |
- | Site: West 121 of main building in UESTC<br/>
| + | |
- | We do the ligation and transformation repeatedly, asking help from our advisors, finally we got the right outcome of piGEM011 (not the originally piGEM011 we planned to construct, used to be F06+F07+piGEM002 and now is F06+F07+piGEM001)<br/>
| + | |
- | <strong>June 14</strong><br/>
| + | |
- | Site: West 121 of main building in UESTC<br/>
| + | |
- | We ligate F02, F03, and F05 but fair.<br/>
| + | |
- | <strong>June 15</strong><br/>
| + | |
- | Site: West 121 of main building in UESTC<br/>
| + | |
- | We ligate F02, F03, and F05 but fair.<br/>
| + | |
- | <strong>June 16</strong><br/>
| + | |
- | Site: The area before Sun Shine dining hall in UESTC<br/>
| + | |
- | We made a knowledge quiz which contains a few questions concerning iGEM or synthetic biology to expand people's horizon.<br/>
| + | |
- | <strong>June 19</strong><br/>
| + | |
- | Open Office Hours -- ask safety questions, meet other iGEMers!<br/>
| + | |
- | <strong>June 23</strong><br/>
| + | |
- | About our Lab form due<br/>
| + | |
- | <strong>June 17-30</strong><br/>
| + | |
- | Site: West 121 of main building in UESTC<br/>
| + | |
- | We do the multiple ligation of F02, F03, and F05 repeatedly for changing the parameters in experiments but fair.<br/>
| + | |
| | | |
- | </p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
| |
- | Aug 6th </span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-phone"></div>
| |
- | <div class="cbp_tmlabel">
| |
- | <h2>Vector construction</h2>
| |
- | <p>On August 6th, after about three months' hard work,we finish the section of vector construction. According to the plan,we are going to construct 11 gene expression vectors,including 2 backbone vectors, 6 single gene expression vectors and 3 multi-gene expression vectors. The main reason why it takes so long is that the gene AHA2 we synthetize from the company can't stay stable in our competent cell. Several methods are tried, but they don' work. So we have to give the gene up.
| |
- | </p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-17 12:11"><span></span><span>
| |
- | Aug 18th </span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-earth"></div>
| |
- | <div class="cbp_tmlabel">
| |
- | <h2>Visited by the schoolmaster</h2>
| |
- | <p>During the summer vacation, besides communicating with the students in SCU, there is another activity which worth a notice, our principal came to our laboratory and gave us a speech, which totally stimulated us to work harder and excited. The principal told us do not be scared to have the new idea, ‘cause the study we received today is to make us to speak out a new idea no matter it is wizard or not.</p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-17 12:11"><span></span><span>Aug</span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-screen"></div>
| |
- | <div class="cbp_tmlabel">
| |
- | <h2>Questionaire</h2>
| |
- | <p>In order to popular iGEM in our country and do some research about our project, we made a questionnaire. We disseminated the questionnaire in many different places to make different range of people to participate this research, however, the students is still the most part of the engaged people.<br/>In the questionnaire, we got three part needing people to sign in. through these three parts’ questions, we can find the viewpoints people showed to iGEM and our project.</p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-18 09:56"><span></span><span>Sep 1th</span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-phone"></div>
| |
- | <div class="cbp_tmlabel">
| |
- | <h2>Formaldehyde detection</h2>
| |
- | <p>On September 1st, when the eighth leaves of the first batch of tobacco seedings appear,we start the formal experiments of formaldehyde detection. Before that,some pre-tests are made based on some corresponding references. Finding the right amount of formaldehyde is the hardest part. By means of a series of experiments,we determine the final protocol which includes the qualitative detection and quantitative detection. From the experimental results,we can draw the conclusion that our super plants have remarkable formaldehyde tolerance and can dramatically reduce the concentration of formaldehyde in the air.</p>
| |
- | </div>
| |
- | </li>
| |
- | <li>
| |
- | <time class="cbp_tmtime" datetime="2013-04-18 09:56"><span></span><span>Sep 25th</span></time>
| |
- | <div class="cbp_tmicon cbp_tmicon-phone"></div>
| |
- | <div class="cbp_tmlabel">
| |
- | <h2>Products display</h2>
| |
- | <p>In the beginning of this new semester, our school held a science and culture activity. We caught this opportunity to advertise iGEM and our ultimate products, the plants which can absorb formaldehyde. The leaders and many teachers in our school also participated this activity. We displayed the plants which already owned the several genes which worked in the absorption of formaldehyde, to the people who visited our project. And the people visited our plant all said they want to owe one if there is already market available.</p>
| |
- | </div>
| |
- | </li>
| |
| | | |
- | </ul>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
| <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> |
| <script type="text/javascript"> | | <script type="text/javascript"> |