Team:XMU Software/Team/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#project{
+
#team{
position:absolute;
position:absolute;
top:0px;
top:0px;
left:0px;
left:0px;
width:1347px;
width:1347px;
-
height:3000px;
+
height:7000px;
}
}
-
#project_s1{
+
#team_s1{
position:absolute;
position:absolute;
top:0px;
top:0px;
-
padding:0px;
 
left:0px;
left:0px;
z-index:1;
z-index:1;
}
}
-
.project_title{
+
.team_title{
position:absolute;
position:absolute;
top:170px;
top:170px;
Line 23: Line 22:
font-weight:bold;
font-weight:bold;
}
}
-
.project_introduce{
+
.team_introduce{
position:absolute;
position:absolute;
top:250px;
top:250px;
Line 33: Line 32:
color:#ffffff;
color:#ffffff;
}
}
-
#terminator{
+
p{/*段落文本*/
 +
font-family:Times New Roman ;
 +
font-size:15px;
 +
color:#434343;
 +
text-align:justify;
 +
line-height:19px;
 +
}
 +
/*ourteam.css***********************************************************************************************************/
 +
#ourteam{
position:absolute;
position:absolute;
background-color:#fefef2;
background-color:#fefef2;
Line 39: Line 46:
top:395px;
top:395px;
left:0px;
left:0px;
-
display:none;
 
}
}
-
#terminator_m2{
+
#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;
position:absolute;
left:20%;
left:20%;
-
width:800px;
 
}
}
-
.body_references{
+
.name{
font-family:Arial;
font-family:Arial;
-
font-size:12px;
+
font-size:24px;
-
color:#707070;
+
font-weight:bold;
-
margin-top:7px;
+
color:#004986;
 +
margin-left:25px;
}
}
-
.body_photo{
+
.team_m3t1{
-
font-family:微软雅黑;
+
position:relative;
-
font-size:14px;
+
top:-250px;
-
color:#707070;
+
left:230px;
-
text-align:center;
+
width:600px;
-
margin-top:10px;
+
height:244px;
 +
padding:3px 20px;
 +
background-color:#fefef2;
}
}
-
#RBS{
+
#team_m3n1{
position:absolute;
position:absolute;
-
background-color:#fefef2;
+
top:50px;
-
width:1335px;
+
-
top:395px;
+
-
height:1000px;
+
-
left:0px;
+
-
display:none;
+
-
z-index:3;
+
}
}
-
#RBS_m1{
+
#team_m3n2{
position:absolute;
position:absolute;
-
top:5px;
+
top:320px;
}
}
-
#RBS_m2{
+
#team_m4{
 +
position:absolute;
 +
top:1600px;
 +
width:1348px;
 +
height:900px;
 +
background-color:#eff0e2;
 +
}
 +
#team_advisor{
position:absolute;
position:absolute;
-
top:80px;
 
left:20%;
left:20%;
-
width:800px;
 
}
}
-
.RBS_table1{
+
#team_m4n1{
-
margin-left:50px;
+
position:absolute;
-
font-family:微软雅黑;
+
top:50px;
-
font-size:14px;
+
-
color:#707070;
+
-
border:1px solid #707070;
+
-
text-align:center;
+
}
}
-
#promoter{
+
#team_m4n2{
position:absolute;
position:absolute;
-
background-color:#fefef2;
+
top:320px;
-
width:1335px;
+
}
-
top:395px;
+
#team_m4n3{
-
height:1000px;
+
position:absolute;
 +
top:590px;
 +
}
 +
#video{
 +
position:absolute;
 +
background-color:#eff0e2;
 +
width:1348px;
 +
height:800px;
 +
top:2880px;
left:0px;
left:0px;
-
z-index:3;
 
}
}
-
#promoter_m1{
+
#video_m2{
position:absolute;
position:absolute;
-
top:5px;
+
top:150px;
 +
left:20%;
 +
width:800px;
 +
background-color:#fefef2;
 +
padding:10px 30px;
}
}
-
#promoter_m2{
+
#attribution{
position:absolute;
position:absolute;
-
top:80px;
+
background-color:#eff0e2;
 +
width:1348px;
 +
height:3200px;
 +
top:3530px;
 +
left:0px;
 +
}
 +
#attribution_m2{
 +
position:absolute;
 +
top:150px;
left:20%;
left:20%;
width:800px;
width:800px;
 +
background-color:#fefef2;
 +
