Team:UESTC-China/HPtest.html

From 2014.igem.org

(Difference between revisions)
 
(38 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>
+
-
+
-
  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}
+
 +
<style>
 +
     
 +
    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}
body{
body{
Line 39: Line 39:
display: none;
display: none;
}
}
-
 
-
 
#total-wrap{
#total-wrap{
position:absolute;
position:absolute;
Line 65: Line 63:
padding-left:20px;
padding-left:20px;
background-color: #394264;
background-color: #394264;
-
width: 1195px;
+
width: 1214px;
}
}
Line 120: Line 118:
z-index: 10;
z-index: 10;
min-width: 215px;
min-width: 215px;
 +
width: 197px;
}
}
.top-menu-sub li{
.top-menu-sub li{
Line 211: Line 210:
margin-right: 0px;
margin-right: 0px;
}
}
-
 
#footer{
#footer{
Line 258: Line 256:
}
}
#middle-photo{
#middle-photo{
-
position:absolute;
 
-
margin-top:10px;
 
float: left;
float: left;
margin-bottom: 25px;
margin-bottom: 25px;
Line 283: Line 279:
.middle-content p{
.middle-content p{
color: black;
color: black;
-
font-size: 16px;
+
font-size: 26px;
font-family: helveticallt,"微软雅黑";
font-family: helveticallt,"微软雅黑";
line-height: 20px;
line-height: 20px;
Line 303: Line 299:
position: fixed;
position: fixed;
top: 80%;
top: 80%;
-
margin-left: 1205px;
+
margin-left: 1105px;
cursor: pointer;
cursor: pointer;
}
}
Line 329: Line 325:
}
}
-
/*rocket-to-top*/
+
@font-face {
-
*{list-style:none;border:0;}
+
font-family:  Microsoft Yahei;
 +
font-weight: normal;
 +
font-style: normal;
 +
} /* Made with http://icomoon.io/ */
-
#rocket-to-top div {
+
.cbp_tmtimeline {
-
    left: 0;
+
margin: 30px 0 0 0;
-
    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 {
+
 
-
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
+
.cbp_tmtimeline > li {
-
    display: none;
+
position: relative;
-
    height: 250px;
+
-
    opacity: 0;
+
-
    z-index: 1;
+
}
}
-
#rocket-to-top .level-3 {
+
 
-
    background: none repeat scroll 0 0 transparent;
+
/* The date/time */
-
    cursor: pointer;
+
.cbp_tmtimeline > li .cbp_tmtime {
-
    display: block;
+
display: block;
-
    height: 150px;
+
width: 25%;
-
    z-index: 2;
+
padding-right: 100px;
 +
position: absolute;
}
}
-
#rocket-to-top {
+
 
-
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
+
.cbp_tmtimeline > li .cbp_tmtime span {
-
    cursor: default;
+
display: block;
-
    display: block;
+
text-align: right;
-
    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 ;
 +
}
-
#all{position:absolute; left:0px; top:300px; height:2300px; width:1180px;  padding:60px 0px 0px 30px;}
+
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
-
 
+
font-size: 2em;
-
/* Font Definitions */
+
color: #00CC99;
-
 
+
}
-
@font-face
+
-
 
+
-
{font-family:宋体;
+
-
 
+
-
panose-1:2 1 6 0 3 1 1 1 1 1;
+
-
 
+
-
mso-font-charset:80;
+
-
 
+
-
mso-generic-font-family:auto;
+
-
 
+
-
mso-font-pitch:variable;
+
-
 
+
-
mso-font-signature:3 680460288 22 0 262145 0;}
+
-
 
+
-
@font-face
+
-
 
+
-
{font-family:宋体;
+
-
 
+
-
panose-1:2 1 6 0 3 1 1 1 1 1;
+
-
 
+
-
mso-font-charset:80;
+
-
 
+
-
mso-generic-font-family:auto;
+
-
 
+
-
mso-font-pitch:variable;
+
-
 
+
-
mso-font-signature:3 680460288 22 0 262145 0;}
+
-
 
+
-
@font-face
+
-
 
