Team:UESTC-China/HPtest.html

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<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>
+
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}
+
body{
body{
Line 54: Line 50:
border-radius:3px;
border-radius:3px;
overflow: hidden;
overflow: hidden;
-
width: 1250px;
+
width: 1214px;
}
}
#emp{
#emp{
Line 298: Line 294:
position: fixed;
position: fixed;
top: 80%;
top: 80%;
-
margin-left: 1105px;
+
margin-left: 1205px;
cursor: pointer;
cursor: pointer;
}
}
Line 366: Line 362:
/*rocket-to-top end*/
/*rocket-to-top end*/
 +
#all{position:absolute; left:0px; top:300px; height:2300px; width:1180px;  padding:60px 0px 0px 30px;}
-
#all{
+
  /* Font Definitions */
-
position:absolute;
+
@font-face
-
top:302px;
+
{font-family:宋体;
-
height:3560px;
+
panose-1:2 1 6 0 3 1 1 1 1 1;
-
width:1252px;
+
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;
-
@font-face {
+
panose-1:2 15 5 2 2 2 4 3 2 4;
-
font-family: Microsoft Yahei;
+
mso-font-charset:0;
-
font-weight: normal;
+
mso-generic-font-family:auto;
-
font-style: normal;
+
mso-font-pitch:variable;
-
} /* Made with http://icomoon.io/ */
+
mso-font-signature:-520092929 1073786111 9 0 415 0;}
-
 
+
@font-face
-
.cbp_tmtimeline {
+
{font-family:"Heiti SC Light";
-
margin: 30px 0 0 0;
+
panose-1:2 0 0 0 0 0 0 0 0 0;
-
padding: 0;
+
mso-font-charset:80;
-
list-style: none;
+
mso-generic-font-family:auto;
-
position: relative;
+
mso-font-pitch:variable;
-
}  
+
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
-
 
+
@font-face
-
/* The line */
+
{font-family:"\@Heiti SC Light";
-
.cbp_tmtimeline:before {
+
panose-1:2 0 0 0 0 0 0 0 0 0;
-
content: '';
+
mso-font-charset:80;
-
position: absolute;
+
mso-generic-font-family:auto;
-
top: 0;
+
mso-font-pitch:variable;
-
bottom: 0;
+
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
-
width: 10px;
+
/* Style Definitions */
-
background: #98CB00;
+
p.MsoNormal, li.MsoNormal, div.MsoNormal
-
left: 20%;
+
{mso-style-unhide:no;
-
margin-left: -10px;
+
mso-style-qformat:yes;
-
}
+
mso-style-parent:"";
-
 
+
margin:0cm;
-
.cbp_tmtimeline > li {
+
margin-bottom:.0001pt;
-
position: relative;
+
text-align:justify;
-
}
+
text-justify:inter-ideograph;
-
 
+
mso-pagination:none;
-
/* The date/time */
+
font-size:10.5pt;
-
.cbp_tmtimeline > li .cbp_tmtime {
+
mso-bidi-font-size:11.0pt;
-
display: block;
+
font-family:Calibri;
-
width: 25%;
+
mso-ascii-font-family:Calibri;
-
padding-right: 100px;
+
mso-ascii-theme-font:minor-latin;
-
position: absolute;
+
mso-fareast-font-family:宋体;
-
}
+
mso-fareast-theme-font:minor-fareast;
-
 
+
mso-hansi-font-family:Calibri;
-
.cbp_tmtimeline > li .cbp_tmtime span {
+
mso-hansi-theme-font:minor-latin;
-
display: block;
+
mso-bidi-font-family:"Times New Roman";
-
text-align: right;
+
mso-bidi-theme-font:minor-bidi;
-
}
+
mso-font-kerning:1.0pt;}
-
 
+
p.MsoHeader, li.MsoHeader, div.MsoHeader
-
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
+
{mso-style-priority:99;
-
font-size: 0.9em;
+
mso-style-link:页眉字符;
-
color: #00CC99 ;
+
margin:0cm;
-
}
+
margin-bottom:.0001pt;
-
 
+
text-align:center;
-
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
+
mso-pagination:none;
-
font-size: 2.9em;
+
tab-stops:center 207.65pt right 415.3pt;
-
color: #00CC99;
+
layout-grid-mode:char;
-
}
+
border:none;
-
 
+
mso-border-bottom-alt:solid windowtext .75pt;
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
+
padding:0cm;
-
color: #00CC66;
+
mso-padding-alt:0cm 0cm 1.0pt 0cm;
-
}
+
font-size:9.0pt;
-
 
