View source for Team:AHUT China/teamcss

<html>
<style type="text/css">
/* CSS Document */

#team_main{
width:100%;
background-color:rgba(255,255,255,1.00);
}

#team_sec1,#team_sec2,#team_sec3,#team_sec4{
width:100%;
height:100px;
background-color:#3A3A3A;
}

#team_title1,#team_title2,#team_title3,#team_title4{
margin:0 auto;
line-height:100px;
font-famliy:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:42px;
color:rgba(255,255,255,1.00);
text-align:center;
}

#team_members{
position:relative;
width:960px;
height:530px;
margin:0 auto;
}

#team_members_bg{
position:absolute;
left:255px;
top:100px;
background-image:url(https://static.igem.org/mediawiki/2015/0/00/AHUT_CHINA_2015_team_members_bg.png);
width:450px;
height:430px;
background-repeat:no-repeat;
background-position:center;
background-size:357px 400px;
}


#team_m1,#team_m2,#team_m3,#team_m4,#team_m5,#team_m6,#team_m7,#team_m8,#team_m9{
position:absolute;
width:75px;
height:75px;
background-repeat:no-repeat;
background-size:cover;
}

#team_m1_main,#team_m2_main,#team_m3_main,#team_m4_main,#team_m5_main,#team_m6_main,#team_m7_main,#team_m8_main,#team_m9_main{
position:absolute;
left:443px;
top:242px;
opacity:0;
width:75px;
height:75px;
background-repeat:no-repeat;
background-size:contain;
}

#team_m1_p,#team_m2_p,#team_m3_p,#team_m4_p,#team_m5_p,#team_m6_p,#team_m7_p,#team_m8_p,#team_m9_p{
position:absolute;
left:340px;
top:320px;
width:285px;
height:100px;
opacity:0;
font:Arial,Helvetica,sans-serif;
font-size:9px;
vertical-align:middle;
color:#FFFFFF;	
text-shadow: 0 0 22px #000;
text-align:justify;
}

#team_m1_mail,#team_m2_mail,#team_m3_mail,#team_m4_mail,#team_m5_mail,#team_m6_mail,#team_m7_mail,#team_m8_mail,#team_m9_mail{
position:absolute;
left:345px;
top:420px;
width:260px;
height:50px;
opacity:0;
font:Arial,Helvetica,sans-serif;
font-size:13px;
color:rgba(255,255,255,1.00);
text-shadow: 0 0 22px #000;
text-align:center;
}



#team_m1{
left:188px;
top:242px;
background-image:url(https://static.igem.org/mediawiki/2015/9/9d/AHUT_CHINA_2015_team_wys.png);
animation:animated_m1 1s 1;
}

#team_m1_main{
background-image:url(https://static.igem.org/mediawiki/2015/f/fd/AHUT_CHINA_2015_team_wy.png);
}

@keyframes animated_m1{
0%{left:443px; top:242px;}
37.5%{left:178px; top:242px;}
100%{left:188px; top:242px;}
}

#team_m2{
left:210px;
top:155px;
background-image:url(https://static.igem.org/mediawiki/2015/0/06/AHUT_CHINA_2015_team_jsks.png);
animation:animated_m2 1s 1;
}

#team_m2_main{
background-image:url(https://static.igem.org/mediawiki/2015/c/c5/AHUT_CHINA_2015_team_jsk.png);
}

@keyframes animated_m2{
0%{left:443px; top:242px;}
37.5%{left:202px; top:152px;}
100%{left:210px; top:155px;}
}

#team_m3{
left:264px;
top:78px;
background-image:url(https://static.igem.org/mediawiki/2015/7/7e/AHUT_CHINA_2015_team_kxks.png);
animation:animated_m3 1s 1;
}

#team_m3_main{
background-image:url(https://static.igem.org/mediawiki/2015/1/15/AHUT_CHINA_2015_team_kxk.png);
}

@keyframes animated_m3{
0%{left:443px; top:242px;}
37.5%{left:258px; top:70px;}
100%{left:264px; top:78px;}
}

#team_m4{
left:348px;
top:30px;
background-image:url(https://static.igem.org/mediawiki/2015/e/e2/AHUT_CHINA_2015_team_gjys.png);
animation:animated_m4 1s 1;
}

#team_m4_main{
background-image:url(https://static.igem.org/mediawiki/2015/4/46/AHUT_CHINA_2015_team_gjy.png);
}

@keyframes animated_m4{
0%{left:443px; top:242px;}
37.5%{left:344px; top:22px;}
100%{left:348px; top:30px;}
}

#team_m5{
left:443px;
top:10px;
background-image:url(https://static.igem.org/mediawiki/2015/2/26/AHUT_CHINA_2015_team_zrzs.png);
animation:animated_m5 1s 1;
}

#team_m5_main{
background-image:url(https://static.igem.org/mediawiki/2015/4/49/AHUT_CHINA_2015_team_zrz.png);
}

@keyframes animated_m5{
0%{left:443px; top:242px;}
37.5%{left:443px; top:0px;}
100%{left:443px; top:10px;}
}

#team_m6{
left:536px;
top:30px;
background-image:url(https://static.igem.org/mediawiki/2015/b/bf/AHUT_CHINA_2015_team_srs.png);
animation:animated_m6 1s 1;
}

#team_m6_main{
background-image:url(https://static.igem.org/mediawiki/2015/9/9d/AHUT_CHINA_2015_team_sr.png);
}

@keyframes animated_m6{
0%{left:443px; top:242px;}
37.5%{left:540px; top:22px;}
100%{left:536px; top:30px;}
}