+
-
{font-family:"\@宋体";
+
-
 
+
-
panose-1:2 1 6 0 3 1 1 1 1 1;
+
-
 
+
-
mso-font-charset:80;
+
-
 
+
-
mso-generic-font-family:auto;
+
-
 
+
-
mso-font-pitch:variable;
+
-
 
+
-
mso-font-signature:3 680460288 22 0 262145 0;}
+
-
 
+
-
@font-face
+
-
 
+
-
{font-family:Calibri;
+
-
 
+
-
panose-1:2 15 5 2 2 2 4 3 2 4;
+
-
 
+
-
mso-font-charset:0;
+
-
 
+
-
mso-generic-font-family:auto;
+
-
 
+
-
mso-font-pitch:variable;
+
-
 
+
-
mso-font-signature:-520092929 1073786111 9 0 415 0;}
+
-
 
+
-
@font-face
+
-
 
+
-
{font-family:"Heiti SC Light";
+
-
 
+
-
panose-1:2 0 0 0 0 0 0 0 0 0;
+
-
 
+
-
mso-font-charset:80;
+
-
 
+
-
mso-generic-font-family:auto;
+
-
 
+
-
mso-font-pitch:variable;
+
-
 
+
-
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
+
-
 
+
-
@font-face
+
-
 
+
-
{font-family:"\@Heiti SC Light";
+
-
 
+
-
panose-1:2 0 0 0 0 0 0 0 0 0;
+
-
 
+
-
mso-font-charset:80;
+
-
 
+
-
mso-generic-font-family:auto;
+
-
 
+
-
mso-font-pitch:variable;
+
-
 
+
-
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
+
-
 
+
-
/* Style Definitions */
+
-
 
+
-
p.MsoNormal, li.MsoNormal, div.MsoNormal
+
-
 
+
-
{mso-style-unhide:no;
+
-
 
+
-
mso-style-qformat:yes;
+
-
 
+
-
mso-style-parent:"";
+
-
 
+
-
margin:0cm;
+
-
 
+
-
margin-bottom:.0001pt;
+
-
 
+
-
text-align:justify;
+
-
 
+
-
text-justify:inter-ideograph;
+
-
 
+
-
mso-pagination:none;
+
-
 
+
-
font-size:10.5pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;
+
-
 
+
-
font-family:Calibri;
+
-
 
+
-
mso-ascii-font-family:Calibri;
+
-
 
+
-
mso-ascii-theme-font:minor-latin;
+
-
 
+
-
mso-fareast-font-family:宋体;
+
-
 
+
-
mso-fareast-theme-font:minor-fareast;
+
-
 
+
-
mso-hansi-font-family:Calibri;
+
-
 
+
-
mso-hansi-theme-font:minor-latin;
+
-
 
+
-
mso-bidi-font-family:"Times New Roman";
+
-
 
+
-
mso-bidi-theme-font:minor-bidi;
+
-
 
+
-
mso-font-kerning:1.0pt;}
+
-
 
+
-
p.MsoHeader, li.MsoHeader, div.MsoHeader
+
-
 
+
-
{mso-style-priority:99;
+
-
 
+
-
mso-style-link:页眉字符;
+
-
 
+
-
margin:0cm;
+
-
 
+
-
margin-bottom:.0001pt;
+
-
 
+
-
text-align:center;
+
-
 
+
-
mso-pagination:none;
+
-
 
+
-
tab-stops:center 207.65pt right 415.3pt;
+
-
 
+
-
layout-grid-mode:char;
+
-
 
+
-
border:none;
+
-
 
+
-
mso-border-bottom-alt:solid windowtext .75pt;
+
-
 
+
-
padding:0cm;
+
-
 
+
-
mso-padding-alt:0cm 0cm 1.0pt 0cm;
+
-
 
+
-
font-size:9.0pt;
+
-
 
+
-
font-family:Calibri;
+
-
 
+
-
mso-ascii-font-family:Calibri;
+
-
 
+
-
mso-ascii-theme-font:minor-latin;
+
-
 
+
-
mso-fareast-font-family:宋体;
+
-
 
+
-
mso-fareast-theme-font:minor-fareast;
+
-
 
+
-
mso-hansi-font-family:Calibri;
+
-
 
+
-
mso-hansi-theme-font:minor-latin;
+
-
 
+
-
mso-bidi-font-family:"Times New Roman";
+
-
 
+
-
mso-bidi-theme-font:minor-bidi;
+
-
 
+
-
mso-font-kerning:1.0pt;}
+
-
 
+
-
p.MsoFooter, li.MsoFooter, div.MsoFooter
+
-
 
+
-
{mso-style-priority:99;
+
-
 
+
-
mso-style-link:页脚字符;
+
-
 
+
-
margin:0cm;
+
-
 
+
-
margin-bottom:.0001pt;
+
-
 
+
-
mso-pagination:none;
+
-
 
+
-
tab-stops:center 207.65pt right 415.3pt;
+
-
 
+
-
layout-grid-mode:char;
+
-
 
+
-
font-size:9.0pt;
+
-
 
+
-
font-family:Calibri;
+
-
 
+
-
mso-ascii-font-family:Calibri;
+
-
 
+
-
mso-ascii-theme-font:minor-latin;
+
-
 
+
-
mso-fareast-font-family:宋体;
+
-
 
+
-
mso-fareast-theme-font:minor-fareast;
+
-
 
+
-
mso-hansi-font-family:Calibri;
+
-
 
+
-
mso-hansi-theme-font:minor-latin;
+
-
 
+
-
mso-bidi-font-family:"Times New Roman";
+
-
 
+
-
mso-bidi-theme-font:minor-bidi;
+
-
 
+
-
mso-font-kerning:1.0pt;}
+
-
 
+
-
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
+
-
 
+
-
{mso-style-noshow:yes;
+
-
 
+
-
mso-style-priority:99;
+
-
 
+
-
mso-style-link:批注框文本字符;
+
-
 
+
-
margin:0cm;
+
-
 
+
-
margin-bottom:.0001pt;
+
-
 
+
-
text-align:justify;
+
-
 
+
-
text-justify:inter-ideograph;
+
-
 
+
-
mso-pagination:none;
+
-
 
+
-
font-size:9.0pt;
+
-
 
+
-
font-family:"Heiti SC Light";
+
-
 
+
-
mso-hansi-font-family:Calibri;
+
-
 
+
-
mso-hansi-theme-font:minor-latin;
+
-
 
+
-
mso-bidi-font-family:"Times New Roman";
+
-
 
+
-
mso-bidi-theme-font:minor-bidi;
+
-
 
+
-
mso-font-kerning:1.0pt;}
+
-
 
+
-
span.a
+
-
 
+
-
{mso-style-name:页眉字符;
+
-
 
+
-
mso-style-priority:99;
+
-
 
+
-
mso-style-unhide:no;
+
-
 
+
-
mso-style-locked:yes;
+
-
 
+
-
mso-style-link:页眉;
+
-
 
+
-
mso-ansi-font-size:9.0pt;
+
-
 
+
-
mso-bidi-font-size:9.0pt;}
+
-
 
+
-
span.a0
+
-
 
+
-
{mso-style-name:页脚字符;
+
-
 
+
-
mso-style-priority:99;
+
-
 
+
-
mso-style-unhide:no;
+
-
 
+
-
mso-style-locked:yes;
+
-
 
+
-
mso-style-link:页脚;
+
-
 
+
-
mso-ansi-font-size:9.0pt;
+
-
 
+
-
mso-bidi-font-size:9.0pt;}
+
-
 
+
-
span.a1
+
-
 
+
-
{mso-style-name:批注框文本字符;
+
-
 
+
-
mso-style-noshow:yes;
+
-
 
+
-
mso-style-priority:99;
+
-
 
+
-
mso-style-unhide:no;
+
-
 
+
-
mso-style-locked:yes;
+
-
 
+
-
mso-style-link:批注框文本;
+
-
 
+
-
mso-ansi-font-size:9.0pt;
+
-
 
+
-
mso-bidi-font-size:9.0pt;
+
-
 
+
-
font-family:"Heiti SC Light";
+
-
 
+
-
mso-ascii-font-family:"Heiti SC Light";
+
-
 
+
-
mso-fareast-font-family:"Heiti SC Light";}
+
-
 
+
-
span.SpellE
+
-
 
+
-
{mso-style-name:"";
+
-
 
+
-
mso-spl-e:yes;}
+
-
 
+
-
span.GramE
+
-
 
+
-
{mso-style-name:"";
+
-
 
+
-
mso-gram-e:yes;}
+
-
 
+
-
.MsoChpDefault
+
-
 
+
-
{mso-style-type:export-only;
+
-
 
+
-
mso-default-props:yes;
+
-
 
+
-
 
+
-
font-size:10.5pt;
+
-
 
+
-
mso-ansi-font-size:10.5pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;
+
-
 
+
-
font-family:Calibri;
+
-
 
+
-
mso-bidi-font-family:"Times New Roman";
+
-
 
+
-
mso-bidi-theme-font:minor-bidi;}
+
-
 
+
-
/* Page Definitions */
+
-
 
+
-
@page
+
-
 
+
-
{mso-page-border-surround-header:no;
+
-
 
+
-
mso-page-border-surround-footer:no;
+
-
 
+
-
mso-footnote-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") fs;
+
-
 
+
-
mso-footnote-continuation-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") fcs;
+
-
 
+
-
mso-endnote-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") es;
+
-
 
+
-
mso-endnote-continuation-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") ecs;}
+
-
 
+
-
@page WordSection1
+
-
 
+
-
{size:841.95pt 42.0cm;
+
-
 
+
-
mso-header-margin:42.55pt;
+
-
 
+
-
mso-footer-margin:49.6pt;
+
-
 
+
-
mso-paper-source:0;
+
-
 
+
-
layout-grid:15.6pt;
+
-
 
+
-
}
+
-
 
+
-
div.WordSection1
+
-
 
+
-
{page:WordSection1;}
+
-
 
+
-
.STYLE3 {
+
-
 
+
-
font-size: 14pt;
+
-
 
+
-
font-weight: bold;
+
-
 
+
-
font-family: "Times New Roman", Times, serif;
+
 +
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
 +
color: #00CC66;
}
}
-
.STYLE4 {font-weight: bold}
+
/* Right content */
-
 
+
.cbp_tmtimeline > li .cbp_tmlabel {
-
#overview-word {margin-left:130px;
+
margin: 0 0 15px 25%;
-
 
+
background:#7DD917;
-
margin-right:130px;
+
color: #ffffff;
-
 
+
padding:13px;
-
position:absolute;}
+
font-size: 10px;
-
 
+
font-weight: 300;
-
 
+
line-height: 1.4;
-
 
+
position: relative;
-
.middle { height:444px; width:1214px; background-color: #1bbc9b;}
+
border-radius:5px;
-
 
+
-
.head { height:60px; width:1200px; float:left; margin-top:15px;}
+
-
 
+
-
.content { height:380px; width:1214px; background-color: #99FF99; margin-top:30px;}
+
-
 
+
-
.headword { font-size:25px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
+
-
 
+
-
#head0 {height:60px; width:1200px;margin-top:15px;}
+
-
 
+
-
#content0 { height:550px; width:1214px; background-color: #99FF99; top:100px; position:absolute;}
+
-
 
+
-
#headword0 { font-size:45px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
+
-
 
+
-
#text0 { height:531px;
+
-
 
+
-
width:717px;
+
-
 
+
-
margin-top:40px;
+
-
 
+
-
margin-left:350px;
+
-
 
+
-
position:absolute;
+
-
 
+
-
color: #666666;
+
-
 
+
-
left: 129px;
+
-
 
+
-
top: -6px;
+
-
 
+
-
font-family:helveticalmd,Microsoft Yahei;
+
-
 
+
}
}
-
.picture1 {
+
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
-
 
+
background: #00CC99;
-
margin-top:35px;
+
-
 
+
-
margin-left:600px;
+
-
 
+
-
position:absolute;
+
-
 
+
}
}
-
.picture2 {
+
.cbp_tmtimeline > li .cbp_tmlabel h2 {  
-
 
+
margin-top: 0px;
-
margin-top:35px;
+
padding: 0 0 10px 0;
-
 
+
border-bottom: 1px solid rgba(255,255,255,0.4);
-
margin-left:30px;
+
color:#ffffff;
-
 
+
font-size: 20px;
-
position:absolute;
+
-
 
+
-
height: 320px;
+
-
 
+
}
}
-
#middle0 {
+
/* The triangle */
-
 
+
.cbp_tmtimeline > li .cbp_tmlabel:after {
-
position:absolute;
+
right: 100%;
-
 
+
border: solid transparent;
-
height:500px;
+
content: " ";
-
 
+
height: 0;
-
width:1214px;
+
width: 0;
-
 
+
position: absolute;
-
background-color: #1bbc9b;
+
pointer-events: none;
-
 
+
border-right-color: #7DD917;
-
left: 0px;
+
border-width: 10px;
-
 
+
top: 10px;
-
top: 0px;
+
-
 
+
}
}
-
 
+
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
-
 
+
border-right-color: #00CC99;
-
#middle1 {
+
-
 
+
-
top:625px;
+
-
 
+
-
position:absolute;
+
-
 
+
-
left: 0px;
+
-
 
+
-
 
+
-
 
+
}
}
-
#middle2 {
+
/* The icons */
-
 