+
font-family:Calibri;
-
/* Right content */
+
mso-ascii-font-family:Calibri;
-
.cbp_tmtimeline > li .cbp_tmlabel {
+
mso-ascii-theme-font:minor-latin;
-
margin: 0 0 15px 25%;
+
mso-fareast-font-family:宋体;
-
background:#7DD917;
+
mso-fareast-theme-font:minor-fareast;
-
color: #fff;
+
mso-hansi-font-family:Calibri;
-
padding: 2em;
+
mso-hansi-theme-font:minor-latin;
-
font-size: 1.2em;
+
mso-bidi-font-family:"Times New Roman";
-
font-weight: 300;
+
mso-bidi-theme-font:minor-bidi;
-
line-height: 1.4;
+
mso-font-kerning:1.0pt;}
-
position: relative;
+
p.MsoFooter, li.MsoFooter, div.MsoFooter
-
border-radius: 5px;
+
{mso-style-priority:99;
-
}
+
mso-style-link:页脚字符;
-
 
+
margin:0cm;
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
+
margin-bottom:.0001pt;
-
background: #00CC99;
+
mso-pagination:none;
-
}
+
tab-stops:center 207.65pt right 415.3pt;
-
 
+
layout-grid-mode:char;
-
.cbp_tmtimeline > li .cbp_tmlabel h2 {  
+
font-size:9.0pt;
-
margin-top: 0px;
+
font-family:Calibri;
-
padding: 0 0 10px 0;
+
mso-ascii-font-family:Calibri;
-
border-bottom: 1px solid rgba(255,255,255,0.4);
+
mso-ascii-theme-font:minor-latin;
-
}
+
mso-fareast-font-family:宋体;
-
 
+
mso-fareast-theme-font:minor-fareast;
-
/* The triangle */
+
mso-hansi-font-family:Calibri;
-
.cbp_tmtimeline > li .cbp_tmlabel:after {
+
mso-hansi-theme-font:minor-latin;
-
right: 100%;
+
mso-bidi-font-family:"Times New Roman";
-
border: solid transparent;
+
mso-bidi-theme-font:minor-bidi;
-
content: " ";
+
mso-font-kerning:1.0pt;}
-
height: 0;
+
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
-
width: 0;
+
{mso-style-noshow:yes;
-
position: absolute;
+
mso-style-priority:99;
-
pointer-events: none;
+
mso-style-link:批注框文本字符;
-
border-right-color: #3594cb;
+
margin:0cm;
-
border-width: 10px;
+
margin-bottom:.0001pt;
-
top: 10px;
+
text-align:justify;
-
}
+
text-justify:inter-ideograph;
-
 
+
mso-pagination:none;
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
+
font-size:9.0pt;
-
border-right-color:#7DD917;
+
font-family:"Heiti SC Light";
-
}
+
mso-hansi-font-family:Calibri;
-
 
+
mso-hansi-theme-font:minor-latin;
-
/* The icons */
+
mso-bidi-font-family:"Times New Roman";
-
.cbp_tmtimeline > li .cbp_tmicon {
+
mso-bidi-theme-font:minor-bidi;
-
width: 40px;
+
mso-font-kerning:1.0pt;}
-
height: 40px;
+
span.a
-
font-family: Microsoft Yahei;
+
{mso-style-name:页眉字符;
-
speak: none;
+
mso-style-priority:99;
-
font-style: normal;
+
mso-style-unhide:no;
-
font-weight: normal;
+
mso-style-locked:yes;
-
font-variant: normal;
+
mso-style-link:页眉;
-
text-transform: none;
+
mso-ansi-font-size:9.0pt;
-
font-size: 1.4em;
+
mso-bidi-font-size:9.0pt;}
-
line-height: 40px;
+
span.a0
-
-webkit-font-smoothing: antialiased;
+
{mso-style-name:页脚字符;
-
position: absolute;
+
mso-style-priority:99;
-
color: #fff;
+
mso-style-unhide:no;
-
background: #98CB00;
+
mso-style-locked:yes;
-
border-radius: 50%;
+
mso-style-link:页脚;
-
box-shadow: 0 0 0 8px #B2EC05 ;
+
mso-ansi-font-size:9.0pt;
-
text-align: center;
+
mso-bidi-font-size:9.0pt;}
-
left: 20%;
+
span.a1
-
top: 0;
+
{mso-style-name:批注框文本字符;
-
margin: 0 0 0 -25px;
+
mso-style-noshow:yes;
-
}
+
mso-style-priority:99;
-
 
