Team:Peking/Test3

From 2010.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
-
<title>无标题文档</title>
+
<style type="text/css">
<style type="text/css">
-
<!--
+
#SubWrapper {height: 240px;}
-
#Layer1 {
+
#PKU {position:relative; width:relative; }
-
position:absolute;
+
#PKU a.B1,  #PKU a.B2, #PKU a.B3, #PKU a.B4
-
left:230px;
+
{position:absolute; display:block; width:160px; height:21px; text-decoration:none;padding: 7px 20px;font-family: "Franklin Gothic Demi Cond", Arial, Sans-serif;
-
top:226px;
+
  font-size: 17px;}
-
width:650px;
+
 
-
height:220px;
+
 
-
z-index:1;
+
#PKU a.B1 {color: #424242;border: 0px;top:0px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");}
-
background-color: #003366;
+
#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");}
-
#Layer1 {
+
#PKU a.B4 {color: #424242;border: 0px;top:165px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");}
-
font-family: "Times New Roman", Times, serif;
+
 
-
color: #FFFFFF;
+
 
-
}
+
#PKU a.B1:hover, #PKU a.B2:hover, #PKU a.B3:hover, #PKU a.B4:hover {text-decoration:none; }
-
.STYLE3 {font-family: Arial, Helvetica, sans-serif}
+
 
-
.STYLE4 {
+
#PKU a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
-
font-size: 16px;
+
 
-
font-family: Arial, Helvetica, sans-serif;
+
#PKU a.B1:hover  {
-
}
+
    display: block;
-
#Layer2 {
+
    width: 200px;
-
position:absolute;
+
    height: 35px;
-
left:230px;
+
    border: 0px solid #bbb;
-
top:448px;
+
    margin-top: 0px;
-
width:650px;
+
    background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top;
-
height:220px;
+
    padding: 7px 20px;
-
z-index:2;
+
    color: #000;}
-
background-color: #990000;
+
#PKU a.B1:hover img {display:block; position:absolute; top:-10px; left:210px; width:700px; height:220px; border:0px;}
-
}
+
 
-
.STYLE5 {color: #CCCCCC}
+
#PKU a.B2:hover  {
-
.STYLE7 {
+
    display: block;
-
font-size: 16px;
+
    width: 200px;
-
color: #FFFFFF;
+
    height: 35px;
-
font-family: Arial, Helvetica, sans-serif;
+
    border: 0px solid #bbb;
-
}
+
    margin-top: 0px;
-
#Layer3 {
+
    background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top;
-
position:absolute;
+
    padding: 7px 20px;
-
left:230px;
+
    color: #000;}
-
top:670px;
+
#PKU a.B2:hover img {display:block; position:absolute; top:-65px; left:210px; width:700px; height: 220px; border:0px;}
-
width:650px;
+
 
-
height:220px;
+
#PKU a.B3:hover  {
-
z-index:3;
+
    display: block;
-
background-color: #333300;
+
    width: 200px;
-
}
+
    height: 35px;
-
#Layer2 {
+
    border: 0px solid #bbb;
-
color: #FFFFFF;
+
    margin-top: 0px;
-
}
+
    background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top;
-
#Layer3 {
+
    padding: 7px 20px;
-
color: #FFFFFF;
+
    color: #000;}
-
}
+
#PKU a.B3:hover img {display:block; position:absolute; top:-120px; left:210px; width:700px; height: 220px; border:0px;}
-
.STYLE10 {font-size: 16px}
+
 
-
.STYLE11 {
+
#PKU a.B4:hover  {
-
color: #CCCCCC;
+
    display: block;
-
font-family: "Times New Roman", Times, serif;
+
    width: 200px;
-
font-size: 16px;
+
    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>
-
</head>
 
-
<body>
+
 
-
<div class="STYLE3" id="Layer1">
+
 
-
  <p><br />
+
<style type="text/css">
-
    &nbsp;&nbsp;&nbsp;<strong>&nbsp;<span class="STYLE4">BIO REPORTER </span></strong> </p>
+
div.gallery { width: 640px;
-
  <p>&nbsp;</p>
+
                      }
-
  <p>&nbsp;</p>
+
div.gallery p  {padding: 0px 20px;
-
  <p>&nbsp;</p>
+
                        text-align: justify;
-
  <p align="right">&nbsp;</p>
+
                        font-size: 12px;}
-
<br><br>
+
div.gallery h3 {padding: 10px 20px;
-
  <p align="right"><a href="https://2010.igem.org/Team:Peking/Bioreporter" class="STYLE5 STYLE10">for more information...</a>&nbsp;&nbsp;&nbsp;</p>
+
                        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>
-
<div id="Layer2">
+
 
-
  <p><br />
+
<br></br>
-
    &nbsp;<strong><span class="STYLE7">BIO ABSORBENT </span></strong> </p>
+
 
-
  <p>&nbsp;</p>
+
</body></html>
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;</p>
+
-
  <p align="right">&nbsp;</p>
+
-
<br><br>
+
-
  <p align="right"><a href="https://2010.igem.org/Team:Peking/Bioreporter" class="STYLE11">for more information...</a>&nbsp;</p>
+
-
</div>
+
-
<div id="Layer3"><br />
+
-
  &nbsp;<strong><span class="STYLE4">MODELING </span></strong> </p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;</p>
+
-
  <p align="right">&nbsp;</p>
+
-
<br><br>
+
-
  <p align="right"><a href="https://2010.igem.org/Team:Peking/Modeling" class="STYLE11"> for more information...</a> &nbsp;</p>
+
-
</div>
+
-
<p>&nbsp;</p>
+
-
</body>
+
-
</html>
+

Latest revision as of 19:04, 16 October 2010