Team:XMU Software/Team/css

From 2013.igem.org

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

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

  1. project_s1{

position:absolute; top:0px; padding:0px; left:0px; z-index:1; } .project_title{ position:absolute; top:170px; width:1347px; text-align:center; font-family:Arial; font-size:48px; color:#ffffff; font-weight:bold; } .project_introduce{ position:absolute; top:250px; left:333px; width:700px; 

   text-align:justify;

font-family:Arial; font-size:18px; color:#ffffff; }

  1. terminator{

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

  1. terminator_m2{

position:absolute; left:20%; width:800px; } .body_references{ font-family:Arial; font-size:12px; color:#707070; margin-top:7px; } .body_photo{ font-family:微软雅黑; font-size:14px; color:#707070; text-align:center; margin-top:10px; }

  1. RBS{

position:absolute; background-color:#fefef2; width:1335px; top:395px; height:1000px; left:0px; display:none; z-index:3; }

  1. RBS_m1{

position:absolute; top:5px; }

  1. RBS_m2{

position:absolute; top:80px; left:20%; width:800px; } .RBS_table1{ margin-left:50px; font-family:微软雅黑; font-size:14px; color:#707070; border:1px solid #707070; text-align:center; }

  1. promoter{

position:absolute; background-color:#fefef2; width:1335px; top:395px; height:1000px; left:0px; z-index:3; }

  1. promoter_m1{

position:absolute; top:5px; }

  1. promoter_m2{

position:absolute; top:80px; left:20%; width:800px; } .promoter_table1{ margin-left:10px; font-family:微软雅黑; font-size:14px; color:#707070; border:1px solid #707070; text-align:center; } .light{ white-space: nowrap; background:#fea801; }

  1. protein{

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

  1. protein_m2{

position:absolute; left:20%; width:800px; }

  1. achieve{

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

  1. achieve_m2{

position:absolute; left:283px; width:800px; }

  1. achieve_m3{

position: absolute; font-weight: 900; font-size: 20px; width: 310px; left: 10px; line-height: 50px; font-family: 微软雅黑; top: 200px; }

  1. achieve_m4{

position: absolute; font-weight: 900; font-size: 20px; width: 310px; left: 10px; line-height: 50px; font-family: 微软雅黑; top: 387px; }

  1. brick_demo_video{

position:absolute; left:100px; }

  1. enote{

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

  1. enote_m2{

position:absolute; left:20%; width:800px; } .protein_table1{ margin-left:30px; font-family:微软雅黑; font-size:14px; color:#707070; border:1px solid #707070; text-align:center; } .protein_table2{ margin-left:10px; font-family:微软雅黑; font-size:14px; color:#707070; border:1px solid #707070; text-align:center; } p{/*段落文本*/ font-family:Arial ; font-size:15px; color:#434343; text-align:justify; line-height:19px; margin-top:10px; }

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