padding:10px 30px;
}
}
-
.promoter_table1{
+
.attribution_li{
-
margin-left:10px;
+
font-family:Arial;
-
font-family:微软雅黑;
+
font-size:16px;
-
font-size:14px;
+
font-weight:bold;
-
color:#707070;
+
color:#898989;
-
border:1px solid #707070;
+
-
text-align:center;
+
}
}
-
.light{
+
#acknowledgement{
-
white-space: nowrap;
+
position:absolute;
-
background:#fea801;
+
background-color:#eff0e2;
 +
width:1348px;
 +
height:600px;
 +
top:5520px;
 +
left:0px;
}
}
-
#protein{
+
#ack_m2{
position:absolute;
position:absolute;
 +
top:150px;
 +
left:20%;
 +
width:800px;
background-color:#fefef2;
background-color:#fefef2;
-
width:1335px;
+
padding:10px 30px;
-
top:395px;
+
}
 +
#city{
 +
position:absolute;
 +
background-color:#eff0e2;
 +
width:1348px;
 +
height:1100px;
 +
top:6050px;
left:0px;
left:0px;
-
display:none;
 
}
}
-
#protein_m2{
+
#city_m2{
position:absolute;
position:absolute;
left:20%;
left:20%;
-
width:800px;
 
}
}
-
#achieve{
+
.city_m2t1{
 +
position:relative;
 +
top:30px;
 +
width:490px;
 +
height:400px;
 +
padding:3px 20px;
 +
background-color:#fefef2;
 +
}
 +
.city_m2p1{
position:absolute;
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;
background-color:#fefef2;
-
width:1335px;
+
}
-
top:395px;
+
.city_m2p2{
 +
position:absolute;
 +
top:40px;
 +
 +
}
 +
/*member.css***********************************************************************************************************/
 +
#member{
 +
position:absolute;
 +
top:0px;
left:0px;
left:0px;
-
display:none;
+
width:1348px;
 +
height:850px;
 +
background-color:#eff0e2;
 +
overflow-x:hidden;
}
}
-
#achieve_m2{
+
#A{
position:absolute;
position:absolute;
-
left:283px;
+
top:-200px;
-
width:800px;
+
left:-40px;
 +
} 
 +
.tx{
 +
height:150px;
}
}
-
#achieve_m3{
+
#T1{
position: absolute;
position: absolute;
-
font-weight: 900;
+
left:620px;
-
font-size: 20px;
+
top: 270px;
-
width: 310px;
+
z-index:5;  
-
left: 10px;
+
-
line-height: 50px;
+
-
font-family: 微软雅黑;
+
-
top: 200px;
+
}
}
-
#achieve_m4{
+
#TT1{
position: absolute;
position: absolute;
-
font-weight: 900;
+
left:620px;
-
font-size: 20px;
+
top: 270px;
-
width: 310px;
+
z-index:4;
-
left: 10px;
+
-
line-height: 50px;
+
-
font-family: 微软雅黑;
+
-
top: 387px;
+
}
}
-
#brick_demo_video{
+
#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;
position:absolute;
-
left:100px;
+
top:120px;
 +
left:45px;
 +
font-family:Arial;
 +
font-size:48px;
 +
font-weight:bold;
 +
color:white;
}
}
-
#enote{
+
.wcleft{
position:absolute;
position:absolute;
-
background-color:#fefef2;
+
top:430px;
-
width:1335px;
+
left:820px;
-
top:395px;
+
z-index:6;
-
left:0px;
+
display:none;
display:none;
}
}
-
#enote_m2{
+
.w2left{
position:absolute;
position:absolute;
-
left:20%;
+
top:506px;
-
width:800px;
+
left:814px;
 +
z-index:6;
 +
display:none;
}
}
-
.protein_table1{
+
.w3left{
-
margin-left:30px;
+
position:absolute;
-
font-family:微软雅黑;
+
top:575px;
-
font-size:14px;
+
left:828px;
-
color:#707070;
+
z-index:6;
-
border:1px solid #707070;
+
display:none;
-
text-align:center;
+
}
}
-
.protein_table2{
+
.wcright{
-
margin-left:10px;
+
position:absolute;
-
font-family:微软雅黑;
+
top:425px;
-
font-size:14px;
+
left:61px;
-
color:#707070;
+
z-index:6;
-
border:1px solid #707070;
+
display:none;
-
text-align:center;
+
}
}
-
p{/*段落文本*/
+
.w2right{
-
font-family:Arial ;
+
position:absolute;
-
font-size:15px;
+
top:502px;
-
color:#434343;
+
left:54px;
-
text-align:justify;
+
z-index:6;
-
line-height:19px;
+
display:none;
-
margin-top:10px;
+
}
 +
.w3right{
 +
position:absolute;
 +
top:571px;
 +
left:68px;
 +
z-index:6;
 +
display:none;
 +
}
 +
#A2{
 +
position: absolute;
 +
top:1000px;
 +
}
 +