+
.cbp_tmtimeline > li .cbp_tmicon {
-
top:1087px;
+
width: 40px;
-
 
+
height: 40px;
 +
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;
 +
background: #98CB00;
 +
border-radius: 50%;
 +
box-shadow: 0 0 0 8px #B2EC05 ;
 +
text-align: center;
 +
left: 20%;
 +
top: 0;
 +
margin: 0 0 0 -25px;
 +
}
-
left: 0px;
+
.cbp_tmicon-phone:before {
-
 
+
content: "\e000";
-
 
+
}
 +
.cbp_tmicon-screen:before {
 +
content: "\e001";
}
}
-
#middle3 {
+
.cbp_tmicon-mail:before {
-
 
+
content: "\e002";
-
top:1549px;
+
-
 
+
-
+
-
 
+
-
position:absolute;
+
-
 
+
-
left:0px;
+
-
 
+
-
 
+
-
 
+
}
}
-
#middle4 {
+
.cbp_tmicon-earth:before {
-
 
+
content: "\e003";
-
top:2010px;
+
-
 
+
-
position:absolute;
+
-
 
+
-
left:0px;
+
-
 
+
-
 
+
-
 
+
}
}
-
#middle5 {
+
/* Example Media Queries */
-
 
+
@media screen and (max-width: 65.375em) {
-
top:2471px;
+
-
 
+
-
position:absolute;
+
-
 
+
-
left:0px;
+
-
 
+
-
 
+
 +
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
 +
font-size: 1.5em;
 +
}
}
}
-
#middle6 {
+
@media screen and (max-width: 47.2em) {
 +
.cbp_tmtimeline:before {
 +
display: none;
 +
}
-
top:2932px;
+
.cbp_tmtimeline > li .cbp_tmtime {
 +
width: 100%;
 +
position: relative;
 +
padding: 0 0 20px 0;
 +
}
-
position:absolute;
+
.cbp_tmtimeline > li .cbp_tmtime span {
 +
text-align: left;
 +
}
-
left:0px;
+
.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;
 +
}
}
}
-
#middle7 {
 
