Team:XMU Software/Project/css
From 2013.igem.org
YuezhenChen (Talk | contribs) |
YuezhenChen (Talk | contribs) |
||
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:170px; | ||
+ | width:1347px; | ||
+ | text-align:center; | ||
+ | font-family:Arial; | ||
+ | font-size:60px; | ||
+ | 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; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #terminator{ | ||
+ | position:absolute; | ||
+ | background-color:#fefef2; | ||
+ | width:1335px; | ||
+ | top:485px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | } | ||
+ | #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; | ||
+ | } | ||
#RBS{ | #RBS{ | ||
position:absolute; | position:absolute; | ||
Line 25: | Line 86: | ||
border:1px solid #707070; | border:1px solid #707070; | ||
text-align:center; | text-align:center; | ||
+ | } | ||
+ | #promoter{ | ||
+ | position:absolute; | ||
+ | background-color:#fefef2; | ||
+ | width:1335px; | ||
+ | top:485px; | ||
+ | left:0px; | ||
+ | } | ||
+ | #promoter_m2{ | ||
+ | position:absolute; | ||
+ | left:20%; | ||
+ | width:800px; | ||
+ | } | ||
+ | #protein{ | ||
+ | position:absolute; | ||
+ | background-color:#fefef2; | ||
+ | width:1335px; | ||
+ | top:485px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | } | ||
+ | #protein_m2{ | ||
+ | position:absolute; | ||
+ | left:20%; | ||
+ | width:800px; | ||
+ | } | ||
+ | #brickdemo{ | ||
+ | position:absolute; | ||
+ | background-color:#fefef2; | ||
+ | width:1335px; | ||
+ | top:485px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | } | ||
+ | #brickdemo_m2{ | ||
+ | position:absolute; | ||
+ | left:283px; | ||
+ | width:800px; | ||
+ | } | ||
+ | #brickdemo_m3{ | ||
+ | position: absolute; | ||
+ | font-weight: 900; | ||
+ | font-size: 20px; | ||
+ | width: 310px; | ||
+ | left: 10px; | ||
+ | line-height: 50px; | ||
+ | font-family: 微软雅黑; | ||
+ | top: 200px; | ||
+ | } | ||
+ | #brickdemo_m4{ | ||
+ | position: absolute; | ||
+ | font-weight: 900; | ||
+ | font-size: 20px; | ||
+ | width: 310px; | ||
+ | left: 10px; | ||
+ | line-height: 50px; | ||
+ | font-family: 微软雅黑; | ||
+ | top: 387px; | ||
+ | } | ||
+ | #brick_demo_video{ | ||
+ | position:absolute; | ||
+ | left:100px; | ||
+ | } | ||
+ | #enote{ | ||
+ | position:absolute; | ||
+ | background-color:#fefef2; | ||
+ | width:1335px; | ||
+ | top:485px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | } | ||
+ | #enote_m2{ | ||
+ | position:absolute; | ||
+ | left:20%; | ||
+ | width:800px; | ||
} | } |
Revision as of 10:08, 23 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:170px; width:1347px; text-align:center; font-family:Arial; font-size:60px; 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; font-weight:bold; }
- terminator{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- 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; }
- 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:50px; left:20%; width:800px; } .RBS_table1{ margin-left:50px; font-family:微软雅黑; font-size:14px; color:#707070; border:1px solid #707070; text-align:center; }
- promoter{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; }
- promoter_m2{
position:absolute; left:20%; width:800px; }
- protein{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- protein_m2{
position:absolute; left:20%; width:800px; }
- brickdemo{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- brickdemo_m2{
position:absolute; left:283px; width:800px; }
- brickdemo_m3{
position: absolute; font-weight: 900; font-size: 20px; width: 310px; left: 10px; line-height: 50px; font-family: 微软雅黑; top: 200px; }
- brickdemo_m4{
position: absolute; font-weight: 900; font-size: 20px; width: 310px; left: 10px; line-height: 50px; font-family: 微软雅黑; top: 387px; }
- brick_demo_video{
position:absolute; left:100px; }
- enote{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- enote_m2{
position:absolute; left:20%; width:800px; }