#A3{
 +
position: absolute;
 +
top: 1500px;
}
}

Revision as of 02:38, 27 October 2013

  1. team{

position:absolute; top:0px; left:0px; width:1347px; height:7000px; }

  1. 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:Times New Roman ; font-size:15px; color:#434343; text-align:justify; line-height:19px; } /*ourteam.css***********************************************************************************************************/

  1. ourteam{

position:absolute; background-color:#fefef2; width:1335px; top:395px; left:0px; }

  1. team_m1{

position:absolute; top:5px; }

  1. team_member{

position:absolute; top:95px; width:1348px; height:850px; }

  1. team_m2t1{

position:absolute; top:200px; left:20%; z-index:10; }

  1. team_m3{

position:absolute; top:935px; width:1348px; height:800px; background-color:#eff0e2; }

  1. 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; }

  1. team_m3n1{

position:absolute; top:50px; }

  1. team_m3n2{

position:absolute; top:320px; }

  1. team_m4{

position:absolute; top:1600px; width:1348px; height:900px; background-color:#eff0e2; }

  1. team_advisor{

position:absolute; left:20%; }

  1. team_m4n1{

position:absolute; top:50px; }

  1. team_m4n2{

position:absolute; top:320px; }

  1. team_m4n3{

position:absolute; top:590px; }

  1. video{

position:absolute; background-color:#eff0e2; width:1348px; height:800px; top:2880px; left:0px; }

  1. video_m2{

position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }

  1. attribution{

position:absolute; background-color:#eff0e2; width:1348px; height:3200px; top:3530px; left:0px; }

  1. 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; }

  1. acknowledgement{

position:absolute; background-color:#eff0e2; width:1348px; height:600px; top:5520px; left:0px; }

  1. ack_m2{

position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }

  1. city{

position:absolute; background-color:#eff0e2; width:1348px; height:1100px; top:6050px; left:0px; }

  1. 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; }

  1. 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***********************************************************************************************************/

  1. member{

position:absolute; top:0px; left:0px; width:1348px; height:850px; background-color:#eff0e2; overflow-x:hidden; }

  1. A{

position:absolute; top:-200px; left:-40px; } .tx{ height:150px; }

  1. T1{

position: absolute; left:620px; top: 270px; z-index:5; }

  1. TT1{

position: absolute; left:620px; top: 270px; z-index:4; }

  1. T2{

position: absolute; left:480px; top: 320px; z-index:5; }

  1. TT2{

position: absolute; left:480px; top: 320px; z-index:4; }

  1. T3{

position: absolute; left:760px; top: 320px; z-index:5; }

  1. TT3{

position: absolute; left:760px; top: 320px; z-index:4; }

  1. T4{

position: absolute; left:380px; top: 430px; z-index:5; }

  1. TT4{

position: absolute; left:380px; top: 430px; z-index:4; }

  1. T5{

position: absolute; left:860px; top: 430px; z-index:5; }

  1. TT5{

position: absolute; left:860px; top: 430px; z-index:4; }

  1. T6{

position: absolute; left:365px; top: 580px; z-index:5; }

  1. TT6{

position: absolute; left:365px; top: 580px; z-index:4; }

  1. T7{

position: absolute; left:875px; top: 580px; z-index:5; }

  1. TT7{

position: absolute; left:875px; top: 580px; z-index:4; }

  1. T8{

position: absolute; left:420px; top: 720px; z-index:5; }

  1. TT8{

position: absolute; left:420px; top: 720px; z-index:4; }

  1. T9{

position: absolute; left:820px; top: 720px; z-index:5; }

  1. TT9{

position: absolute; left:820px; top: 720px; z-index:4; }

  1. T10{

position: absolute; left:545px; top: 810px; z-index:5; }

  1. TT10{

position: absolute; left:545px; top: 810px; z-index:4; }

  1. T11{

position: absolute; left:695px; top: 810px; z-index:5; }

  1. TT11{

position: absolute; left:695px; top: 810px; z-index:4; }

  1. 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; }

  1. A2{

position: absolute; top:1000px; }

  1. A3{

position: absolute; top: 1500px; }

Retrieved from "http://2013.igem.org/Team:XMU_Software/Team/css"