+
mso-style-unhide:no;
-
.cbp_tmicon-phone:before {
+
mso-style-locked:yes;
-
content: "\e000";
+
mso-style-link:批注框文本;
-
}
+
mso-ansi-font-size:9.0pt;
-
 
+
mso-bidi-font-size:9.0pt;
-
.cbp_tmicon-screen:before {
+
font-family:"Heiti SC Light";
-
content: "\e001";
+
mso-ascii-font-family:"Heiti SC Light";
-
}
+
mso-fareast-font-family:"Heiti SC Light";}
-
 
+
span.SpellE
-
.cbp_tmicon-mail:before {
+
{mso-style-name:"";
-
content: "\e002";
+
mso-spl-e:yes;}
-
}
+
span.GramE
-
 
+
{mso-style-name:"";
-
.cbp_tmicon-earth:before {
+
mso-gram-e:yes;}
-
content: "\e003";
+
.MsoChpDefault
-
}
+
{mso-style-type:export-only;
-
 
+
mso-default-props:yes;
-
/* Example Media Queries */
+
font-size:10.5pt;
-
@media screen and (max-width: 65.375em) {
+
mso-ansi-font-size:10.5pt;
-
 
+
mso-bidi-font-size:11.0pt;
-
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
+
font-family:Calibri;
-
font-size: 1.5em;
+
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;
}
}
 +
.STYLE4 {font-weight: bold}
 +
#overview-word {margin-left:130px;
 +
margin-right:130px;
 +
position:absolute;}
-
@media screen and (max-width: 47.2em) {
+
.middle { height:444px; width:1214px; background-color: #1bbc9b;}
-
.cbp_tmtimeline:before {
+
.head { height:60px; width:1200px; float:left; margin-top:15px;}
-
display: none;
+
.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;}
-
.cbp_tmtimeline > li .cbp_tmtime {
+
#content0 { height:423px; width:1214px; background-color: #99FF99; top:100px; position:absolute;}
-
width: 100%;
+
#headword0 { font-size:45px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
-
position: relative;
+
#text0 { height:332px;
-
padding: 0 0 20px 0;
+
width:473px;
-
}
+
margin-top:40px;
-
 
+
margin-left:350px;
-
.cbp_tmtimeline > li .cbp_tmtime span {
+
position:absolute;
-
text-align: left;
+
color: #666666;
-
}
+
left: 353px;
-
 
+
top: 1px;
-
.cbp_tmtimeline > li .cbp_tmlabel {
+
font-family:helveticalmd,Microsoft Yahei;
-
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;
+
-
}
+
}
}
-
/*css in component*/
+
.picture1 {
-
@font-face {
+
margin-top:35px;
-
font-family: Microsoft Yahei;
+
margin-left:600px;
-
font-weight: normal;
+
position:absolute;
-
font-style: normal;
+
-
} /* Made with http://icomoon.io/ */
+
-
 
+
-
.cbp_tmtimeline {
+
-
margin: 30px 0 0 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
position: relative;
+
-
}
+
-
 
+
-
/* The line */
+
-
.cbp_tmtimeline:before {
+
-
content: '';
+
-
position: absolute;
+
-
top: 0;
+
-
bottom: 0;
+
-
width: 10px;
+
-
background: #98CB00;
+
-
left: 20%;
+
-
margin-left: -10px;
+
}
}
-
 
+
.picture2 {
-
.cbp_tmtimeline > li {
+
margin-top:35px;
-
position: relative;
+
margin-left:30px;
 +
position:absolute;
 +
height: 320px;
}
}
-
 
+
#middle0 {
-
/* The date/time */
+
position:absolute;
-
.cbp_tmtimeline > li .cbp_tmtime {
+
height:500px;
-
display: block;
+
width:1214px;
-
width: 25%;
+
background-color: #1bbc9b;
-
padding-right: 100px;
+
left: 0px;
-
position: absolute;
+
top: 0px;
}
}
-
.cbp_tmtimeline > li .cbp_tmtime span {
+
#middle1 {
-
display: block;
+
top:522px;
-
text-align: right;
+
position:absolute;
-
}
+
left:0px;
-
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
 
