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;}
-
#HDgal {position:relative; width:relative; }
+
#PKU {position:relative; width:relative; }
-
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9
+
#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;}
-
#HDgal a.p1 {color: #424242;border: 0px;top:0px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");}
+
#PKU a.B1 {color: #424242;border: 0px;top:0px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");}
-
#HDgal a.p4 {color: #424242;border: 0px;top:55px; 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");}
-
#HDgal a.p7 {color: #424242;border: 0px;top:110px; 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");}
-
#HDgal a.p8 {color: #424242;border: 0px;top:165px; 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");}
-
#HDgal a.p1:hover, #HDgal a.p4:hover, #HDgal a.p7:hover, #HDgal a.p8:hover {text-decoration:none; }
+
#PKU a.B1:hover, #PKU a.B2:hover, #PKU a.B3:hover, #PKU a.B4:hover {text-decoration:none; }
-
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
+
#PKU a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
-
#HDgal a.p1:hover  {
+
#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;}
-
#HDgal a.p1:hover img {display:block; position:absolute; top:-10px; left:210px; width:700px; height:220px; border:0px;}
+
#PKU a.B1:hover img {display:block; position:absolute; top:-10px; left:210px; width:700px; height:220px; border:0px;}
-
#HDgal a.p4:hover  {
+
#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;}
-
#HDgal a.p4:hover img {display:block; position:absolute; top:-65px; left:210px; width:700px; height: 220px; border:0px;}
+
#PKU a.B2:hover img {display:block; position:absolute; top:-65px; left:210px; width:700px; height: 220px; border:0px;}
-
#HDgal a.p7:hover  {
+
#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;}
-
#HDgal a.p7:hover img {display:block; position:absolute; top:-120px; left:210px; width:700px; height: 220px; border:0px;}
+
#PKU a.B3:hover img {display:block; position:absolute; top:-120px; left:210px; width:700px; height: 220px; border:0px;}
-
#HDgal a.p8:hover  {
+
#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;}
-
#HDgal a.p8:hover img {display:block; position:absolute; top:-175px; left:210px; width:700px; height: 220px; border:0px;}
+
#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="HDgal">
+
<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="p1">Biosensor<img src="https://static.igem.org/mediawiki/2010/4/46/21841.jpg"/></a>
+
<a class="B1">Biosensor<img src="https://static.igem.org/mediawiki/2010/4/46/21841.jpg"/></a>
-
<a class="p4">Bioabsorbent<img src="https://static.igem.org/mediawiki/2010/d/d7/Tol650.jpg"/></a>
+
<a class="B2">Bioabsorbent<img src="https://static.igem.org/mediawiki/2010/d/d7/Tol650.jpg"/></a>
-
<a class="p7">Application<img src="https://static.igem.org/mediawiki/2010/1/1d/Paint650.jpg"/></a>
+
<a class="B3">Application<img src="https://static.igem.org/mediawiki/2010/1/1d/Paint650.jpg"/></a>
-
<a class="p8">Expansion<img src="https://static.igem.org/mediawiki/2010/e/ec/Adam650.jpg"/></a>
+
<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