Team:Peking/Test3

From 2010.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<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:23px;
+
{position:absolute; display:block; width:160px; height:21px;  text-decoration:none;padding: 7px 20px;font-family: "Franklin Gothic Demi Cond", Arial, Sans-serif;
-
top:14px;
+
  font-size: 17px;}
-
width:998px;
+
 
-
height:32px;
+
 
-
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: #990000;
+
#PKU a.B2 {color: #424242;border: 0px;top:55px; left:40px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/BUTTOMleftbar1.jpg");}
-
background-image: url(BANNER%20BACK.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");}
-
a:link {
+
 
-
color: #FFFFFF;
+
 
-
text-decoration: none;
+
#PKU a.B1:hover, #PKU a.B2:hover, #PKU a.B3:hover, #PKU a.B4:hover {text-decoration:none; }
-
}
+
 
-
#Layer2 {
+
#PKU a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
-
position:absolute;
+
 
-
left:191px;
+
#PKU a.B1:hover  {
-
top:46px;
+
    display: block;
-
width:197px;
+
    width: 200px;
-
height:76px;
+
    height: 35px;
-
z-index:2;
+
    border: 0px solid #bbb;
-
background-color: #990000;
+
    margin-top: 0px;
-
visibility: hidden;
+
    background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top;
-
}
+
    padding: 7px 20px;
-
#Layer3 {
+
    color: #000;}
-
position:absolute;
+
#PKU a.B1:hover img {display:block; position:absolute; top:-10px; left:210px; width:700px; height:220px; border:0px;}
-
left:513px;
+
 
-
top:45px;
+
#PKU a.B2:hover  {
-
width:167px;
+
    display: block;
-
height:132px;
+
    width: 200px;
-
z-index:3;
+
    height: 35px;
-
background-color: #990000;
+
    border: 0px solid #bbb;
-
visibility: hidden;
+
    margin-top: 0px;
-
}
+
    background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top;
-
a:hover {
+
    padding: 7px 20px;
-
color: #00FFCC;
+
    color: #000;}
-
text-decoration: none;
+
#PKU a.B2:hover img {display:block; position:absolute; top:-65px; left:210px; width:700px; height: 220px; border:0px;}
-
font-family: "Times New Roman", Times, serif;
+
 
-
font-size: 16px;
+
#PKU a.B3:hover {
-
font-weight: bold;
+
    display: block;
-
}
+
    width: 200px;
-
a:visited {
+
    height: 35px;
-
color: #CCCCCC;
+
    border: 0px solid #bbb;
-
text-decoration: none;
+
    margin-top: 0px;
-
}
+
    background: url(https://static.igem.org/mediawiki/2009/d/d5/BUTTOMleftbar2.jpg) no-repeat left top;
-
td {
+
    padding: 7px 20px;
-
font-family: "Times New Roman", Times, serif;
+
    color: #000;}
-
font-weight: bold;
+
#PKU a.B3:hover img {display:block; position:absolute; top:-120px; left:210px; width:700px; height: 220px; border:0px;}
-
color: #FFFFFF;
+
 
-
font-size: 16px;
+
#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>
-
<script type="text/JavaScript">
 
-
<!--
 
-
function MM_findObj(n, d) { //v4.01
 
-
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 
-
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 
-
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 
-
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 
-
  if(!x && d.getElementById) x=d.getElementById(n); return x;
 
-
}
 
-
function MM_showHideLayers() { //v6.0
 
-
  var i,p,v,obj,args=MM_showHideLayers.arguments;
 
-
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
 
-
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
 
-
    obj.visibility=v; }
 
-
}
 
-
//-->
 
-
</script>
 
-
</head>
 
-
<body>
+
 
-
<div id="Layer1">
+
<style type="text/css">
-
  <table width="1000" height="36" border="1">
+
div.gallery { width: 640px;
-
    <tr>
+
                      }
-
      <td width="76"><div align="center"><a href="https://2010.igem.org/Team:Peking">HOME</a></div></td>
+
div.gallery p  {padding: 0px 20px;
-
      <td width="78" onmouseover="MM_showHideLayers('Layer2','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Team">TEAM</a></div></td>
+
                        text-align: justify;
-
      <td width="95" onmouseover="MM_showHideLayers('Layer2','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Project">PROJECT</a></div></td>
+
                        font-size: 12px;}
-
      <td width="82" onmouseover="MM_showHideLayers('Layer2','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Parts">PARTS</a></div></td>
+
div.gallery h3 {padding: 10px 20px;
-
      <td width="127" onmouseover="MM_showHideLayers('Layer3','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Modeling">MODELING</a></div></td>
+
                        font-size: 18px; text-align:leftt;
-
      <td width="126" onmouseover="MM_showHideLayers('Layer3','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Notebook">NOTEBOOK</a></div></td>
+
                      }
-
      <td width="205" onmouseover="MM_showHideLayers('Layer3','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Humanpractice">HUMAN PRACTICE </a></div></td>
+
div.gallery img {margin: 0 15px 15px 17px;
-
      <td width="159"><div align="center"><a href="https://2010.igem.org/Team:Peking/Googleparts">GOOGLE PARTS </a></div></td>
+
                        border-color: ;
-
    </tr>
+
border-style:solid;
-
  </table>
+
                        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" onmouseover="MM_showHideLayers('Layer2','','show')" onmouseout="MM_showHideLayers('Layer2','','hide')">
+
 
-
  <table width="195" height="78" border="1">
+
<br></br>
-
    <tr>
+
 
-
      <td height="24"> <a href="https://2010.igem.org/Team:Peking/Project">&nbsp;&nbsp;project inscription </a></td>
+
</body></html>
-
    </tr>
+
-
    <tr>
+
-
      <td height="23"> <a href="https://2010.igem.org/Team:Peking/Reference">&nbsp;&nbsp;reference</a></td>
+
-
    </tr>
+
-
  </table>
+
-
</div>
+
-
<div id="Layer3" onmouseover="MM_showHideLayers('Layer3','','show')" onmouseout="MM_showHideLayers('Layer3','','hide')">
+
-
  <table width="165" height="130" border="1">
+
-
    <tr>
+
-
      <td>&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Bioreporter">bioreporter</a> </td>
+
-
    </tr>
+
-
    <tr>
+
-
      <td><a href="https://2010.igem.org/Team:Peking/Bioabsorbent">&nbsp;&nbsp;bioabsorbent</a></td>
+
-
    </tr>
+
-
    <tr>
+
-
      <td>&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling">modeling</a></td>
+
-
    </tr>
+
-
  </table>
+
-
</div>
+
-
</body>
+
-
</html>
+

Latest revision as of 19:04, 16 October 2010