Team:Peking/Test3
From 2010.igem.org
(Difference between revisions)
(14 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | <html> |
- | + | ||
- | + | ||
- | + | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | #SubWrapper {height: 240px;} | |
- | # | + | #PKU {position:relative; width:relative; } |
- | + | #PKU a.B1, #PKU a.B2, #PKU a.B3, #PKU a.B4 | |
- | + | {position:absolute; display:block; width:160px; height:21px; text-decoration:none;padding: 7px 20px;font-family: "Franklin Gothic Demi Cond", Arial, Sans-serif; | |
- | + | font-size: 17px;} | |
- | + | ||
- | + | ||
- | + | #PKU a.B1 {color: #424242;border: 0px;top:0px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");} | |
- | + | #PKU a.B2 {color: #424242;border: 0px;top:55px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");} | |
- | + | #PKU a.B3 {color: #424242;border: 0px;top:110px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");} | |
- | + | #PKU a.B4 {color: #424242;border: 0px;top:165px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");} | |
- | + | ||
- | + | ||
- | } | + | #PKU a.B1:hover, #PKU a.B2:hover, #PKU a.B3:hover, #PKU a.B4:hover {text-decoration:none; } |
- | . | + | |
- | . | + | #PKU a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;} |
- | + | ||
- | + | #PKU a.B1:hover { | |
- | } | + | display: block; |
- | # | + | width: 200px; |
- | + | height: 35px; | |
- | + | border: 0px solid #bbb; | |
- | + | margin-top: 0px; | |
- | + | background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top; | |
- | + | padding: 7px 20px; | |
- | + | color: #000;} | |
- | + | #PKU a.B1:hover img {display:block; position:absolute; top:-10px; left:210px; width:700px; height:220px; border:0px;} | |
- | } | + | |
- | . | + | #PKU a.B2:hover { |
- | . | + | display: block; |
- | + | width: 200px; | |
- | + | height: 35px; | |
- | + | border: 0px solid #bbb; | |
- | } | + | margin-top: 0px; |
- | # | + | background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top; |
- | + | padding: 7px 20px; | |
- | + | color: #000;} | |
- | + | #PKU a.B2:hover img {display:block; position:absolute; top:-65px; left:210px; width:700px; height: 220px; border:0px;} | |
- | + | ||
- | + | #PKU a.B3:hover { | |
- | + | display: block; | |
- | + | width: 200px; | |
- | } | + | height: 35px; |
- | # | + | border: 0px solid #bbb; |
- | + | margin-top: 0px; | |
- | } | + | background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top; |
- | # | + | padding: 7px 20px; |
- | + | color: #000;} | |
- | + | #PKU a.B3:hover img {display:block; position:absolute; top:-120px; left:210px; width:700px; height: 220px; border:0px;} | |
- | + | ||
- | . | + | #PKU a.B4:hover { |
- | + | display: block; | |
- | + | width: 200px; | |
- | + | height: 35px; | |
- | } | + | border: 0px solid #bbb; |
- | + | margin-top: 0px; | |
+ | background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top; | ||
+ | padding: 7px 20px; | ||
+ | color: #000;} | ||
+ | #PKU a.B4:hover img {display:block; position:absolute; top:-175px; left:210px; width:700px; height: 220px; border:0px;} | ||
+ | |||
+ | #mainimage {position:absolute; left:250px; top:-10px; width:700px; height:220px; border:0px;} | ||
+ | |||
+ | |||
</style> | </style> | ||
- | |||
- | < | + | |
- | <div | + | |
- | + | <style type="text/css"> | |
- | + | div.gallery { width: 640px; | |
- | + | } | |
- | + | div.gallery p {padding: 0px 20px; | |
- | + | text-align: justify; | |
- | + | font-size: 12px;} | |
- | < | + | div.gallery h3 {padding: 10px 20px; |
- | + | font-size: 18px; text-align:leftt; | |
+ | } | ||
+ | div.gallery img {margin: 0 15px 15px 17px; | ||
+ | border-color: ; | ||
+ | border-style:solid; | ||
+ | float:left;} | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div id="super_main_wrapper"> | ||
+ | <div id="SubWrapper"> | ||
+ | <br></br> | ||
+ | <div id="PKU"> | ||
+ | |||
+ | |||
+ | <img id="mainimage" src="https://static.igem.org/mediawiki/2010/5/52/Bchpa1.jpg" /> | ||
+ | |||
+ | <a class="B1" a href="https://2010.igem.org/Team:Peking/Project/Biosensor">Biosensor<img src="https://static.igem.org/mediawiki/2010/4/46/21841.jpg"/></a> | ||
+ | |||
+ | <a class="B2" a href="https://2010.igem.org/Team:Peking/Project/Bioabsorbent">Bioabsorbent<img src="https://static.igem.org/mediawiki/2010/d/d7/Tol650.jpg"/></a> | ||
+ | |||
+ | <a class="B3"a href="https://2010.igem.org/Team:Peking/Project/Application">Application<img src="https://static.igem.org/mediawiki/2010/1/1d/Paint650.jpg"/></a> | ||
+ | <a class="B4"a href="https://2010.igem.org/Team:Peking/Project/Expansion">Expansion<img src="https://static.igem.org/mediawiki/2010/e/ec/Adam650.jpg"/></a> | ||
+ | |||
</div> | </div> | ||
- | + | ||
- | + | <br></br> | |
- | + | ||
- | + | </body></html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </body> | + | |
- | </html> | + |
Latest revision as of 19:04, 16 October 2010