-
font-size: 0.9em;
 
-
color: #00CC99 ;
 
}
}
-
 
+
#middle2 {
-
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
+
top:987px;
-
font-size: 2.9em;
+
-
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: #fff;
+
-
padding: 2em;
+
-
font-size: 1.2em;
+
-
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);
+
-
}
+
-
 
+
-
/* The triangle */
+
-
.cbp_tmtimeline > li .cbp_tmlabel:after {
+
-
right: 100%;
+
-
border: solid transparent;
+
-
content: " ";
+
-
height: 0;
+
-
width: 0;
+
position: absolute;
position: absolute;
-
pointer-events: none;
+
left: 0px;
-
border-right-color: #7DD917;
+
-
border-width: 10px;
+
-
top: 10px;
+
-
}
+
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
 
-
border-right-color: #00CC99;
 
}
}
 +
#middle3 {
 +
top:1448px;
 +
 +
position:absolute;
 +
left:0px;
-
/* The icons */
 
-
.cbp_tmtimeline > li .cbp_tmicon {
 
-
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;
 
-
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;
 
}
}
 +
#middle4 {
 +
top:1909px;
 +
position:absolute;
 +
left:0px;
-
.cbp_tmicon-phone:before {
 
-
content: "\e000";
 
}
}
-
.cbp_tmicon-screen:before {
+
.text1 {
-
content: "\e001";
+
height:380px;
 +
width:300px;
 +
margin-left:40px;
 +
color: #666666;
 +
position:absolute;
 +
margin-top:40px;
 +
left: 77px;
 +
top: 89px;
 +
font-family:helveticalmd,Microsoft Yahei;
}
}
-
 
+
.text2 {
-
.cbp_tmicon-mail:before {
+
height:380px;
-
content: "\e002";
+
width:300px;
-
}
+
margin-top:30px;
-
 
+
margin-left:600px;
-
.cbp_tmicon-earth:before {
+
position:absolute;
-
content: "\e003";
+
color: #666666;
-
}
+
left: 126px;
-
 
+
top: 106px;
-
/* Example Media Queries */
+
font-family:helveticalmd,Microsoft Yahei;
-
@media screen and (max-width: 65.375em) {
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
+
-
font-size: 1.5em;
+
-
}
+
-
}
+
-
 