-
top:3394px;
+
/* General Blueprint Style */
-
 
+
@font-face {
-
position:absolute;
+
font-family: Microsoft Yahei;
-
 
+
font-weight: normal;
-
left:0px;
+
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;
}
}
-
#middle8 {
+
a {
-
 
+
color: #ffffff;
-
top:3854px;
+
text-decoration: none;
-
 
+
-
position:absolute;
+
-
 
+
-
left: 0px;
+
-
 
+
-
 
+
-
 
+
}
}
-
 
+
a:hover {
-
 
+
color: #000;
-
.text1 {
+
-
 
+
-
height:380px;
+
-
 
+
-
width:300px;
+
-
 
+
-
margin-left:40px;
+
-
 
+
-
color: #666666;
+
-
 
+
-
position:absolute;
+
-
 
+
-
margin-top:40px;
+
-
 
+
-
left: 77px;
+
-
 
+
-
top: 89px;
+
-
 
+
-
font-family:helveticalmd,Microsoft Yahei;
+
-
 
+
}
}
 +
.container{
 +
background-color:#ffffff;
 +
width:1214;
 +
padding-top:20px;}
-
.text2 {
+
.main{
-
 
+
width: 95%;
-
height:380px;
+
max-width: 69em;
-
 
+
margin: 0 auto;
-
width:300px;
+
padding: 0 1.875em 3.125em 1.875em;
-
 
+
background-color: #ffffff;
-
margin-top:30px;
+
-
 
+
-
margin-left:600px;
+
-
 
+
-
position:absolute;
+
-
 
+
-
color: #666666;
+
-
 
+
-
left: 126px;
+
-
 
+
-
top: 106px;
+
-
 
+
-
font-family:helveticalmd,Microsoft Yahei;
+
-
 
+
}
}
-
 