#team_m7{
left:619px;
top:78px;
background-image:url(https://static.igem.org/mediawiki/2015/f/fa/AHUT_CHINA_2015_team_ztts.png);
animation:animated_m7 1s 1;
}

#team_m7_main{
background-image:url(https://static.igem.org/mediawiki/2015/1/10/AHUT_CHINA_2015_team_ztt.png);
}

@keyframes animated_m7{
0%{left:443px; top:242px;}
37.5%{left:625px; top:72px;}
100%{left:619px; top:78px;}
}


#team_m8{
left:675px;
top:155px;
background-image:url(https://static.igem.org/mediawiki/2015/9/90/AHUT_CHINA_2015_team_xtls.png);
animation:animated_m8 1s 1;
}

#team_m8_main{
background-image:url(https://static.igem.org/mediawiki/2015/7/73/AHUT_CHINA_2015_team_xtl.png);
}

@keyframes animated_m8{
0%{left:443px; top:242px;}
37.5%{left:682px; top:153px;}
100%{left:675px; top:155px;}
}

#team_m9{
left:698px;
top:242px;
background-image:url(https://static.igem.org/mediawiki/2015/2/21/AHUT_CHINA_2015_team_lkqs.png);
animation:animated_m9 1s 1;
}

#team_m9_main{
background-image:url(https://static.igem.org/mediawiki/2015/c/cc/AHUT_CHINA_2015_team_lkq.png);
}

@keyframes animated_m9{
0%{left:443px; top:242px;}
37.5%{left:708px; top:242px;}
100%{left:698px; top:242px;}
}



#team_instructors{
position:relative;
width:960px;
height:380px;
margin:0 auto;
}

#team_i1,#team_i2,#team_i3,#team_i4{
position:absolute;
top:50px;
width:200px;
height:290px;
background-repeat:no-repeat;
background-size:contain;	
}

#team_i1_id,#team_i2_id,#team_i3_id,#team_i4_id{
position:absolute;
height:40px;
width:200px;
top:250px;
left:0px;
}

#team_i1_id_name,#team_i2_id_name,#team_i3_id_name,#team_i4_id_name{
margin-top:0;
font-family: Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:600;
vertical-align:middle;
line-height:40px;
color:rgba(114,109,109,1.00);
text-align:center;
}

#team_i1_idt,#team_i2_idt,#team_i3_idt,#team_i4_idt{
position:absolute;
width:200px;
height:290px;
top:50px;
background-color:rgba(0,0,0,0.80);
opacity:0;
}

#team_i1_idt_p,#team_i2_idt_p,#team_i3_idt_p,#team_i4_idt_p{
text-align:justify;
margin-top:0;
position:absolute;
top:0;
left:0;
height:250px;
width:200px;
color:rgba(255,255,255,1.00);
font-family: Arial,Helvetica,sans-serif;
font-size:10px;
}

#team_i1_idt_mail,#team_i2_idt_mail,#team_i3_idt_mail,#team_i4_idt_mail{
position:absolute;
top:250px;
height:40px;
width:200px;
margin:0;
color:rgba(255,255,255,1.00);
font-family: Arial,Helvetica,sans-serif;
line-height:40px;
font-size:16px;
text-align:center;
}

#team_i1{
left:0px;
background-image:url(https://static.igem.org/mediawiki/2015/9/9f/AHUT_CHINA_2015_team_xxr.png);
}

#team_i1_idt{
left:0px;	
}

#team_i2{
left:255px;
background-image:url(https://static.igem.org/mediawiki/2015/e/e9/AHUT_CHINA_2015_team_xh.png);
}

#team_i2_idt{
left:255px;
}

#team_i3{
left:510px;
background-image:url(https://static.igem.org/mediawiki/2015/a/a5/AHUT_CHINA_2015_team_xj.png);
}

#team_i3_idt{
left:510px;
}

#team_i4{
left:759px;
background-image:url(https://static.igem.org/mediawiki/2015/d/d6/AHUT_CHINA_2015_team_shl.jpg);
}

#team_i4_idt{
left:759px;
}


#team_attributions{
position:relative;
width:960px;
height:370px;
margin:30px auto;
}

#team_at_1,#team_at_2,#team_at_3{
float:left;
width:320px;
height:315px;
font-family: Arial,Helvetica,sans-serif;
text-align:center;
}

#team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{
float:left;
width:320px;
height:60px;
font-size:20px;
line-height:60px;
font-weight:600;
color:rgba(114,109,109,1.00);
}

#team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{
float:left;
width:320px;
height:60px;
font-size:14px;
color:rgba(159,159,159,1.00);
}


#team_acknowledgement{
position:relative;
width:960px;
height:300px;
margin:0 auto;
}

#team_a_pre{
height:20px;
margin-top:30px;
font-family: Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:600;
text-align:center;
line-height:20px;
color:rgba(114,109,109,1.00);
}

#team_a1,#team_a2,#team_a3,#team_a4,#team_a5{
position:absolute;
top:50px;
width:150px;
height:220px;
background-repeat:no-repeat;
background-size:contain;	
}

#team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name{
position:absolute;
top:170px;
height:50px;
margin-top:0px;
font-family: Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:600;
text-align:center;
color:rgba(114,109,109,1.00);
}

#team_a1{
left:0px;
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_jixie.jpg);
}

#team_a2{
left:195px;
background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg);
}

#team_a3{
left:400px;
background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg);
}

#team_a4{
left:605px;
background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg);
}

#team_a5{
left:810px;
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png);	
}

</style>
</html>