Team:SUSTC-Shenzhen-B
From 2012.igem.org
Line 3: | Line 3: | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | #apDiv1 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:126px; | ||
+ | width:968px; | ||
+ | height:381px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #apDiv2 { | ||
+ | position:absolute; | ||
+ | left:1276px; | ||
+ | top:683px; | ||
+ | width:644px; | ||
+ | height:300px; | ||
+ | z-index:0; | ||
+ | background-image: url(../../mainpage%20logo/PekingR%20project3.1.png); | ||
+ | color: #EEEDED; | ||
+ | } | ||
+ | #apDiv3 { | ||
+ | position:absolute; | ||
+ | left:1066px; | ||
+ | top:574px; | ||
+ | width:322px; | ||
+ | height:300px; | ||
+ | z-index:0; | ||
+ | background-color: #EEEDED; | ||
+ | background-image: url(../../mainpage%20logo/PekingR%20team3.1.png); | ||
+ | } | ||
+ | #apDiv4 { | ||
+ | position:absolute; | ||
+ | left:1149px; | ||
+ | top:1059px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:1; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20logos%20parts%203.1.png); | ||
+ | } | ||
+ | #apDiv5 { | ||
+ | position:absolute; | ||
+ | left:1297px; | ||
+ | top:1060px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:2; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20logos%20humanpractice3.1.png); | ||
+ | } | ||
+ | #apDiv6 { | ||
+ | position:absolute; | ||
+ | left:1244px; | ||
+ | top:1055px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:3; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20biosafety%203.1.png); | ||
+ | } | ||
+ | #apDiv7 { | ||
+ | position:absolute; | ||
+ | left:1172px; | ||
+ | top:975px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:4; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20gallery%203.1.png); | ||
+ | } | ||
+ | #apDiv8 { | ||
+ | position:absolute; | ||
+ | left:1167px; | ||
+ | top:1262px; | ||
+ | width:960px; | ||
+ | height:200px; | ||
+ | z-index:5; | ||
+ | background-image: url(../../mainpage%20logo/PekingR%20acknowledgement3.1.png); | ||
+ | } | ||
+ | #apDiv9 { | ||
+ | position:absolute; | ||
+ | left:36px; | ||
+ | top:695px; | ||
+ | width:384px; | ||
+ | height:218px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .mainbody { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | text-align: justify; | ||
+ | color: #666; | ||
+ | font-size: 16px; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | .project { | ||
+ | color: #A22B99; | ||
+ | font-weight: bold; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
+ | } | ||
+ | #apDiv10 { | ||
+ | position:absolute; | ||
+ | left:436px; | ||
+ | top:695px; | ||
+ | width:174px; | ||
+ | height:231px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #apDiv11 { | ||
+ | position:absolute; | ||
+ | left:676px; | ||
+ | top:695px; | ||
+ | width:277px; | ||
+ | height:227px; | ||
+ | z-index:3; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .team { color: #C81A15; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #apDiv12 { | ||
+ | position:absolute; | ||
+ | left:671px; | ||
+ | top:712px; | ||
+ | width:201px; | ||
+ | height:181px; | ||
+ | z-index:4; | ||
+ | } | ||
+ | #apDiv13 { | ||
+ | position:absolute; | ||
+ | left:46px; | ||
+ | top:1044px; | ||
+ | width:194px; | ||
+ | height:123px; | ||
+ | z-index:5; | ||
+ | } | ||
+ | #apDiv14 { | ||
+ | position:absolute; | ||
+ | left:25px; | ||
+ | top:1000px; | ||
+ | width:206px; | ||
+ | height:118px; | ||
+ | z-index:6; | ||
+ | } | ||
+ | .parts { | ||
+ | color: #069; | ||
+ | font-weight: bold; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | #apDiv15 { | ||
+ | position:absolute; | ||
+ | left:268px; | ||
+ | top:1000px; | ||
+ | width:194px; | ||
+ | height:167px; | ||
+ | z-index:7; | ||
+ | } | ||
+ | .humanpractice { color: #096; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #apDiv16 { | ||
+ | position:absolute; | ||
+ | left:752px; | ||
+ | top:1000px; | ||
+ | width:194px; | ||
+ | height:167px; | ||
+ | z-index:8; | ||
+ | } | ||
+ | .biosafety { font-weight: bold; | ||
+ | color: #C6CA22; | ||
+ | } | ||
+ | #apDiv17 { | ||
+ | position:absolute; | ||
+ | left:513px; | ||
+ | top:1000px; | ||
+ | width:194px; | ||
+ | height:178px; | ||
+ | z-index:9; | ||
+ | } | ||
+ | .gallery { color: #9C3; | ||
+ | } | ||
+ | #apDiv18 { | ||
+ | position:absolute; | ||
+ | left:102px; | ||
+ | top:1305px; | ||
+ | width:894px; | ||
+ | height:108px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #apDiv11 p .mainbody { | ||
+ | text-align: right; | ||
+ | } | ||
+ | #apDiv11 .mainbody { | ||
+ | text-align: right; | ||
+ | } | ||
+ | </style> | ||
<body> | <body> |
Revision as of 12:41, 2 August 2012
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
body{background:#59791b url(images/bg_body.gif) repeat-y top; padding:0; margin:0; font:11px Tahoma, serif; color:#565656; height:100%}
img{border:0;}
form{margin:0; padding:0;}
- main{height:750px; width:100%; position:relative; margin:0 auto;}
- flash{width:800px; height:750px; position:relative; margin:0 auto;}
|
#apDiv1 { position:absolute; left:0px; top:126px; width:968px; height:381px; z-index:1; } #apDiv2 { position:absolute; left:1276px; top:683px; width:644px; height:300px; z-index:0; background-image: url(../../mainpage%20logo/PekingR%20project3.1.png); color: #EEEDED; } #apDiv3 { position:absolute; left:1066px; top:574px; width:322px; height:300px; z-index:0; background-color: #EEEDED; background-image: url(../../mainpage%20logo/PekingR%20team3.1.png); } #apDiv4 { position:absolute; left:1149px; top:1059px; width:240px; height:300px; z-index:1; background-image: url(../../mainpage%20logo/pekingR%20logos%20parts%203.1.png); } #apDiv5 { position:absolute; left:1297px; top:1060px; width:240px; height:300px; z-index:2; background-image: url(../../mainpage%20logo/pekingR%20logos%20humanpractice3.1.png); } #apDiv6 { position:absolute; left:1244px; top:1055px; width:240px; height:300px; z-index:3; background-image: url(../../mainpage%20logo/pekingR%20biosafety%203.1.png); } #apDiv7 { position:absolute; left:1172px; top:975px; width:240px; height:300px; z-index:4; background-image: url(../../mainpage%20logo/pekingR%20gallery%203.1.png); } #apDiv8 { position:absolute; left:1167px; top:1262px; width:960px; height:200px; z-index:5; background-image: url(../../mainpage%20logo/PekingR%20acknowledgement3.1.png); } #apDiv9 { position:absolute; left:36px; top:695px; width:384px; height:218px; z-index:1; } .mainbody { font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; color: #666; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; line-height: normal; } .project { color: #A22B99; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-variant: normal; } #apDiv10 { position:absolute; left:436px; top:695px; width:174px; height:231px; z-index:2; } #apDiv11 { position:absolute; left:676px; top:695px; width:277px; height:227px; z-index:3; text-align: right; } .team { color: #C81A15; font-weight: bold; } #apDiv12 { position:absolute; left:671px; top:712px; width:201px; height:181px; z-index:4; } #apDiv13 { position:absolute; left:46px; top:1044px; width:194px; height:123px; z-index:5; } #apDiv14 { position:absolute; left:25px; top:1000px; width:206px; height:118px; z-index:6; } .parts { color: #069; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } #apDiv15 { position:absolute; left:268px; top:1000px; width:194px; height:167px; z-index:7; } .humanpractice { color: #096; font-weight: bold; } #apDiv16 { position:absolute; left:752px; top:1000px; width:194px; height:167px; z-index:8; } .biosafety { font-weight: bold; color: #C6CA22; } #apDiv17 { position:absolute; left:513px; top:1000px; width:194px; height:178px; z-index:9; } .gallery { color: #9C3; } #apDiv18 { position:absolute; left:102px; top:1305px; width:894px; height:108px; z-index:10; } #apDiv11 p .mainbody { text-align: right; } #apDiv11 .mainbody { text-align: right; }