</style>
</style>
</head>
</head>
Line 1,042: Line 616:
<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>
Line 1,066: Line 640:
</ul>
</ul>
-
</div>
+
  </div>
</div>
</div>
</div>
</div>
</div>
</div>
-
 
+
    <div id="middle-photo">
-
 
+
-
 
+
-
<div id="middle-photo">
+
<div class="middle-photo-each">
<div class="middle-photo-each">
-
<div id="all">
+
<div id="all">
-
+
<div class="container">
-
      <div id="middle0">
+
  <div class="main">
-
        <div id="head0" >
+
    <ul class="cbp_tmtimeline">
-
          <p align="center" id="headword0"><b>Overview</b></p>
+
      <li>
-
          <div id="content0" >
+
        <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span></span><span>
-
            <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/1/15/2.jpg" width="344" height="443"  /> </div>
+
April 3</span></time>
-
            <div id="text0">
+
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
-
              <p class=MsoNormal align=left style='text-align:left;line-height:115%;
+
        <div class="cbp_tmlabel">
-
 
+
          <h2>Team set up</h2>
-
mso-pagination:widow-orphan'><u><span lang=EN-US style='font-size:14.0pt;
+
          <p>Our iGEM-China team was founded in April 3, on this special day we hold a meeting to record this important moment. The leadership of our school attend to this meeting, and denote that our school will spare no effort to support our iGEM project. At the first, we only have three members. Until now, we got nine members, two advisors and three instructors. Besides of them, we also get some help from the seniors.</p>
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> <span class="STYLE4">
+
-
                <o:p></o:p>
