Team:XMU Software/Team/css
From 2013.igem.org
YuezhenChen (Talk | contribs) |
|||
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | # | + | #team{ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
- | + | left:0px; | |
- | + | width:1347px; | |
- | + | height:7000px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #team_s1{ |
- | position: | + | position:absolute; |
top:0px; | top:0px; | ||
left:0px; | left:0px; | ||
+ | z-index:1; | ||
} | } | ||
- | + | .team_title{ | |
position:absolute; | position:absolute; | ||
- | top: | + | top:170px; |
- | width: | + | width:1347px; |
- | + | ||
text-align:center; | text-align:center; | ||
+ | font-family:Arial; | ||
+ | font-size:48px; | ||
+ | color:#ffffff; | ||
+ | font-weight:bold; | ||
} | } | ||
- | . | + | .team_introduce{ |
- | font-size: | + | position:absolute; |
+ | top:250px; | ||
+ | left:333px; | ||
+ | width:700px; | ||
+ | text-align:justify; | ||
+ | font-family:Arial; | ||
+ | font-size:18px; | ||
color:#ffffff; | color:#ffffff; | ||
} | } | ||
- | + | p{/*段落文本*/ | |
- | + | font-family:Arial ; | |
- | + | font-size:15px; | |
- | font-size: | + | color:#434343; |
- | color:# | + | text-align:justify; |
+ | line-height:19px; | ||
+ | margin-top:10px; | ||
} | } | ||
- | # | + | /*ourteam.css***********************************************************************************************************/ |
+ | #ourteam{ | ||
position:absolute; | position:absolute; | ||
- | + | background-color:#fefef2; | |
- | + | width:1335px; | |
- | width: | + | 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{ |
- | background: # | + | position:absolute; |
+ | top:935px; | ||
+ | width:1348px; | ||
+ | height:800px; | ||
+ | background-color:#eff0e2; | ||
} | } | ||
- | + | #team_instructor{ | |
- | position: | + | position:absolute; |
- | + | left:20%; | |
- | left: | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | .name{ | |
- | + | font-family:Arial; | |
- | + | font-size:24px; | |
- | + | ||
- | + | ||
- | font-family:Arial; | + | |
- | + | ||
- | + | ||
- | font-size: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
font-weight:bold; | font-weight:bold; | ||
+ | color:#004986; | ||
+ | margin-left:25px; | ||
} | } | ||
- | . | + | .team_m3t1{ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position:relative; | position:relative; | ||
- | top: | + | 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; | |
- | + | ||
- | top: | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | #team_m4{ | |
- | color: | + | 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{ | |
- | width: | + | position:absolute; |
- | height: | + | top:590px; |
- | + | } | |
- | + | #video{ | |
+ | position:absolute; | ||
+ | background-color:#eff0e2; | ||
+ | width:1348px; | ||
+ | height:800px; | ||
+ | top:2880px; | ||
+ | left:0px; | ||
} | } | ||
- | + | #video_m2{ | |
- | + | position:absolute; | |
- | + | top:150px; | |
- | + | left:20%; | |
- | padding: | + | width:800px; |
+ | background-color:#fefef2; | ||
+ | padding:10px 30px; | ||
} | } | ||
- | + | #attribution{ | |
- | width: | + | position:absolute; |
- | height: | + | background-color:#eff0e2; |
- | + | width:1348px; | |
+ | height:3200px; | ||
+ | top:3530px; | ||
+ | left:0px; | ||
} | } | ||
- | + | #attribution_m2{ | |
- | padding: | + | position:absolute; |
+ | top:150px; | ||
+ | left:20%; | ||
+ | width:800px; | ||
+ | background-color:#fefef2; | ||
+ | padding:10px 30px; | ||
} | } | ||
- | . | + | .attribution_li{ |
- | + | font-family:Arial; | |
- | + | font-size:16px; | |
- | + | color:#434343; | |
- | font-size: | + | |
- | + | ||
} | } | ||
- | + | #acknowledgement{ | |
- | + | position:absolute; | |
- | width: | + | background-color:#eff0e2; |
- | + | width:1348px; | |
- | + | height:800px; | |
- | + | top:5750px; | |
+ | left:0px; | ||
} | } | ||
- | + | #ack_m2{ | |
- | + | position:absolute; | |
- | + | top:130px; | |
- | + | left:20%; | |
- | + | width:800px; | |
- | + | background-color:#fefef2; | |
- | width: | + | padding:10px 30px; |
- | + | ||
} | } | ||
- | + | #city{ | |
- | width: | + | position:absolute; |
- | + | background-color:#eff0e2; | |
- | + | width:1348px; | |
- | + | height:1100px; | |
+ | top:6300px; | ||
+ | left:0px; | ||
} | } | ||
- | + | #city_m2{ | |
- | + | position:absolute; | |
- | + | left:20%; | |
} | } | ||
- | . | + | .city_m2t1{ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position:relative; | position:relative; | ||
+ | top:30px; | ||
+ | width:490px; | ||
+ | height:400px; | ||
+ | padding:3px 20px; | ||
+ | background-color:#fefef2; | ||
} | } | ||
- | . | + | .city_m2p1{ |
position:absolute; | position:absolute; | ||
top:30px; | top:30px; | ||
- | left: | + | left:550px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #city_m3{ | |
- | position:absolute; | + | position:absolute; |
- | + | top:570px; | |
- | + | left:20%; | |
- | + | ||
} | } | ||
- | . | + | .city_m2t2{ |
- | position: | + | position:relative; |
- | + | top:40px; | |
- | height: | + | width:490px; |
- | + | height:350px; | |
- | + | left:320px; | |
+ | padding:3px 20px; | ||
+ | background-color:#fefef2; | ||
} | } | ||
- | . | + | .city_m2p2{ |
- | position:absolute | + | position:absolute; |
- | + | top:40px; | |
- | + | ||
- | top: | + | |
- | + | ||
} | } | ||
- | . | + | /*member.css***********************************************************************************************************/ |
- | top: | + | #member{ |
- | left: | + | position:absolute; |
- | width: | + | top:0px; |
+ | left:0px; | ||
+ | width:1348px; | ||
+ | height:850px; | ||
+ | background-color:#eff0e2; | ||
+ | overflow-x:hidden; | ||
} | } | ||
- | + | #A{ | |
- | top: | + | position:absolute; |
- | + | top:-200px; | |
- | + | left:-40px; | |
+ | } | ||
+ | .tx{ | ||
+ | height:150px; | ||
} | } | ||
- | + | #T1{ | |
- | + | position: absolute; | |
- | left: | + | 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; | |
- | + | ||
- | # | + | |
- | + | ||
- | position: | + | |
- | left: | + | |
- | + | ||
- | top: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #TT5{ |
- | position: | + | position: absolute; |
- | left: | + | left:860px; |
- | + | top: 430px; | |
- | z-index: | + | 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; | + | position: absolute; |
- | left: | + | 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; | + | 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; | |
- | position: | + | |
- | + | ||
- | + | ||
z-index:4; | z-index:4; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #T11{ | |
- | position: | + | position: absolute; |
- | + | left:695px; | |
- | + | top: 810px; | |
- | + | z-index:5; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #TT11{ | |
- | position: | + | position: absolute; |
- | + | left:695px; | |
- | + | top: 810px; | |
- | + | z-index:4; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #T12{ | |
- | position: | + | position: absolute; |
- | top: | + | top:477px; |
- | + | left:556px; | |
- | + | width:290px; | |
- | + | height:290px; | |
- | border: | + | border-radius:145px; |
- | + | background:#cdea8b; | |
- | + | ||
} | } | ||
- | . | + | .yk{ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:120px; |
- | left: | + | left:45px; |
font-family:Arial; | font-family:Arial; | ||
+ | font-size:48px; | ||
font-weight:bold; | font-weight:bold; | ||
- | |||
- | |||
- | |||
color:white; | color:white; | ||
- | |||
} | } | ||
- | . | + | .wcleft{ |
position:absolute; | position:absolute; | ||
- | top: | + | top:430px; |
- | left: | + | left:820px; |
- | + | z-index:6; | |
- | + | display:none; | |
- | + | ||
} | } | ||
- | . | + | .w2left{ |
- | z-index: | + | position:absolute; |
+ | top:506px; | ||
+ | left:814px; | ||
+ | z-index:6; | ||
+ | display:none; | ||
} | } | ||
- | . | + | .w3left{ |
position:absolute; | position:absolute; | ||
- | top: | + | top:575px; |
- | left: | + | 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; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | position: | + | |
- | + | ||
- | + | ||
- | + | ||
} | } |
Latest revision as of 02:05, 29 October 2013
- 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:Arial ; font-size:15px; color:#434343; text-align:justify; line-height:19px; margin-top:10px; } /*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; color:#434343; }
- acknowledgement{
position:absolute; background-color:#eff0e2; width:1348px; height:800px; top:5750px; left:0px; }
- ack_m2{
position:absolute; top:130px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }
- city{
position:absolute; background-color:#eff0e2; width:1348px; height:1100px; top:6300px; 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; }