Team:XMU Software/Project/css

From 2013.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
 +
#project{
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:1347px;
 +
height:3000px;
 +
}
 +
#project_s1{
 +
position:absolute;
 +
top:0px;
 +
padding:0px;
 +
left:0px;
 +
z-index:1;
 +
}
 +
.project_title{
 +
position:absolute;
 +
top:150px;
 +
width:1347px;
 +
text-align:center;
 +
font-family:Arial;
 +
font-size:48px;
 +
color:#ffffff;
 +
font-weight:bold;
 +
}
 +
.project_introduce{
 +
position:absolute;
 +
top:230px;
 +
left:333px;
 +
width:700px;
 +
    text-align:justify;
 +
font-family:Arial;
 +
font-size:18px;
 +
color:#ffffff;
 +
}
 +
#terminator{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
top:395px;
 +
left:0px;
 +
}
 +
#terminator_m2{
 +
position:absolute;
 +
left:20%;
 +
width:800px;
 +
}
 +
.body_references{
 +
font-family:Arial;
 +
font-size:12px;
 +
color:#434343;
 +
margin-top:7px;
 +
}
 +
.body_photo{
 +
font-family:Arial;
 +
font-size:12px;
 +
color:#434343;
 +
text-align:center;
 +
margin-top:10px;
 +
}
#RBS{
#RBS{
position:absolute;
position:absolute;
Line 14: Line 73:
#RBS_m2{
#RBS_m2{
position:absolute;
position:absolute;
-
top:50px;
+
top:80px;
left:20%;
left:20%;
width:800px;
width:800px;
Line 20: Line 79:
.RBS_table1{
.RBS_table1{
margin-left:50px;
margin-left:50px;
-
font-family:微软雅黑;
+
font-family:Arial;
font-size:14px;
font-size:14px;
color:#707070;
color:#707070;
border:1px solid #707070;
border:1px solid #707070;
text-align:center;
text-align:center;
 +
}
 +
#promoter{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
top:395px;
 +
height:1000px;
 +
left:0px;
 +
z-index:3;
 +
}
 +
#promoter_m1{
 +
position:absolute;
 +
top:5px;
 +
}
 +
#promoter_m2{
 +
position:absolute;
 +
top:80px;
 +
left:20%;
 +
width:800px;
 +
}
 +
.promoter_table1{
 +
margin-left:10px;
 +
font-family:Arial;
 +
font-size:14px;
 +
color:#707070;
 +
border:1px solid #707070;
 +
text-align:center;
 +
}
 +
.light{
 +
white-space: nowrap;
 +
background:#fea801;
 +
}
 +
#protein{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
top:395px;
 +
left:0px;
 +
}
 +
#protein_m2{
 +
position:absolute;
 +
left:20%;
 +
width:800px;
 +
}
 +
#achieve{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
height:2000px;
 +
top:395px;
 +
left:0px;
 +
}
 +
#achieve_m2{
 +
position:absolute;
 +
left:283px;
 +
width:800px;
 +
}
 +
#achieve_m3{
 +
position: absolute;
 +
font-weight: 900;
 +
font-size: 20px;
 +
width: 310px;
 +
left: 10px;
 +
line-height: 50px;
 +
font-family: Arial;
 +
top: 200px;
 +
}
 +
#achieve_m4{
 +
position: absolute;
 +
font-weight: 900;
 +
font-size: 20px;
 +
width: 310px;
 +
left: 10px;
 +
line-height: 50px;
 +
font-family: Arial;
 +
top: 387px;
 +
}
 +
#brick_demo_video{
 +
position:absolute;
 +
left:100px;
 +
}
 +
#enote{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
top:395px;
 +
left:0px;
 +
}
 +
#enote_m2{
 +
position:absolute;
 +
left:20%;
 +
width:800px;
 +
}
 +
.protein_table1{
 +
margin-left:30px;
 +
font-family:Arial;
 +
font-size:14px;
 +
color:#707070;
 +
border:1px solid #707070;
 +
text-align:center;
 +
}
 +
.protein_table2{
 +
margin-left:10px;
 +
font-family:Arial;
 +
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;
 +
}
 +
#result1_s2{
 +
position:absolute;
 +
top:0px;
 +
left:22%;
 +
width:800px;
 +
padding:0px;
}
}

Latest revision as of 03:54, 29 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:150px; width:1347px; text-align:center; font-family:Arial; font-size:48px; color:#ffffff; font-weight:bold; } .project_introduce{ position:absolute; top:230px; 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; }

  1. terminator_m2{

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

  1. RBS{

position:absolute; background-color:#fefef2; width:1335px; top:395px; height:1000px; left:0px; 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:Arial; 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:Arial; 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; }

  1. protein_m2{

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

  1. achieve{

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

  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: Arial; top: 200px; }

  1. achieve_m4{

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

  1. brick_demo_video{

position:absolute; left:100px; }

  1. enote{

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

  1. enote_m2{

position:absolute; left:20%; width:800px; } .protein_table1{ margin-left:30px; font-family:Arial; font-size:14px; color:#707070; border:1px solid #707070; text-align:center; } .protein_table2{ margin-left:10px; font-family:Arial; 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; }

  1. result1_s2{

position:absolute; top:0px; left:22%; width:800px; padding:0px; }