+
-
                </span></span></u></p>
+
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> This year , <span class=SpellE>UESTC-<span class=GramE>China</span></span> 2014 IGEM has been working on the problem of formaldehyde,we try to use the principle of synthetic biology to make a plant to absorb formaldehyde largely.</span></strong></p>
+
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
-
                First,we conducted a knowledge quiz activity to popularize IGEM,and let more Chinese know the competition,and drawed their attract on synthetic biology.To crystallize the goal,we bought many liitle gifts such as delicate plants,cartoon fans for the people who joined in our activity and did a good job.</span></strong></p>
+
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
-
                Then,we drawed up a questionnaire survey to gather the information of public awareness of synthetic biology and the population of formaldehyde,and last but no least,their perspective on the trangenetic plant which can absorb formaldehyde,if they mind this man-made thing.</span></strong></p>
+
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
-
                Also,we do a <span class=SpellE>on-the-spot</span> research in many residential district,where the houses are furbishing,so the formaldehyde pollution is relatively critical.</span></strong></p>
+
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
-
                Last,we analized ur research data,and come to a conclusion of our activity,and made many charts or diagrams to make people easy understand.In addition to these above,we also communicate with other IGEM teams,such as <span class=SpellE>USTC-<span class=GramE>China</span></span> ,<span class=SpellE>HZAU-<span class=GramE>China</span></span> ,etc.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
              </span></strong>
+
-
              </p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
       <div id="middle1" class="middle" >
+
       <li>
-
         <div class="head" >
+
         <time class="cbp_tmtime" datetime="2013-04-11 12:04"><span></span><span>
-
          <p align="center" class="headword"><b> knowledge quiz activity</b></p>
+
April 29</span></time>
-
          <div class="content" >
+
        <div class="cbp_tmicon cbp_tmicon-screen"></div>
-
            <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/7/74/UESTC1.jpg" width="556" height="319" /> </div>
+
        <div class="cbp_tmlabel">
-
            <div class="text1">
+
          <h2>A lecture to the seventh middle school.</h2>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
          <p>On April the 29th , our team members went to the seventh middle school of Chengdu to disseminate iGEM and our project. The seventh middle school of Chengdu is the best high school in Chengdu city. Almost everybody in Sichuan province heard about it. We introduce iGEM to them, may get more fresh vitality to iGEM and the area of synthetic biology. This lecture had a perfect end. Students in the seventh middle school express high warmth in this international competition.</p>
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;The two in our fisrt sight are our team leader Yasong Cui (the right) and our wiki Zhiqiang Yan(the left),you can see the smile on their face. And both in their hands hold our cartoon fans and delicate plant which are used as little gifts for this activity.Behind of them is our activity's banner.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
       <div id="middle2" class="middle" >
