Team:Peking/Headerpro

From 2010.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 2: Line 2:
{{:Team:Peking/Background}}
{{:Team:Peking/Background}}
<html>
<html>
-
<img src="https://static.igem.org/mediawiki/2010/8/84/Banner_s1.jpg"  width="970">
+
<!--
 +
==============================================================================
 +
This part contains two compatible navigation bars which are easily editable: headbanner's horizontal navigation bar and leftsidebar(vertical navigation bar).
 +
codes edited by Weiye Wang, Zhenzhen Yin and Yuheng Lu.
 +
pictures edited by Weiye Wang, and photoes taken by Donghai Liang.
 +
==============================================================================
 +
/-->
 +
<img src="https://static.igem.org/mediawiki/2010/c/cb/Banner_pro2.jpg"  width="970" height="290" alt="Better visual effects via FireFox ~~~ ">
</html>
</html>
-
 
+
<html>
-
 
+
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<head>
Line 14: Line 19:
position:absolute;
position:absolute;
left:35px;
left:35px;
-
top:220px;
+
top:215px;
width:547px;
width:547px;
height:30px;
height:30px;
Line 26: Line 31:
border-bottom-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-left-width: 0px;
 +
visibility: visible;
}
}
Line 34: Line 40:
a:link {
a:link {
-
color: #FFFFFF;
+
text-decoration: none;
text-decoration: none;
}
}
Line 40: Line 46:
position:absolute;
position:absolute;
left:132px;
left:132px;
-
top:246px;
+
top:243px;
width:200px;
width:200px;
-
height:98px;
+
height:150px;
-
z-index:4;
+
z-index:9;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 57: Line 63:
#Layer3 {
#Layer3 {
position:absolute;
position:absolute;
-
left:338px;
+
left:337px;
-
top:248px;
+
top:243px;
width:171px;
width:171px;
-
height:122px;
+
height:75px;
-
z-index:5;
+
z-index:10;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 73: Line 79:
visibility: hidden;
visibility: hidden;
}
}
-
 
+
a:link {
 +
color: #9A2EFE;
 +
text-decoration: none;
 +
}
a:visited {
a:visited {
-
color: #FFFFFF;
+
color: #9A2EFE;
text-decoration: none;
text-decoration: none;
}
}
a:hover {
a:hover {
-
color: #FFFF00;
+
color: #FF0000;
text-decoration: none;
text-decoration: none;
-
font-family: "Franklin Gothic Demi Cond";
+
font-family: Verdana, Geneva, sans-serif;
-
font-size: 12px;
+
-
font-weight: bold;
+
 
}
}
td {
td {
font-family: Verdana, Geneva, sans-serif;
font-family: Verdana, Geneva, sans-serif;
-
font-weight: bold;
+
border-top-style: none;
-
color: #FFFFFF;
+
-
font-size: 12px;
+
-
border-top-style: none;
+
border-right-style: none;
border-right-style: none;
border-bottom-style: none;
border-bottom-style: none;
Line 99: Line 105:
position:absolute;
position:absolute;
left:199px;
left:199px;
-
top:246px;
+
top:242px;
-
width:203px;
+
width:245px;
height:78px;
height:78px;
-
z-index:3;
+
z-index:8;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 114: Line 120:
visibility: hidden;
visibility: hidden;
}
}
-
#Layer3 table tr td a {
+
 
-
font-family: Georgia, Times New Roman, Times, serif;
+
-
}
+
-
#Layer2 table tr td a {
+
-
font-family: Georgia, Times New Roman, Times, serif;
+
-
}
+
-
#Layer4 table tr td a {
+
-
font-family: Georgia, Times New Roman, Times, serif;
+
-
}
+
#Layer5 {
#Layer5 {
position:absolute;
position:absolute;
left:87px;
left:87px;
-
top:246px;
+
top:243px;
width:200px;
width:200px;
-
height:140px;
+
height:144px;
-
z-index:7;
+
z-index:11;
background-color: #000000;
background-color: #000000;
border-top-width: 0px;
border-top-width: 0px;
Line 139: Line 137:
border-bottom-style: none;
border-bottom-style: none;
border-left-style: none;
border-left-style: none;
 +
visibility: hidden;
 +
}
 +
#Layer6 {
 +
position:absolute;
 +
left:253px;
 +
top:243px;
 +
width:200px;
 +
height:105px;
 +
