Team:XMU Software/Project/css
From 2013.igem.org
YuezhenChen (Talk | contribs) |
YuezhenChen (Talk | contribs) |
||
(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: | + | 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
- 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{
position:absolute; background-color:#fefef2; width:1335px; top:395px; height:1000px; left:0px; z-index:3; }
- RBS_m1{
position:absolute; top:5px; }
- 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; }
- 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; }