+
       <li>
-
         <div class="head" >
+
         <time class="cbp_tmtime" datetime="2013-04-13 05:36"><span></span><span>
-
          <p align="center" class="headword"><b>we bought cartoon fans and plants as incentive</b></p>
+
June 16</span></time>
-
          <div class="content" >
+
        <div class="cbp_tmicon cbp_tmicon-mail"></div>
-
            <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/d/d0/4.jpg" width="533" height="315"/></div>
+
        <div class="cbp_tmlabel">
-
            <div class="text2">
+
          <h2>Knowledge quiz</h2>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
          <p>On June 16th , to advertise iGEM and our team to Chinese students we held a activity named knowledge quiz ,which took place in the center of students’ activity. And the students passed by can answer two of the questions and if them answered with the right answer then he can get a delicate gift which we bought as a incentive.</p>
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;Our team members are packing our little gifts for the activity. we bought 200 cartoon fans and 30 green plants as incentive to attract people who are passing by. If the person who answer our questions then he can own a cartoon fan, if he answer two questions then he may win a pot of plant .
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
       <div id="middle3" class="middle" >
+
       <li>
-
         <div class="head" >
+
         <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
-
          <p align="center" class="headword"><b>the olds are also attracted by the activity</b></p>
+
August  </span></time>
-
          <div class="content" >
+
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
-
            <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/e/e2/UESTC-5.jpg" width="556" height="319" /> </div>
+
        <div class="cbp_tmlabel">
-
            <div class="text1">
+
          <h2>Questionnaires</h2>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
          <p>In August , 2014, our team make a questionnaire to investigate people in every stratum and in every occupation to get the information how much does the people in different range know about iGEM or the pollution formaldehyde produce.
-
 
+
The making of questionnaires is difficult, because you do not know the extent of how much people understand about synthetic biology. When distributing the questionnaires we do find this issue, people walking on the street rarely knows about biology, let alone synthetic biology. But we do hope they can hear about synthetic biology no matter how little they get.
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
</p>
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;The olds are also interested in our activity. In this picture you can see the old ask our team member question. The slip of paper in their hands is our question. And by the paper question, passers-by can be more eligible about IGEM and our team's project. And meantime, the activity here attracts more and more people to join in.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
       <div id="middle8" class="middle" >
+
       <li>
-
         <div class="head" >
+
         <time class="cbp_tmtime" datetime="2013-04-16 21:30"><span></span><span>21:30</span></time>
-
          <p align="center" class="headword"><b>We take a picture as a souvenir</b></p>
+
        <div class="cbp_tmicon cbp_tmicon-earth"></div>
-
          <div class="content" >
+
        <div class="cbp_tmlabel">
-
            <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/d/d0/UESTC-10.png" width="534" height="317"  /> </div>
+
          <h2>成功构建载体</h2>
-
            <div class="text2">
+
          <p>Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage j铆cama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.</p>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;After this activity, all the member of us took a photo as a souvenir. Everyone looks enjoyed in this photo. And at the moment of shuttle click, we cheered. The leader said, we got it, this activity end perfectly. As the banner's going,hope the leaves bring you some green in June.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
       <div id="middle5" class="middle" >
+
       <li>
-
         <div class="head" >
+
         <time class="cbp_tmtime" datetime="2013-04-17 12:11"><span></span><span>12:11</span></time>
-
          <p align="center" class="headword"><b>more and more people are attracted</b></p>
+
        <div class="cbp_tmicon cbp_tmicon-screen"></div>
-
          <div class="content" >
+
        <div class="cbp_tmlabel">
-
            <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/1/18/6.jpg" width="556" height="319" /> </div>
+
          <h2>转化完成</h2>
-
            <div class="text1">
+
          <p>Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.</p>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;In this picture you can see the old is absorbed in considering the question's answer. The slip of paper in their hands is our question. And by the paper question, passers-by can be more eligible about IGEM and our team's project. And meantime, the activity here attracts more and more people to join in.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
       <div id="middle6" class="middle" >
