Team:XMU Software/Team/css
From 2013.igem.org
function movetotop(){ h = window.innerHeight-1800; t = $("#xmu_body").scrollTop(); if(t > h){ $('#team_navi6').show(); $('#notebook_navi5').show(); $('#safety_navi3').show(); $('#project_navi6').show(); $('#outreach6').show(); }else{ $('#team_navi6').hide(); $('#notebook_navi5').hide(); $('#safety_navi3').hide(); $('#project_navi6').hide(); $('#outreach6').hide(); } }
- team{
position:absolute; top:0px; left:0px; width:1347px; height:7000px; }
- team_s1{
position:absolute; top:0px; left:0px; z-index:1; } .team_title{ position:absolute; top:170px; width:1347px; text-align:center; font-family:Arial; font-size:48px; color:#ffffff; font-weight:bold; } .team_introduce{ position:absolute; top:250px; left:333px; width:700px;
text-align:justify;
font-family:Arial; font-size:18px; color:#ffffff; } p{/*段落文本*/ font-family:微软雅黑; font-size:16px; color:#707070; text-align:justify; } /*ourteam.css***********************************************************************************************************/
- ourteam{
position:absolute; background-color:#fefef2; width:1335px; top:395px; left:0px; }
- team_m1{
position:absolute; top:5px; }
- team_member{
position:absolute; top:95px; width:1348px; height:850px; }
- team_m2t1{
position:absolute; top:200px; left:20%; z-index:10; }
- team_m3{
position:absolute; top:935px; width:1348px; height:800px; background-color:#eff0e2; }
- team_instructor{
position:absolute; left:20%; } .name{ font-family:Arial; font-size:24px; font-weight:bold; color:#004986; margin-left:25px; } .team_m3t1{ position:relative; top:-250px; left:230px; width:600px; height:244px; padding:3px 20px; background-color:#fefef2; }
- team_m3n1{
position:absolute; top:50px; }
- team_m3n2{
position:absolute; top:320px; }
- team_m4{
position:absolute; top:1600px; width:1348px; height:900px; background-color:#eff0e2; }
- team_advisor{
position:absolute; left:20%; }
- team_m4n1{
position:absolute; top:50px; }
- team_m4n2{
position:absolute; top:320px; }
- team_m4n3{
position:absolute; top:590px; }
- video{
position:absolute; background-color:#eff0e2; width:1348px; height:800px; top:2880px; left:0px; }
- video_m2{
position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }
- attribution{
position:absolute; background-color:#eff0e2; width:1348px; height:3200px; top:3530px; left:0px; }
- attribution_m2{
position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; } .attribution_li{ font-family:Arial; font-size:16px; font-weight:bold; color:#898989; }
- acknowledgement{
position:absolute; background-color:#eff0e2; width:1348px; height:600px; top:5520px; left:0px; }
- ack_m2{
position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }
- city{
position:absolute; background-color:#eff0e2; width:1348px; height:1100px; top:6050px; left:0px; }
- city_m2{
position:absolute; left:20%; } .city_m2t1{ position:relative; top:30px; width:490px; height:400px; padding:3px 20px; background-color:#fefef2; } .city_m2p1{ position:absolute; top:30px; left:550px; }
- city_m3{
position:absolute; top:570px; left:20%; } .city_m2t2{ position:relative; top:40px; width:490px; height:350px; left:320px; padding:3px 20px; background-color:#fefef2; } .city_m2p2{ position:absolute; top:40px;
} /*member.css***********************************************************************************************************/
- member{
position:absolute; top:0px; left:0px; width:1348px; height:850px; background-color:#eff0e2; overflow-x:hidden; }
- A{
position:absolute; top:-200px; left:-40px; } .tx{ height:150px; }
- T1{
position: absolute; left:620px; top: 270px; z-index:5; }
- TT1{
position: absolute; left:620px; top: 270px; z-index:4; }
- T2{
position: absolute; left:480px; top: 320px; z-index:5; }
- TT2{
position: absolute; left:480px; top: 320px; z-index:4; }
- T3{
position: absolute; left:760px; top: 320px; z-index:5; }
- TT3{
position: absolute; left:760px; top: 320px; z-index:4; }
- T4{
position: absolute; left:380px; top: 430px; z-index:5; }
- TT4{
position: absolute; left:380px; top: 430px; z-index:4; }
- T5{
position: absolute; left:860px; top: 430px; z-index:5; }
- TT5{
position: absolute; left:860px; top: 430px; z-index:4; }
- T6{
position: absolute; left:365px; top: 580px; z-index:5; }
- TT6{
position: absolute; left:365px; top: 580px; z-index:4; }
- T7{
position: absolute; left:875px; top: 580px; z-index:5; }
- TT7{
position: absolute; left:875px; top: 580px; z-index:4; }
- T8{
position: absolute; left:420px; top: 720px; z-index:5; }
- TT8{
position: absolute; left:420px; top: 720px; z-index:4; }
- T9{
position: absolute; left:820px; top: 720px; z-index:5; }
- TT9{
position: absolute; left:820px; top: 720px; z-index:4; }
- T10{
position: absolute; left:545px; top: 810px; z-index:5; }
- TT10{
position: absolute; left:545px; top: 810px; z-index:4; }
- T11{
position: absolute; left:695px; top: 810px; z-index:5; }
- TT11{
position: absolute; left:695px; top: 810px; z-index:4; }
- T12{
position: absolute; top:477px; left:556px; width:290px; height:290px; border-radius:145px; background:#cdea8b; } .yk{ position:absolute; top:120px; left:45px; font-family:Arial; font-size:48px; font-weight:bold; color:white; } .wcleft{ position:absolute; top:430px; left:820px; z-index:6; display:none; } .w2left{ position:absolute; top:506px; left:814px; z-index:6; display:none; } .w3left{ position:absolute; top:575px; left:828px; z-index:6; display:none; } .wcright{ position:absolute; top:425px; left:61px; z-index:6; display:none; } .w2right{ position:absolute; top:502px; left:54px; z-index:6; display:none; } .w3right{ position:absolute; top:571px; left:68px; z-index:6; display:none; }
- A2{
position: absolute; top:1000px; }
- A3{
position: absolute; top: 1500px; }