Team:UESTC-China/HPtest.html

From 2014.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 1: Line 1:
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<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 66: Line 63:
padding-left:20px;
padding-left:20px;
background-color: #394264;
background-color: #394264;
-
width: 1195px;
+
width: 1214px;
}
}
Line 121: 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 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 321: Line 317:
display: none;
display: none;
}
}
-
.content{
+
#content{
border:none;
border:none;
background: none;
background: none;
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 ;
 +
}
-
/* Font Definitions */
+
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
-
 
+
font-size: 2em;
-
@font-face
+
color: #00CC99;
-
 
+
}
-
{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>
Line 1,005: Line 583:
</div>
</div>
</div>
</div>
 +
<div class="top-menu-each">
<div class="top-menu-each">
<div class="arrow"></div>
<div class="arrow"></div>
Line 1,019: Line 598:
</div>
</div>
</div>
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
<div class="arrow"></div>
<div class="arrow"></div>
<p>Modeling</p>
<p>Modeling</p>
Line 1,029: Line 608:
</div>
</div>
</div>
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
<div class="arrow"></div>
<div class="arrow"></div>
<p>Parts</p>
<p>Parts</p>
Line 1,037: 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,061: Line 640:
</ul>
</ul>
-
</div>
+
  </div>
</div>
</div>
</div>
</div>
</div>
</div>
 +
    <div id="middle-photo">
 +
<div class="middle-photo-each">
-
 
+
<div id="all">
-
 
+
<div class="container">
-
<div id="middle-photo">
+
  <div class="main">
-
<div class="middle-photo-each">
+
    <ul class="cbp_tmtimeline">
-
<div id="middle0">
+
      <li>
-
 
+
        <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span></span><span>
-
  <div id="head0" >
+
April 3</span></time>
-
 
+
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
-
    <p align="center" id="headword0"><b>Overview</b></p>
+
        <div class="cbp_tmlabel">
-
 
+
          <h2>Team set up</h2>
-
    <div id="content0" >
+
          <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>
-
 
+
        </div>
-
      <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/1/15/2.jpg" width="344" height="443"  /> </div>
+
      </li>
-
 
+
       <li>
-
       <div id="text0">
+
         <time class="cbp_tmtime" datetime="2013-04-11 12:04"><span></span><span>
-
 
+
April 29</span></time>
-
         <p class=MsoNormal align=left style='text-align:left;line-height:115%;
+
         <div class="cbp_tmicon cbp_tmicon-screen"></div>
-
 
+
        <div class="cbp_tmlabel">
-
mso-pagination:widow-orphan'><u><span lang=EN-US style='font-size:14.0pt;
+
          <h2>A lecture to the seventh middle school.</h2>
-
 
+
          <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-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> <span class="STYLE4">
+
        </div>
-
 
+
      </li>
-
          <o:p></o:p>
+
      <li>
-
 
+
         <time class="cbp_tmtime" datetime="2013-04-13 05:36"><span></span><span>
-
          </span></span></u></p>
+
June 16</span></time>
-
 
+
        <div class="cbp_tmicon cbp_tmicon-mail"></div>
-
         <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
        <div class="cbp_tmlabel">
-
 
+
           <h2>Knowledge quiz</h2>
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
          <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>
-
 
+
        </div>
-
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>
+
      </li>
-
 
+
      <li>
-
         <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
         <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
-
 
+
August  </span></time>
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
-
 
+
        <div class="cbp_tmlabel">
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
           <h2>Questionnaires</h2>
-
 
+
          <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.
-
           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>
+
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.
-
 
+
</p>
-
         <p align=left class=MsoNormal style='text-align:left;line-height:115%;
+
        </div>
-
 
+
      </li>
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
      <li>
-
 
+
         <time class="cbp_tmtime" datetime="2013-04-16 21:30"><span></span><span>21:30</span></time>
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
        <div class="cbp_tmicon cbp_tmicon-earth"></div>
-
 
+
        <div class="cbp_tmlabel">
-
           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>
+
          <h2>成功构建载体</h2>
-
 
+
          <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%;
+
         </div>
-
 
+
      </li>
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
      <li>
-
 
+
        <time class="cbp_tmtime" datetime="2013-04-17 12:11"><span></span><span>12:11</span></time>
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
        <div class="cbp_tmicon cbp_tmicon-screen"></div>
-
 
+
        <div class="cbp_tmlabel">
-
          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>
+
          <h2>转化完成</h2>
-
 
+
           <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%;
+
        </div>
-
 
+
      </li>
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:14.0pt;
+
      <li>
-
 
+
        <time class="cbp_tmtime" datetime="2013-04-18 09:56"><span></span><span>09:56</span></time>
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'><br>
+
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
-
 
+
         <div class="cbp_tmlabel">
-
          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.
+
          <h2>甲醛检测</h2>
-
 
+
          <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>
-
           <o:p></o:p>
+
         </div>
-
 
+
       </li>
-
          </span></strong></p>
+
     </ul>
-
 
+
-
         </span></strong>
+
-
 
+
-
         </p>
+
-
 
+
-
       </div>
+
-
 
+
-
     </div>
+
-
 
+
   </div>
   </div>
-
 
</div>
</div>
-
 
-
<div id="middle1" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b> knowledge quiz activity</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/7/74/UESTC1.jpg" width="556" height="319" /> </div>
 
-
 
-
      <div class="text1">
 
-
 
-
        <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;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>
-
 
-
<div id="middle2" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b>we bought cartoon fans and plants as incentive</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/d/d0/4.jpg" width="533" height="315"/></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;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>
-
 
-
<div id="middle3" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b>the olds are also attracted by the activity</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/e/e2/UESTC-5.jpg" width="556" height="319" /> </div>
 
-
 
-
      <div class="text1">
 
-
 
-
        <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;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>
-
 
-
<div id="middle8" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b>We take a picture as a souvenir</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/d/d0/UESTC-10.png" 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;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>
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<div id="middle5" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b>more and more people are attracted</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/1/18/6.jpg" width="556" height="319" /> </div>
 
-
 
-
      <div class="text1">
 
-
 
-
        <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 id="middle6" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b>One of the winner</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/f/fe/7.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;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 id="middle7" class="middle" >
 
-
 
-
  <div class="head" >
 
-
 
-
    <p align="center" class="headword"><b>the girl win one pot of plant</b></p>
 
-
 
-
    <div class="content" >
 
-
 
-
      <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/8/8c/8.jpg" width="559" height="319" /> </div>
 
-
 
-
      <div class="text1">
 
-
 
-
        <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>
 
-
</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>
 
-
 
<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"