+
       <li>
-
         <div class="head" >
+
         <time class="cbp_tmtime" datetime="2013-04-18 09:56"><span></span><span>09:56</span></time>
-
          <p align="center" class="headword"><b>One of the winner</b></p>
+
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
-
          <div class="content" >
+
        <div class="cbp_tmlabel">
-
            <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/f/fe/7.jpg" width="534" height="317"  /> </div>
+
          <h2>甲醛检测</h2>
-
            <div class="text2">
+
          <p>Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.</p>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;You can see more and more people are in our activity, one who took part in this activity then asked their friends to attend. And you can see the countenance on the girl's face ,which is so devoted. She has already win the first part, and now she answers the second part.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
         </div>
         </div>
-
       </div>
+
       </li>
-
      <div id="middle7" class="middle" >
+
    </ul>
-
        <div class="head" >
+
  </div>
-
          <p align="center" class="headword"><b>the girl win one pot of plant</b></p>
+
</div>
-
          <div class="content" >
+
</div>
-
            <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/8/8c/8.jpg" width="559" height="319" /> </div>
+
</div>
-
            <div class="text1">
+
</div>
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;When the activity is ending , people who answer the questions accurately gain one pot of our plant, the lovely girl in the picture is one of them.She said she was satisfied with our activity, and after this activity she had learned more about biology ,further more,she also learned something about the IGEM campaign.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
-
      <div id="middle4" class="middle" >
+
-
        <div class="head" >
+
-
          <p align="center" class="headword"><b>the winners</b></p>
+
-
          <div class="content" >
+
-
            <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/3/30/9.jpg" width="534" height="317"  /> </div>
+
-
            <div class="text2">
+
-
              <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
 
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
 
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;When the activity is ending , people who answer the questions accurately gain one pot of our plant, the lovely girl in the picture is one of them.They thought they had learned a lot about synthetic biology. They all felt satisfied with our little gifts.One of them also said,she wanna visit our lab to see this imagical plant which can absorb formaldehyde largely.
+
-
                <o:p></o:p>
+
-
                </span></strong></p>
+
-
            </div>
+
-
          </div>
+
-
        </div>
+
-
   
+
-
  </div>
+
-
+
-
</div>
+
-
<div class="middle-photo-each">
+
-
<div class="middle-content" style="height: 0;"></div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
-
<div style="display: none;" id="rocket-to-top">
+
-
<div style="opacity:0;display: block;" class="level-2"></div>
+
-
<div class="level-3"></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">

Latest revision as of 09:58, 18 September 2014

UESTC-China

  • Team set up

    Our iGEM-China team was founded in April 3, on this special day we hold a meeting to record this important moment. The leadership of our school attend to this meeting, and denote that our school will spare no effort to support our iGEM project. At the first, we only have three members. Until now, we got nine members, two advisors and three instructors. Besides of them, we also get some help from the seniors.

  • A lecture to the seventh middle school.

    On April the 29th , our team members went to the seventh middle school of Chengdu to disseminate iGEM and our project. The seventh middle school of Chengdu is the best high school in Chengdu city. Almost everybody in Sichuan province heard about it. We introduce iGEM to them, may get more fresh vitality to iGEM and the area of synthetic biology. This lecture had a perfect end. Students in the seventh middle school express high warmth in this international competition.

  • Knowledge quiz

    On June 16th , to advertise iGEM and our team to Chinese students we held a activity named knowledge quiz ,which took place in the center of students’ activity. And the students passed by can answer two of the questions and if them answered with the right answer then he can get a delicate gift which we bought as a incentive.

  • Questionnaires

    In August , 2014, our team make a questionnaire to investigate people in every stratum and in every occupation to get the information how much does the people in different range know about iGEM or the pollution formaldehyde produce. The making of questionnaires is difficult, because you do not know the extent of how much people understand about synthetic biology. When distributing the questionnaires we do find this issue, people walking on the street rarely knows about biology, let alone synthetic biology. But we do hope they can hear about synthetic biology no matter how little they get.

  • 成功构建载体

    Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage j铆cama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.

  • 转化完成

    Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.

  • 甲醛检测

    Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.

Retrieved from "http://2014.igem.org/Team:UESTC-China/HPtest.html"