Team:XMU Software/Project/css

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 15: Line 15:
.project_title{
.project_title{
position:absolute;
position:absolute;
-
top:170px;
+
top:150px;
width:1347px;
width:1347px;
text-align:center;
text-align:center;
font-family:Arial;
font-family:Arial;
-
font-size:60px;
+
font-size:48px;
color:#ffffff;
color:#ffffff;
font-weight:bold;
font-weight:bold;
Line 25: Line 25:
.project_introduce{
.project_introduce{
position:absolute;
position:absolute;
-
top:250px;
+
top:230px;
left:333px;
left:333px;
width:700px;
width:700px;
Line 32: Line 32:
font-size:18px;
font-size:18px;
color:#ffffff;
color:#ffffff;
-
font-weight:bold;
 
}
}
#terminator{
#terminator{
Line 38: Line 37:
background-color:#fefef2;
background-color:#fefef2;
width:1335px;
width:1335px;
-
top:485px;
+
top:395px;
left:0px;
left:0px;
-
display:none;
 
}
}
#terminator_m2{
#terminator_m2{
Line 50: Line 48:
font-family:Arial;
font-family:Arial;
font-size:12px;
font-size:12px;
-
color:#707070;
+
color:#434343;
margin-top:7px;
margin-top:7px;
}
}
.body_photo{
.body_photo{
-
font-family:微软雅黑;
+
font-family:Arial;
-
font-size:14px;
+
font-size:12px;
-
color:#707070;
+
color:#434343;
text-align:center;
text-align:center;
margin-top:10px;
margin-top:10px;
Line 64: Line 62:
background-color:#fefef2;
background-color:#fefef2;
width:1335px;
width:1335px;
-
top:485px;
+
top:395px;
 +
height:1000px;
left:0px;
left:0px;
-
display:none;
+
z-index:3;
 +
}
 +
#RBS_m1{
 +
position:absolute;
 +
top:5px;
}
}
#RBS_m2{
#RBS_m2{
position:absolute;
position:absolute;
 +
top:80px;
left:20%;
left:20%;
width:800px;
width:800px;
 +
}
 +
.RBS_table1{
 +
margin-left:50px;
 +
font-family:Arial;
 +
font-size:14px;
 +
color:#707070;
 +
border:1px solid #707070;
 +
text-align:center;
}
}
#promoter{
#promoter{
Line 77: Line 89:
background-color:#fefef2;
background-color:#fefef2;
width:1335px;
width:1335px;
-
top:485px;
+
top:395px;
 +
height:1000px;
left:0px;
left:0px;
 +
z-index:3;
 +
}
 +
#promoter_m1{
 +
position:absolute;
 +
top:5px;
}
}
#promoter_m2{
#promoter_m2{
position:absolute;
position:absolute;
 +
top:80px;
left:20%;
left:20%;
width:800px;
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{
#protein{
Line 89: Line 120:
background-color:#fefef2;
background-color:#fefef2;
width:1335px;
width:1335px;
-
top:485px;
+
top:395px;
left:0px;
left:0px;
-
display:none;
 
}
}
#protein_m2{
#protein_m2{
Line 98: Line 128:
width:800px;
width:800px;
}
}
-
#brickdemo{
+
#achieve{
position:absolute;
position:absolute;
background-color:#fefef2;
background-color:#fefef2;
width:1335px;
width:1335px;
-
top:485px;
+
height:2000px;
 +
top:395px;
left:0px;
left:0px;
-
display:none;
 
}
}
-
#brickdemo_m2{
+
#achieve_m2{
position:absolute;
position:absolute;
left:283px;
left:283px;
width:800px;
width:800px;
}
}
-
#brickdemo_m3{
+
#achieve_m3{
position: absolute;
position: absolute;
font-weight: 900;
font-weight: 900;
Line 118: Line 148:
left: 10px;
left: 10px;
line-height: 50px;
line-height: 50px;
-
font-family: 微软雅黑;
+
font-family: Arial;
top: 200px;
top: 200px;
}
}
-
#brickdemo_m4{
+
#achieve_m4{
position: absolute;
position: absolute;
font-weight: 900;
font-weight: 900;
Line 128: Line 158:
left: 10px;
left: 10px;
line-height: 50px;
line-height: 50px;
-
font-family: 微软雅黑;
+
font-family: Arial;
top: 387px;
top: 387px;
}
}
Line 139: Line 169:
background-color:#fefef2;
background-color:#fefef2;
width:1335px;
width:1335px;
-
top:485px;
+
top:395px;
left:0px;
left:0px;
-
display:none;
 
}
}
#enote_m2{
#enote_m2{
Line 147: Line 176:
left:20%;
left:20%;
width:800px;
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; }

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