Team:Peking/Headerpart

From 2010.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 2: Line 2:
{{:Team:Peking/Background}}
{{:Team:Peking/Background}}
<html>
<html>
-
<img src="https://static.igem.org/mediawiki/2010/6/61/Bannerpart1.jpg"  width="970"height="290">
+
<!--
 +
==============================================================================
 +
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/6/61/Bannerpart1.jpg"  width="970" height="290" alt="Better visual effects via FireFox ~~~ ">
</html>
</html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<head>
Line 25: Line 31:
border-bottom-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-left-width: 0px;
 +
visibility: visible;
}
}
Line 39: Line 46:
position:absolute;
position:absolute;
left:132px;
left:132px;
-
top:246px;
+
top:243px;
width:200px;
width:200px;
-
height:120px;
+
height:150px;
-
z-index:4;
+
z-index:9;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 56: Line 63:
#Layer3 {
#Layer3 {
position:absolute;
position:absolute;
-
left:338px;
+
left:337px;
-
top:248px;
+
top:244px;
width:171px;
width:171px;
-
height:126px;
+
height:75px;
-
z-index:5;
+
z-index:10;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 72: Line 79:
visibility: hidden;
visibility: hidden;
}
}
-
 
+
a:link {
 +
color: #F78181;
 +
text-decoration: none;
 +
}
a:visited {
a:visited {
-
+
color: #F78181;
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;
-
font-size: 12px;
+
-
border-top-style: none;
+
border-right-style: none;
border-right-style: none;
border-bottom-style: none;
border-bottom-style: none;
Line 97: Line 104:
position:absolute;
position:absolute;
left:199px;
left:199px;
-
top:246px;
+
top:242px;
width:245px;
width:245px;
-
height:68px;
+
height:78px;
-
z-index:3;
+
z-index:8;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 116: Line 123:
position:absolute;
position:absolute;
left:87px;
left:87px;
-
top:246px;
+
top:243px;
width:200px;
width:200px;
height:144px;
height:144px;
-
z-index:7;
+
z-index:11;
background-color: #000000;
background-color: #000000;
border-top-width: 0px;
border-top-width: 0px;
Line 129: Line 136:
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 178: Line 205:
<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"><font color=#ffffff>HOME</font></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"><font color=#ffffff>TEAM</font></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"><font color=#ffffff>PROJECT</font></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"><font color=#ffffff>PARTS</font></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"><font color=#ffffff>MODELING</font></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"><font color=#ffffff>NOTEBOOK</font></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"><font color=#ffffff>HUMAN PRACTICE </font></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"><font color=#ffffff>GOOGLE PARTS </font></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="120" border="0">
+
   <table width="200" height="150" border="0">
 +
<tr>
 +
      <td height="22"><a href="https://2010.igem.org/Team:Peking/Project">&nbsp;&nbsp;Project Home</a></td>
 +
    </tr>
     <tr>
     <tr>
-
       <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription"><font color=#ffffff>&nbsp;&nbsp;Project Discription</font> </a></td>
+
       <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription">&nbsp;&nbsp;Project Discription</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="23"> <a href="https://2010.igem.org/Team:Peking/Project/Biosensor"><font color=#ffffff>&nbsp;&nbsp;Biosensor </font></a></td>
+
       <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"><font color=#ffffff>&nbsp;&nbsp;Bioabsorbent</font></a></td>
+
       <td height="15"> <a href="https://2010.igem.org/Team:Peking/Project/Bioabsorbent">&nbsp;&nbsp;Bioabsorbent</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Application"><font color=#ffffff>&nbsp;&nbsp;Application</font></a></td>
+
       <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Application">&nbsp;&nbsp;Application</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Expansion"><font color=#ffffff>&nbsp;&nbsp;Expansion</font></a></td>
+
       <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Expansion">&nbsp;&nbsp;Expansion</a></td>
     </tr>
     </tr>
   </table>
   </table>
</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"><font color=#ffffff>Personal Notes</font></a> </td>
+
       <td height="21">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols"><font color=#ffffff>&nbsp;&nbsp;Protocols</font></a></td>
+
       <td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols">&nbsp;&nbsp;Protocols</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/News"><font color=#ffffff>News and Activities</font></a></td>
+
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/Vocabulary">Vocabulary</a></td>
     </tr>
     </tr>
 +
  </table>
 +
</div>
 +
<div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')">
 +
  <table width="245" height="70" border="0">
     <tr>
     <tr>
-
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/OtherThings"><font color=#ffffff>Outcomes</font></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/Notebook/Vocabulary"><font color=#ffffff>Vocabulary</font></a></td>
+
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Characterization">Characterization</a></td>
 +
    </tr>
 +
    <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Existed">Existing Parts' Improvement</a></td>
     </tr>
     </tr>
   </table>
   </table>
</div>
</div>
-
<div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')">
+
<div id="Layer5" onfocus="MM_showHideLayers('Layer5','','hide')">
-
  <table width="245" height="58" border="0">
+
  <table width="200" border="0" onMouseOver="MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','hide')">
     <tr>
     <tr>
-
       <td height="15"> &nbsp;<a href="https://2010.igem.org/Team:Peking/Parts"><font color=#ffffff>&nbsp;Parts Submitted to the Registry</font></a></td>
+
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team">&nbsp;Students and Instructors</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Characterization"><font color=#ffffff>Characterization</font></a></td>
+
       <td>&nbsp;<a href="http://english.pku.edu.cn/"target="_blank">&nbsp;Peking University</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Collaboration">&nbsp;Collaboration</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Gallery">&nbsp;Gallery</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Acknowledgement">&nbsp;Acknowledgement</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/PreviousYears">&nbsp;Previous Years</a></td>
     </tr>
     </tr>
   </table>
   </table>
</div>
</div>
-
<div id="Layer5" onfocus="MM_showHideLayers('Layer5','','hide')">
+
<div id="Layer6" onMouseOver="MM_showHideLayers('Layer6','','show')" onMouseOut="MM_showHideLayers('Layer6','','hide')">
-
  <table width="200" border="0" onMouseOver="MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','hide')">
+
    <table width="164" height="83" border="0">
     <tr>
     <tr>
-
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team"><font color=#ffffff>&nbsp;Students and Instructors</font></a></td>
+
       <td height="26">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling">&nbsp;Modelling Home</a></td>
     </tr>
     </tr>
 +
     <tr>
     <tr>
-
       <td>&nbsp;<a href="http://english.pku.edu.cn/"><font color=#ffffff>&nbsp;Peking University</font></a></td>
+
       <td height="24">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/CalculationProcess">&nbsp;Calculating Process</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Collaboration"><font color=#ffffff>&nbsp;Collaboration</font></a></td>
+
       <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>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Gallery"><font color=#ffffff>&nbsp;Gallery<font></a></td>
+
       <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTReview">&nbsp;HGT Review</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Acknowledgement"><font color=#ffffff>&nbsp;Acknowledgement</font></a></td>
+
       <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/PC">&nbsp;Proof of Concept</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/PreviousYears"><font color=#ffffff>&nbsp;Previous Years</font></a></td>
+
       <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 265: Line 327:
</body>
</body>
</html>
</html>
-
 
{{:Team:Peking/LeftBarpart}}
{{:Team:Peking/LeftBarpart}}

Latest revision as of 18:53, 27 October 2010

Better visual effects via FireFox ~~~