z-index:12;
 +
background-color: #000000;
 +
visibility: hidden;
 +
}
 +
#apDiv1 {
 +
position:absolute;
 +
left:419px;
 +
top:252px;
 +
width:172px;
 +
height:130px;
 +
z-index:7;
 +
background-color: #000000;
visibility: hidden;
visibility: hidden;
}
}
Line 188: Line 206:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
-
<body>
+
<body onLoad="MM_showHideLayers('Layer6','','hide')" onmouseout="MM_showHideLayers('Layer6','','hide')">
<div id="Layer1">
<div id="Layer1">
   <table width="550" height="36" border="0">
   <table width="550" height="36" border="0">
     <tr>
     <tr>
-
       <td width="46"><div align="center"><a href="https://2010.igem.org/Team:Peking">HOME</a></div></td>
+
       <td width="46"><div align="center"><a href="https://2010.igem.org/Team:Peking"><font color=#ffffff>HOME</font></a></div></td>
-
       <td width="41" onMouseOver="MM_showHideLayers('Layer2','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','show');MM_showHideLayers('Layer2','','hide')"><a href="https://2010.igem.org/Team:Peking/Team">TEAM</a></div></td>
+
       <td width="41" onMouseOver="MM_showHideLayers('Layer2','','hide');MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','show');MM_showHideLayers('Layer5','','hide')" onfocus="MM_showHideLayers('Layer5','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','show');MM_showHideLayers('Layer2','','hide')"><a href="https://2010.igem.org/Team:Peking/Team"><font color=#ffffff>TEAM</font></a></div></td>
-
       <td width="64" onMouseOver="MM_showHideLayers('Layer2','','show');MM_showHideLayers('Layer4','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','hide')"><a href="https://2010.igem.org/Team:Peking/Project">PROJECT</a></div></td>
+
       <td width="64" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')" onfocus="MM_showHideLayers('Layer2','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','hide')"><a href="https://2010.igem.org/Team:Peking/Project"><font color=#ffffff>PROJECT</font></a></div></td>
-
       <td width="49" onMouseOver="MM_showHideLayers('Layer2','','hide');MM_showHideLayers('Layer4','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Parts">PARTS</a></div></td>
+
       <td width="49" onMouseOver="MM_showHideLayers('Layer2','','hide');MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer6','','hide')"><a href="https://2010.igem.org/Team:Peking/Parts"><font color=#ffffff>PARTS</font></a></div></td>
-
       <td width="80" onMouseOver="MM_showHideLayers('Layer3','','hide');MM_showHideLayers('Layer4','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Modeling">MODELING</a></div></td>
+
       <td width="80" onMouseOver="MM_showHideLayers('Layer3','','hide');MM_showHideLayers('Layer4','','hide');MM_showHideLayers('Layer6','','show')" onfocus="MM_showHideLayers('Layer6','','show')"><div align="center" onMouseOver="MM_showHideLayers('Layer6','','show')"><a href="https://2010.igem.org/Team:Peking/Modeling"><font color=#ffffff>MODELING</font></a></div></td>
-
       <td width="77" onMouseOver="MM_showHideLayers('Layer3','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Notebook">NOTEBOOK</a></div></td>
+
       <td width="77" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer6','','hide')"><a href="https://2010.igem.org/Team:Peking/Notebook" ><font color=#ffffff>NOTEBOOK</font></a></div></td>
-
       <td width="78" onMouseOver="MM_showHideLayers('Layer3','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Humanpractice">HUMAN PRACTICE </a></div></td>
+
       <td width="78" onMouseOver="MM_showHideLayers('apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Humanpractice"><font color=#ffffff>HUMAN PRACTICE </font></a></div></td>
-
       <td width="81"><div align="center"><a href="https://2010.igem.org/Team:Peking/Googleparts">GOOGLE PARTS </a></div></td>
+
       <td width="81"><div align="center"><a href="https://2010.igem.org/Team:Peking/Biosafety"><font color=#ffffff>BIOSAFETY</font></a></div></td>
     </tr>
     </tr>
   </table>
   </table>
</div>
</div>
<div id="Layer2" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">
<div id="Layer2" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">
-
   <table width="200" height="93" border="0">
+
   <table width="200" height="150" border="0">
     <tr>
     <tr>
-
       <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription">&nbsp;&nbsp;Project Discription </a></td>