+
-
@media screen and (max-width: 47.2em) {
+
-
.cbp_tmtimeline:before {
+
-
display: none;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime {
+
-
width: 100%;
+
-
position: relative;
+
-
padding: 0 0 20px 0;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span {
+
-
text-align: left;
+
-
}
+
-
 
+
-
.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;
+
-
}
+
-
}
+
-
 
+
-
 
+
-
/* 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: #f0f0f0;
+
-
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;
+
}
}
 +
-->
</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"></a></div>
+
      <div id='logo'><a href="https://igem.org"></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">
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
        <p>Home</p>
-
</div>
+
        </a> </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 href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
+
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Attribution">
-
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
+
            <li>Attribution</li>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
+
            </a> <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China">
-
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
+
            <li>Team Profile</li>
-
</ul>
+
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Notebook">
-
</div>
+
            <li>Notebook</li>
-
</div>
+
            </a>
-
 
+
          </ul>
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<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/Design"><li>Design</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
-
<li>Future work</li></a>
+
-
 
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Modeling</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a>
+
-
 
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Parts</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
+
-
 
+
-
</ul>
+
-
  </div>
+
-
  </div>
+
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Human Practice</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</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/Questionnaire.html"><li>Questionnaire</li></a>
+
-
+
-
</ul>
+
-
</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="container">
+
-
  <div class="main">
+
-
    <ul class="cbp_tmtimeline">
+
-
      <li>
+
-
        <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span></span><span>
+
-
April 3</span></time>
+
-
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
+
-
        <div class="cbp_tmlabel">
+
-
          <h2>Team set up</h2>
+
-
          <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>
-
       </li>
+
       </div>
-
       <li>
+
       <div class="top-menu-each">
-
         <time class="cbp_tmtime" datetime="2013-04-11 12:04"><span></span><span>
+
         <div class="arrow"></div>
-
April 29</span></time>
+
        <p>Project</p>
-
        <div class="cbp_tmicon cbp_tmicon-screen"></div>
+
        <div class="top-menu-sub">
-
        <div class="cbp_tmlabel">
+
          <ul>
-
          <h2>A lecture to the seventh middle school.</h2>
+
            <a href="https://2014.igem.org/Team:UESTC-China/Project">
-
          <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>
+
            <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/result">
 +
            <li>Result</li>
 +
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Futurework">
 +
            <li>Future work</li>
 +
            </a>
 +
          </ul>
         </div>
         </div>
-
       </li>
+
       </div>
-
       <li>
+
       <div class="top-menu-each">
-
         <time class="cbp_tmtime" datetime="2013-04-13 05:36"><span></span><span>
+
         <div class="arrow"></div>
-
June 16</span></time>
+
        <p>Modeling</p>
-
         <div class="cbp_tmicon cbp_tmicon-mail"></div>
+
         <div class="top-menu-sub">
-
        <div class="cbp_tmlabel">
+
          <ul>
-
          <h2>Knowledge quiz</h2>
+
            <a href="https://2014.igem.org/Team:UESTC-China/Modeling">
-
          <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>
+
            <li>Modeling</li>
 +
            </a>
 +
          </ul>
         </div>
         </div>
-
       </li>
+
       </div>
-
       <li>
+
       <div class="top-menu-each">
-
         <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
+
         <div class="arrow"></div>
-
August  </span></time>
+
        <p>Parts</p>
-
         <div class="cbp_tmicon cbp_tmicon-phone"></div>
+
         <div class="top-menu-sub">
-
        <div class="cbp_tmlabel">
+
          <ul>
-
          <h2>Questionnaires</h2>
+
            <a href="https://2014.igem.org/Team:UESTC-China/Material">
-
          <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.
+
            <li>BioBrick</li>
-
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.
+
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Protocol">
-
</p>
+
            <li>Protocol</li>
 +
            </a>
 +
          </ul>
         </div>
         </div>
-
       </li>
+
       </div>
-
       <li>
+
       <div class="top-menu-each">
-
         <time class="cbp_tmtime" datetime="2013-04-16 21:30"><span></span><span>21:30</span></time>
+
         <div class="arrow"></div>
-
        <div class="cbp_tmicon cbp_tmicon-earth"></div>
+
        <p>Human Practice</p>
-
        <div class="cbp_tmlabel">
+
        <div class="top-menu-sub">
-
          <h2>成功构建载体</h2>
+
          <ul>
-
          <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>
+
            <a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html">
 +
            <li>Knowledge quiz</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/Questionnaire.html">
 +
            <li>Questionnaire</li>
 +
            </a>
 +
          </ul>
         </div>
         </div>
-
       </li>
+
       </div>
-
       <li>
+
       <div class="top-menu-each">
-
         <time class="cbp_tmtime" datetime="2013-04-17 12:11"><span></span><span>12:11</span></time>
+
         <div class="arrow"></div>
-
         <div class="cbp_tmicon cbp_tmicon-screen"></div>
+
        <p>Safety</p>
-
        <div class="cbp_tmlabel">
+
         <div class="top-menu-sub">
-
          <h2>转化完成</h2>
+
          <ul>
-
          <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>
+
            <a href="https://2014.igem.org/Team:UESTC-China/Safety">
 +
            <li>Safety</li>
 +
            </a>
 +
          </ul>
         </div>
         </div>
-
       </li>
+
       </div>
-
      <li>
+
    </div>
-
        <time class="cbp_tmtime" datetime="2013-04-18 09:56"><span></span><span>09:56</span></time>
+
  </div>
-
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
+
  <div id="middle-photo">
-
        <div class="cbp_tmlabel">
+
    <div class="middle-photo-each">
-
          <h2>甲醛检测</h2>
+
      <div id="all">
-
          <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>
+
        <div id="middle0">
 +
          <div id="head0" >
 +
            <p align="center" id="headword0"><b>Overview</b></p>
 +
            <div id="content0" >
 +
              <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/c/c6/Qz2.jpg" width="556" height="319"  /> </div>
 +
              <div id="text0">
 +
                <p class=MsoNormal align=left style='text-align:left;line-height:115%;
 +
mso-pagination:widow-orphan'><u><span lang=EN-US style='font-size:15.0pt;
 +
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:15.0pt;
 +
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> On April 29th, iGEM team <span class=SpellE>UESTC-<span class=GramE>China</span></span> went into the Seventh Middle School of ChengDu to disseminate iGEM competition and introduce the subject of our team to them, at the same time, we resolve the qualms the senior high school students have about the synthetic biology. Meantime, they ask questions actively and denote their interest in iGEM.</span></strong></p>
 +
              </div>
 +
            </div>
 +
          </div>
         </div>
         </div>
-
       </li>
+
        <div id="middle1" class="middle" >
-
     </ul>
+
          <div class="head" >
 +
            <p align="center" class="headword"><b>teammate gives a speech.</b></p>
 +
            <div class="content" >
 +
              <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/5/50/Qz1.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; This is the picture our teammate ZhiQiang Yan who is giving a speech to the senior high school students of Seventh Middle High School. On the screen you can see the introduction of iGEM. And our teammate is full of energy when giving the speech.
 +
                  <o:p></o:p>
 +
                  </span></strong></p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div id="middle2" class="middle" >
 +
          <div class="head" >
 +
            <p align="center" class="headword"><b>The situation in the lobby.</b></p>
 +
            <div class="content" >
 +
              <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/e/e5/Qz3.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;Students reposing on the seats are all concentrating on the screen and the speech. The number of students who attend our lecture nearly approach to a thousand. They also ask questions actively. You can see some people take notes. All the phenomena denote that they are interested in iGEM.
 +
                  <o:p></o:p>
 +
                  </span></strong></p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div id="middle3" class="middle" >
 +
          <div class="head" >
 +
            <p align="center" class="headword"><b>After the speech.</b></p>
 +
            <div class="content" >
 +
              <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/f/fe/Qz4.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;students did not leave immediately. They surrounded our team leader to ask him more about iGEM and what we were going to do. They thought highly of iGEM as well as our project. They believed that there must be a great perspective in the future.
 +
                  <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>At the end of this lecture.</b></p>
 +
            <div class="content" >
 +
              <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/0/00/Qz5.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;In this picture our teammates took a group photo to mark the occasion. We wore our team costume as a symbol of our team. We can see the sweet smile on the senior high school students' faces. To summarize this activity into one sentence, it will be  'Let  iGEM  be part of our community'.
 +
                  <o:p></o:p>
 +
                  </span></strong></p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
       </div>
 +
    </div>
 +
    <div class="middle-photo-each">
 +
      <div class="middle-content" style="height: 0;"></div>
 +
     </div>
   </div>
   </div>
-
</div>
 
</div>
</div>
<div style="display: none;" id="rocket-to-top">
<div style="display: none;" id="rocket-to-top">
-
<div style="opacity:0;display: block;" class="level-2"></div>
+
  <div style="opacity:0;display: block;" class="level-2"></div>
-
<div class="level-3"></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">
Line 1,083: Line 961:
</script>
</script>
-
 
</body>
</body>
</html>
</html>

Revision as of 07:08, 31 August 2014

UESTC-China

Overview

On April 29th, iGEM team UESTC-China went into the Seventh Middle School of ChengDu to disseminate iGEM competition and introduce the subject of our team to them, at the same time, we resolve the qualms the senior high school students have about the synthetic biology. Meantime, they ask questions actively and denote their interest in iGEM.

teammate gives a speech.

  This is the picture our teammate ZhiQiang Yan who is giving a speech to the senior high school students of Seventh Middle High School. On the screen you can see the introduction of iGEM. And our teammate is full of energy when giving the speech.

The situation in the lobby.

 Students reposing on the seats are all concentrating on the screen and the speech. The number of students who attend our lecture nearly approach to a thousand. They also ask questions actively. You can see some people take notes. All the phenomena denote that they are interested in iGEM.

After the speech.

 students did not leave immediately. They surrounded our team leader to ask him more about iGEM and what we were going to do. They thought highly of iGEM as well as our project. They believed that there must be a great perspective in the future.

At the end of this lecture.

 In this picture our teammates took a group photo to mark the occasion. We wore our team costume as a symbol of our team. We can see the sweet smile on the senior high school students' faces. To summarize this activity into one sentence, it will be 'Let iGEM be part of our community'.

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