Team:Peking/Test3
From 2010.igem.org
(Difference between revisions)
(6 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
#SubWrapper {height: 240px;} | #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: | + | {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;} | #mainimage {position:absolute; left:250px; top:-10px; width:700px; height:220px; border:0px;} | ||
Line 38: | Line 77: | ||
div.gallery h3 {padding: 10px 20px; | div.gallery h3 {padding: 10px 20px; | ||
font-size: 18px; text-align:leftt; | font-size: 18px; text-align:leftt; | ||
- | + | } | |
div.gallery img {margin: 0 15px 15px 17px; | div.gallery img {margin: 0 15px 15px 17px; | ||
border-color: ; | border-color: ; | ||
Line 52: | Line 91: | ||
<div id="SubWrapper"> | <div id="SubWrapper"> | ||
<br></br> | <br></br> | ||
- | <div id=" | + | <div id="PKU"> |
+ | |||
<img id="mainimage" src="https://static.igem.org/mediawiki/2010/5/52/Bchpa1.jpg" /> | <img id="mainimage" src="https://static.igem.org/mediawiki/2010/5/52/Bchpa1.jpg" /> | ||
- | <a class=" | + | <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=" | + | <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=" | + | <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=" | + | <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> |
Latest revision as of 19:04, 16 October 2010