+
       <td height="22"><a href="https://2010.igem.org/Team:Peking/Project">&nbsp;&nbsp;Project Home</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="23"> <a href="https://2010.igem.org/Team:Peking/Project/Biosensor">&nbsp;&nbsp;Biosensor </a></td>
+
      <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription">&nbsp;&nbsp;Project Discription</a></td>
 +
    </tr>
 +
    <tr>
 +
       <td height="23"> <a href="https://2010.igem.org/Team:Peking/Project/Biosensor">&nbsp;&nbsp;Biosensor</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
       <td height="15"> <a href="https://2010.igem.org/Team:Peking/Project/Bioabsorbent">&nbsp;&nbsp;Bioabsorbent</a></td>
       <td height="15"> <a href="https://2010.igem.org/Team:Peking/Project/Bioabsorbent">&nbsp;&nbsp;Bioabsorbent</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Application">&nbsp;&nbsp;Application</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
Line 220: Line 244:
</div>
</div>
<div id="Layer3" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')">
<div id="Layer3" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')">
-
   <table width="172" height="102" border="0">
+
   <table width="172" height="77" border="0">
     <tr>
     <tr>
-
       <td height="24">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td>
+
       <td height="21">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td>
     </tr>
     </tr>
     <tr>
     <tr>
Line 228: Line 252:
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/News">News and Activities</a></td>
+
       <td height="21">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/Vocabulary">Vocabulary</a></td>
-
    </tr>
+
-
    <tr>
+
-
      <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/OtherThings">Outcomes</a></td>
+
-
    </tr>
+
-
    <tr>
+
-
      <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/Vocabulary">Vocabulary</a></td>
+
     </tr>
     </tr>
   </table>
   </table>
</div>
</div>
<div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')">
<div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')">
-
   <table width="208" height="58" border="0">
+
   <table width="245" height="70" border="0">
     <tr>
     <tr>
-
       <td height="15"> &nbsp;<a href="https://2010.igem.org/Team:Peking/Parts">&nbsp;Parts</a></td>
+
       <td height="15"> &nbsp;<a href="https://2010.igem.org/Team:Peking/Parts">&nbsp;Parts Submitted to the Registry</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/charaterization">Characterization</a></td>
+
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Characterization">Characterization</a></td>
 +
    </tr>
 +
<tr>
 +
      <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Existed">Existed Parts' Improvement</a></td>
     </tr>
     </tr>
   </table>
   </table>
Line 254: Line 275:
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="http://www.pku.edu.cn">&nbsp;Peking University</a></td>
+
       <td>&nbsp;<a href="http://english.pku.edu.cn/" target="_blank">&nbsp;Peking University</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Collaberation">&nbsp;Collaberation</a></td>
+
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Collaboration">&nbsp;Collaboration</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
Line 267: Line 288:
     <tr>
     <tr>
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/PreviousYears">&nbsp;Previous Years</a></td>
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/PreviousYears">&nbsp;Previous Years</a></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="Layer6" onMouseOver="MM_showHideLayers('Layer6','','show')" onMouseOut="MM_showHideLayers('Layer6','','hide')">
 +
    <table width="200" height="105" border="0">
 +
    <tr>
 +
      <td height="26">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling">&nbsp;Modelling Home</a></td>
 +
    </tr>
 +
 +
    <tr>
 +
      <td height="24">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/CalculationProcess">&nbsp;Calculating Process</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="22">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/Analysis">&nbsp;Analyses and Results</a></td>
 +
    </tr>
 +
<tr>
 +
      <td height="22">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/Advanced_Model">&nbsp;Advanced Model</a></td>
 +
    </tr>
 +
    </table>
 +
</div>
 +
<div id="apDiv1" onMouseOver="MM_showHideLayers('apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')">
 +
  <table width="186" border="0">
 +
<tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice">&nbsp;HP Home</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTReview">&nbsp;HGT Review</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/PC">&nbsp;Proof of Concept</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTInvestigation">&nbsp;HGT Investigation</a></td>
 +
    </tr>
 +
<tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/Acknowledgement">&nbsp;Acknowledgement</a></td>
     </tr>
     </tr>
   </table>
   </table>
Line 272: Line 329:
</body>
</body>
</html>
</html>
 +
{{:Team:Peking/LeftBarpro}}

Latest revision as of 18:51, 27 October 2010

Better visual effects via FireFox ~~~