Team:Peking/Test3
From 2010.igem.org
(Difference between revisions)
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:160px; height:21px; text-decoration:none;padding: 7px 20px;font-family: "Franklin Gothic Demi Cond", Arial, Sans-serif; | {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;} | 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; | display: block; | ||
width: 200px; | width: 200px; | ||
Line 27: | Line 27: | ||
padding: 7px 20px; | padding: 7px 20px; | ||
color: #000;} | 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; | display: block; | ||
width: 200px; | width: 200px; | ||
Line 38: | Line 38: | ||
padding: 7px 20px; | padding: 7px 20px; | ||
color: #000;} | 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; | display: block; | ||
width: 200px; | width: 200px; | ||
Line 49: | Line 49: | ||
padding: 7px 20px; | padding: 7px 20px; | ||
color: #000;} | 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; | display: block; | ||
width: 200px; | width: 200px; | ||
Line 60: | Line 60: | ||
padding: 7px 20px; | padding: 7px 20px; | ||
color: #000;} | 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 91: | 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">Biosensor<img src="https://static.igem.org/mediawiki/2010/4/46/21841.jpg"/></a> |
- | <a class=" | + | <a class="B2">Bioabsorbent<img src="https://static.igem.org/mediawiki/2010/d/d7/Tol650.jpg"/></a> |
- | <a class=" | + | <a class="B3">Application<img src="https://static.igem.org/mediawiki/2010/1/1d/Paint650.jpg"/></a> |
- | <a class=" | + | <a class="B4">Expansion<img src="https://static.igem.org/mediawiki/2010/e/ec/Adam650.jpg"/></a> |
</div> | </div> |
Revision as of 18:39, 16 October 2010