Template:Peking2012 Prologue

From 2012.igem.org

(Difference between revisions)
m
m
 
(28 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
</div>
 
<style type="text/css">
<style type="text/css">
Line 6: Line 5:
  * Peking 2012 Header
  * Peking 2012 Header
  * by Sun Sibai
  * by Sun Sibai
-
  * this = /Template:Peking2012_Epilogue
+
  * this = /Template:Peking2012_Prologue
  */
  */
-
#PKU_navi_index
+
body /* UltraGlobal Environment (origin item) */
{
{
-
   position: fixed;
+
   background-color: #000002;
-
   bottom: 15px;
+
}
-
   right: 15px;
+
#blank ,
-
   width: 88px;
+
#blank *
-
   height: 31px;
+
{
 +
   background-color: transparent;
 +
   background-image: url("");
 +
   border-style: none;
 +
   margin: 0 auto;
   padding: 0;
   padding: 0;
-
  overflow: hidden;
 
}
}
-
#PKU_navi_history
+
#globalWrapper /* Global Environment (origin item) */
{
{
-
   position: fixed;
+
   background-color: #000002;
-
   bottom: 15px;
+
   background-attachment: fixed;
-
   left: 15px;
+
   background-position: 50% 0;
-
   width: 88px;
+
   background-repeat: no-repeat;
-
   height: 31px;
+
   background-image: url("/wiki/images/e/e0/Peking2012_N_Home_Background_Large.jpg");
-
  padding: 0;
+
   overflow: hidden;
   overflow: hidden;
}
}
-
#PKU_navi_index li ,
+
/* Remove Top Item (origin item) */
-
#PKU_navi_history li
+
#top-section
{
{
-
   display: block;
+
   display: none;
-
   float: left;
+
}
-
   width: 88px;
+
#top
-
   height: 31px;
+
{
-
   padding: 0;
+
   display: none;
 +
}
 +
h1.firstHeading
 +
{
 +
   display: none;
 +
}
 +
 
 +
/* Inner Environment (origin item) */
 +
#content
 +
{
 +
   background-color: transparent;
 +
   background-image: url("");
 +
  background-attachment: scroll;
 +
  background-position: 50% 0;
 +
  background-repeat: repeat-y;
   overflow: hidden;
   overflow: hidden;
 +
  border-style: none;
 +
}
 +
#footer-box
 +
{
 +
  position: relative;
 +
  top: -40px;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-style: none;
 +
  z-index: 30;
 +
}
 +
#catlinks
 +
{
 +
  display: none;
 +
}
 +
#content a,
 +
#content a:hover
 +
{
 +
  color: #b3f3ff;
 +
  display: inline;
 +
}
 +
#content a:link,
 +
#content a:visited
 +
{
 +
  text-decoration: none;
 +
}
 +
#content a:hover,
 +
#content a:active
 +
{
 +
  text-decoration: underline;
}
}
-
#PKU_navi_index_menu
+
/* Bottom Environment (origin item) */
 +
#footer-box a,
 +
#footer-box a:hover
{
{
-
   position: fixed;
+
   color: #e8e7b9;
-
   bottom: 46px;
+
   text-decoration: none;
-
   right: 15px;
+
   display: inline;
-
   width: 498px;
+
}
 +
 
 +
ul , li
 +
{
 +
   margin: 0;
   padding: 0;
   padding: 0;
-
   overflow: hidden;
+
   list-style-image: none;
 +
  list-style-type: none;
 +
}
 +
h3
 +
{
 +
  padding: 20px 30px 10px;
 +
}
 +
 
 +
p
 +
{
 +
  font-family: Arial, sans-serif;
 +
}
 +
 
 +
/* Common Environment */
 +
.center
 +
{
 +
  text-align: center;
 +
  margin: 0 auto;
 +
}
 +
.floatL
 +
{
 +
  float: left;
 +
  clear: left;
 +
}
 +
.floatR
 +
{
 +
  float: right;
 +
  clear: right;
 +
}
 +
.floatC
 +
{
 +
  text-align: center;
 +
  margin: 0 auto;
 +
  float: none;
 +
  clear: both;
 +
}
 +
.blank
 +
{
 +
  filter: Alpha(Opacity=0%);
 +
  -moz-opacity: 0;
 +
  opacity: 0;
 +
}
 +
.hidden
 +
{
 +
  display: none;
 +
}
 +
.show
 +
{
   display: block;
   display: block;
}
}
-
#PKU_navi_history_menu
+
.show-text
{
{
 +
  display: inline;
 +
}
 +
.button img
 +
{
 +
  display: block;
 +
}
 +
 +
/* Special Construction */
 +
 +
  /***--- Top MenuBar ---***/
 +
#PKU_menubar
 +
{
 +
  background-attachment: fixed;
 +
  background-repeat: repeat-x;
 +
  background-image: url("");
 +
  background-color: #000002;
 +
  overflow: hidden;
   position: fixed;
   position: fixed;
-
  bottom: 46px;
 
-
  left: 15px;
 
-
  width: 158px;
 
   padding: 0;
   padding: 0;
-
   overflow: hidden;
+
   margin: 0 auto;
-
   display: block;
+
   top: 0;
 +
  width: 965px;
 +
  height: 20px;
 +
  font-family: Arial, sans-serif;
 +
  font-size: 15px;
 +
  font-weight: bold;
 +
  line-height: 20px;
 +
  z-index: 100;
 +
}
 +
#PKU_menubar *
 +
{
 +
  font-family: Arial, sans-serif;
 +
  font-size: 15px;
 +
  font-weight: bold;
}
}
-
#PKU_navi_index_menu *,
+
#PKU_menubar a:link,
-
#PKU_navi_history_menu *
+
#PKU_menubar a:visited
{
{
 +
  color: #e8e7b9;
 +
}
 +
#PKU_menubar a:hover
 +
{
 +
  color: #f9f8ca;
 +
}
 +
#PKU_menubar a:active
 +
{
 +
  color: #ffee66;
 +
}
 +
.PKU_menubar_left
 +
{
 +
  float: left;
 +
  clear: none;
 +
  padding: 0 30px 0 5px;
   margin: 0;
   margin: 0;
-
   padding: 0;
+
}
-
   overflow: hidden;
+
.PKU_menubar_right
 +
{
 +
  float: right;
 +
  clear: none;
 +
   padding: 0 5px 0 30px;
 +
   margin: 0;
 +
}
 +
#PKU_menubar_Watch ,
 +
#PKU_menubar_Unwatch ,
 +
#PKU_menubar_User ,
 +
#PKU_menubar_Account ,
 +
#PKU_menubar_LogOut
 +
{
 +
  display: none;
 +
}
 +
#PKU_menubar_iGEM ,
 +
#PKU_menubar_ViewSource ,
 +
#PKU_menubar_History ,
 +
#PKU_menubar_LogIn
 +
{
 +
  display: inline;
}
}
-
#PKU_navi_index_menu a ,
+
  /***--- Top Banner ---***/
-
#PKU_navi_index_menu a:link ,
+
#PKU_banner_container
-
#PKU_navi_index_menu a:visited ,
+
-
#PKU_navi_history_menu a ,
+
-
#PKU_navi_history_menu a:link ,
+
-
#PKU_navi_history_menu a:visited
+
{
{
-
   color: #d3d3d3;
+
   padding: 0;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  clear: both;
 +
  position: static;
 +
}
 +
#PKU_banner_image
 +
{
 +
  width: 965px;
 +
  height: 200px;
 +
}
 +
#PKU_banner_title
 +
{
 +
  width: 965px;
 +
  height: 140px;
 +
  position: absolute;
 +
  top: -220px;
 +
  padding-left: 50px;
}
}
-
#PKU_navi_index_menu a:hover ,
+
  /***--- Top Navigator ---***/
-
#PKU_navi_index_menu a:active ,
+
#PKU_banner_menu ,
-
#PKU_navi_history_menu a:hover ,
+
-
#PKU_navi_history_menu a:active
+
{
{
-
   color: #ffffff;
+
   width: 965px;
-
   text-decoration: none;
+
  height: 30px;
 +
  padding: 0;
 +
  margin: 0 auto;
 +
}
 +
#PKU_banner_menu ,
 +
#PKU_banner_submenu
 +
{
 +
  overflow: hidden;
 +
   position: relative;
 +
  top: -30px;
 +
  z-index: 0;
 +
}
 +
#PKU_banner_menu li ,
 +
#PKU_banner_submenu li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  overflow: hidden;
 +
}
 +
#PKU_banner_submenu > li
 +
{
 +
  height: 120px;
 +
  width: 0; /* edit later */
 +
}
 +
#PKU_banner_menu > li ,
 +
#PKU_banner_submenu > li ul > li
 +
{
 +
  height: 30px;
 +
}
 +
#PKU_banner_submenu > li ul > li.submenu_team
 +
{
 +
  width: 137px;
 +
}
 +
#PKU_banner_submenu > li ul > li.submenu_project
 +
{
 +
  width: 250px;
 +
}
 +
#PKU_banner_submenu > li ul > li.submenu_modeling
 +
{
 +
  width: 240px;
 +
}
 +
#PKU_banner_submenu > li ul > li.submenu_humanpractice
 +
{
 +
  width: 300px;
}
}
-
.PKU_BoxBorderT
+
  /***--- Bottom Navigator ---***/
 +
 
 +
  /***--- Block Style ---***/
 +
#text-body
{
{
-
   line-height: 11px;
+
   position: relative;
 +
  top: -120px;
}
}
-
.PKU_BoxBorderB
+
#text-body .PKU_Box11
{
{
-
   line-height: 10px;
+
   width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/94/Peking2012_N_Home_Mask_11.png");
}
}
-
.PKU_BoxT ,
+
#text-body .PKU_Box12
-
.PKU_BoxB
+
{
{
-
   background-color: transparent;
+
   width: 897px;
-
   background-repeat: repeat-x;
+
   height: 34px;
-
   height: 19px;
+
   background-image: url("/wiki/images/2/2c/Peking2012_N_Home_Mask_12.png");
}
}
-
.PKU_BoxT
+
#text-body .PKU_Box13
{
{
-
   background-image: url("/wiki/images/0/0f/Peking2012_FloatBox_12.png");
+
  width: 34px;
 +
  height: 34px;
 +
   background-image: url("/wiki/images/6/6b/Peking2012_N_Home_Mask_13.png");
}
}
-
.PKU_BoxB
+
#text-body .PKU_Box21
{
{
-
   background-image: url("/wiki/images/e/e6/Peking2012_FloatBox_32.png");
+
  width: 34px;
 +
   background-image: url("/wiki/images/4/45/Peking2012_N_Home_Mask_21.png");
}
}
-
.PKU_BoxC
+
#text-body .PKU_Box22
{
{
-
  background-color: transparent;
+
   background-image: url("/wiki/images/c/ca/Peking2012_N_Home_Mask_22.png");
-
  background-repeat: repeat;
+
-
   background-image: url("/wiki/images/5/5f/Peking2012_FloatBox_22.png");
+
}
}
-
.PKU_BoxL ,
+
#text-body .PKU_Box23
-
.PKU_BoxR
+
{
 +
  width: 34px;
 +
  background-image: url("/wiki/images/f/fc/Peking2012_N_Home_Mask_23.png");
 +
}
 +
#text-body .PKU_Box31
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/96/Peking2012_N_Home_Mask_31.png");
 +
}
 +
#text-body .PKU_Box32
 +
{
 +
  width: 897px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/8/80/Peking2012_N_Home_Mask_32.png");
 +
}
 +
#text-body .PKU_Box33
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/99/Peking2012_N_Home_Mask_33.png");
 +
}
 +
 
 +
#text-body .PKU_context
{
{
   background-color: transparent;
   background-color: transparent;
-
   background-repeat: repeat-y;
+
   padding: 0;
-
   width: 19px;
+
  margin: 0;
 +
  text-align: center;
 +
   font-family: Arial, sans-serif;
}
}
-
.PKU_BoxL
+
#text-body .PKU_context *
{
{
-
   background-image: url("/wiki/images/3/3c/Peking2012_FloatBox_21.png");
+
   margin: 0;
}
}
-
.PKU_BoxR
+
#text-body .PKU_context .PKU_Box22 p
{
{
-
   background-image: url("/wiki/images/8/8c/Peking2012_FloatBox_23.png");
+
   font-size: 16px;
 +
  padding: 10px 0 30px;
 +
  text-align: justify;
}
}
-
#PKU_navi_index_menu .PKU_BoxT ,
+
#text-body .PKU_context .PKU_Box22 h3
-
#PKU_navi_index_menu .PKU_BoxB
+
{
{
-
   width: 460px;
+
   text-align: left;
 +
  font-size: 21px;
 +
  padding: 30px 0 10px;
}
}
-
#PKU_navi_history_menu .PKU_BoxT ,
+
#text-body .PKU_context.floatC .PKU_Box22 p
-
#PKU_navi_history_menu .PKU_BoxB
+
{
{
-
   width: 120px;
+
   width: 897px;
}
}
-
#PKU_navi_index_menu .PKU_BoxL ,
+
#text-body .PKU_context.floatR .PKU_Box22 p
-
#PKU_navi_index_menu .PKU_BoxR
+
{
{
-
   height: 0; /* edit in javascript */
+
   width: 590px;
}
}
-
#PKU_navi_history_menu .PKU_BoxL ,
+
#text-body .PKU_context .PKU_Box22 img ,
-
#PKU_navi_history_menu .PKU_BoxR
+
#text-body .PKU_context .PKU_Box22 object
{
{
-
   height: 114px;
+
   padding: 0;
}
}
-
#PKU_navi_history_menu_BoxC
+
#text-body .PKU_context .PKU_Box22 p.description
{
{
-
   width: 120px;
+
   font-style: italic;
-
   height: 114px;
+
   font-size: 12px;
 +
  margin: 0 auto;
 +
  padding: 10px 10px;
 +
  text-align: justify;
 +
  width: 700px;
}
}
-
#PKU_navi_menu
+
 
 +
#Subtitle3 li
{
{
-
   width: 460px;
+
   width: 220px;
-
   height: 0; /* edit in javascript */
+
   height: 70px;
 +
  overflow: hidden;
 +
  margin: 0 0 8px 0;
 +
}
 +
 
 +
#Subsubtitle5
 +
{
 +
  margin: 0 15px 15px 7px;
 +
  padding: 0;
 +
}
 +
#Subsubtitle5 li
 +
{
 +
  width: 446px;
 +
  height: 32px;
 +
  overflow: hidden;
 +
  margin: 0 0 8px 0;
 +
}
 +
 
 +
.y
 +
{
 +
  color: #fffa88;
 +
  border-color: #fffa88;
 +
}
 +
.g
 +
{
 +
  color: #afff58;
 +
  border-color: #afff58;
 +
}
 +
.w
 +
{
 +
  color: #f8f7c9;
 +
  border-color: #f8f7c9;
 +
}
 +
.c
 +
{
 +
  color: #a0ffec;
 +
  border-color: #a0ffec;
 +
}
 +
.r
 +
{
 +
  color: #ffbfe7;
 +
  border-color: #ffbfe7;
 +
}
 +
 
 +
ul.horizontal > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  overflow: hidden;
 +
}
 +
ul.vertical > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: both;
 +
  overflow: hidden;
}
}
</style>
</style>
-
<div>
+
<ul id="PKU_menubar" class="noprint">
-
<ul id="PKU_navi_index">
+
   <li id="PKU_menubar_iGEM" class="PKU_menubar_left" >
-
   <li id="PKU_navi_index_button" onmouseover="IndexMouseOver(this);ShowNaviIndexMenu();" onmouseout="IndexMouseOut(this);WithdrawNaviIndexMenu();">
+
    <a id="PKU_menubar_iGEM_img" href="/Main_Page" title="iGEM Home Page"><img src="/wiki/images/2/27/Peking2012_iGEM18.png" alt="iGEM Home" /></a>
-
  <a href="#top" title="Back to Top" >
+
     <a id="PKU_menubar_iGEM_span" href="/Main_Page" title="iGEM Home Page" >iGEM</a>
-
    <img class="show" src="/wiki/images/a/a9/Peking2012_Index.png" alt="Index" />
+
-
    <img class="show" src="/wiki/images/e/e2/Peking2012_Top.png" alt="Index" />
+
-
     <img class="show" src="/wiki/images/0/0d/Peking2012_Top_H.png" alt="Index" />
+
-
  </a>
+
   </li>
   </li>
-
</ul>
+
  <li id="PKU_menubar_ViewSource" class="PKU_menubar_left" >
-
</div>
+
    <a id="PKU_menubar_ViewSource_img" href="#" title="View Page Source"><img src="/wiki/images/7/7e/Peking2012_ViewSource18.png" alt="View source" /></a>
-
<div>
+
     <a id="PKU_menubar_ViewSource_span" href="#" title="View Page Source" >View source</a>
-
<ul id="PKU_navi_history">
+
-
  <li onmouseover="ButtonMouseOver(this);ShowNaviHistoryMenu();" onmouseout="ButtonMouseOut(this);WithdrawNaviHistoryMenu();">
+
-
    <img class="show" src="/wiki/images/4/46/Peking2012_History.png" alt="Peking" />
+
-
     <img class="show" src="/wiki/images/b/b7/Peking2012_History_H.png" alt="Peking" />
+
   </li>
   </li>
-
</ul>
+
  <li id="PKU_menubar_Watch" class="PKU_menubar_left" >
-
</div>
+
    <a id="PKU_menubar_Watch_img" href="#" title="Watch this Page"><img src="/wiki/images/3/31/Peking2012_Watch18.png" alt="Watch" /></a>
-
<div>
+
     <a id="PKU_menubar_Watch_span" href="#" title="Watch this Page" >Watch</a>
-
<ul id="PKU_navi_history_menu" class="vertical" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();">
+
-
  <li class="PKU_BoxBorderT">
+
-
  <ul class="horizontal">
+
-
    <li>
+
-
    <img src="/wiki/images/6/6a/Peking2012_FloatBox_11.png" alt="" />
+
-
    </li>
+
-
     <li>
+
-
    <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxT">
+
-
    </p>
+
-
    </li>
+
-
    <li>
+
-
    <img src="/wiki/images/b/b5/Peking2012_FloatBox_13.png" alt="" />
+
-
    </li>
+
-
  </ul>
+
   </li>
   </li>
-
   <li>
+
   <li id="PKU_menubar_Unwatch" class="PKU_menubar_left" >
-
  <ul class="horizontal">
+
     <a id="PKU_menubar_Unwatch_img" href="#" title="Cancel Watching State"><img src="/wiki/images/d/d5/Peking2012_Unwatch18.png" alt="Unwatch" /></a>
-
    <li>
+
    <a id="PKU_menubar_Unwatch_span" href="#" title="Cancel Watching State" >Unwatch</a>
-
    <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxL">
+
-
    </p>
+
-
     </li>
+
-
    <li>
+
-
    <ul id="PKU_navi_history_menu_BoxC" class="PKU_BoxC vertical">
+
-
      <li>
+
-
      <a href="https://2007.igem.org/Peking" > 2007 Peking </a>
+
-
      </li>
+
-
      <li>
+
-
      <a href="https://2008.igem.org/Team:Peking" > 2008 Peking </a>
+
-
      </li>
+
-
      <li>
+
-
      <a href="https://2009.igem.org/Team:Peking" > 2009 Peking </a>
+
-
      </li>
+
-
      <li>
+
-
      <a href="https://2010.igem.org/Team:Peking" > 2010 Peking </a>
+
-
      </li>
+
-
      <li>
+
-
      <a href="https://2011.igem.org/Team:Peking_R" > 2011 Peking R </a>
+
-
      </li>
+
-
      <li>
+
-
      <a href="https://2011.igem.org/Team:Peking_S" > 2011 Peking S </a>
+
-
      </li>
+
-
    </ul>
+
-
    </li>
+
-
    <li>
+
-
    <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxR">
+
-
    </p>
+
-
    </li>
+
-
  </ul>
+
   </li>
   </li>
-
   <li class="PKU_BoxBorderB">
+
   <li id="PKU_menubar_History" class="PKU_menubar_left" >
-
  <ul class="horizontal">
+
     <a id="PKU_menubar_History_img" href="#" title="View Page History"><img src="/wiki/images/b/bc/Peking2012_History18.png" alt="History" /></a>
-
     <li>
+
     <a id="PKU_menubar_History_span" href="#" title="View Page History" >History</a>
-
    <img src="/wiki/images/1/1e/Peking2012_FloatBox_31.png" alt="" />
+
-
    </li>
+
-
     <li>
+
-
    <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxB">
+
-
    </p>
+
-
    </li>
+
-
    <li>
+
-
    <img src="/wiki/images/1/10/Peking2012_FloatBox_33.png" alt="" />
+
-
    </li>
+
-
  </ul>
+
   </li>
   </li>
-
</ul>
+
  <li id="PKU_menubar_LogOut" class="PKU_menubar_right" >
-
</div>
+
    <a id="PKU_menubar_LogOut_img" href="#" title="Bye!"><img src="/wiki/images/1/10/Peking2012_LogOut18.png" alt="Log out" /></a>
-
 
+
     <a id="PKU_menubar_LogOut_span" href="#" title="Bye!" >Log out</a>
-
<div>
+
-
<ul id="PKU_navi_index_menu" class="vertical" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();">
+
-
  <li class="PKU_BoxBorderT">
+
-
  <ul class="horizontal">
+
-
    <li>
+
-
    <img src="/wiki/images/6/6a/Peking2012_FloatBox_11.png" alt="" />
+
-
    </li>
+
-
     <li>
+
-
    <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxT">
+
-
    </p>
+
-
    </li>
+
-
    <li>
+
-
    <img src="/wiki/images/b/b5/Peking2012_FloatBox_13.png" alt="" />
+
-
    </li>
+
-
  </ul>
+
   </li>
   </li>
-
   <li>
+
   <li id="PKU_menubar_LogIn" class="PKU_menubar_right" >
-
  <ul class="horizontal">
+
     <a id="PKU_menubar_LogIn_img" href="#" title="Hello!"><img src="/wiki/images/a/a8/Peking2012_LogIn18.png" alt="Log in" /></a>
-
     <li>
+
     <a id="PKU_menubar_LogIn_span" href="#" title="Hello!" >Log in</a>
-
    <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxL">
+
-
    </p>
+
-
    </li>
+
-
    <li>
+
-
    <ul id="PKU_navi_menu" class="PKU_BoxC vertical">
+
-
 
+
-
    </ul>
+
-
    </li>
+
-
     <li>
+
-
    <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxR">
+
-
    </p>
+
-
    </li>
+
-
  </ul>
+
   </li>
   </li>
-
   <li class="PKU_BoxBorderB">
+
   <li id="PKU_menubar_Account" class="PKU_menubar_right" >
-
  <ul class="horizontal">
+
     <a id="PKU_menubar_Account_img" href="https://igem.org/User_Information" title="My Profile"><img src="/wiki/images/6/64/Peking2012_Account18.png" alt="Account" /></a>
-
     <li>
+
     <a id="PKU_menubar_Account_span" href="https://igem.org/User_Information" title="My Profile" >Account</a>
-
    <img src="/wiki/images/1/1e/Peking2012_FloatBox_31.png" alt="" />
+
-
    </li>
+
-
     <li>
+
-
    <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxB">
+
-
    </p>
+
-
    </li>
+
-
    <li>
+
-
    <img src="/wiki/images/1/10/Peking2012_FloatBox_33.png" alt="" />
+
-
    </li>
+
-
  </ul>
+
   </li>
   </li>
-
</ul>
+
  <li id="PKU_menubar_User" class="PKU_menubar_right" >
-
</div>
+
    <a id="PKU_menubar_User_img" href="#" title="My Page"><img src="/wiki/images/0/0e/Peking2012_User18.png" alt="User" /></a>
 +
    <a id="PKU_menubar_User_span" href="#" title="My Page" ></a>
 +
  </li>
 +
</ul>
 +
 
 +
<!--<div id="blank"><pre style="width:100%;height:20px;">&#32;</pre></div>-->
<script type="text/javascript" >
<script type="text/javascript" >
/*
/*
-
  * Peking 2012 Index
+
  * Peking 2012 TopBar
  * by Sun Sibai
  * by Sun Sibai
  * E-mail: sun.niasw@gmail.com
  * E-mail: sun.niasw@gmail.com
  */
  */
-
var IndexOn = 0;
+
var thispage = document.location.toString().slice("https://2012.igem.org/".length); /* relative location */
 +
document.getElementById('PKU_menubar_ViewSource_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=edit';
 +
document.getElementById('PKU_menubar_Watch_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=watch';
 +
document.getElementById('PKU_menubar_Unwatch_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=unwatch';
 +
document.getElementById('PKU_menubar_History_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=history';
 +
document.getElementById('PKU_menubar_LogOut_span').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogout' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
document.getElementById('PKU_menubar_LogIn_span').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogin' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
document.getElementById('PKU_menubar_ViewSource_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=edit';
 +
document.getElementById('PKU_menubar_Watch_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=watch';
 +
document.getElementById('PKU_menubar_Unwatch_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=unwatch';
 +
document.getElementById('PKU_menubar_History_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=history';
 +
document.getElementById('PKU_menubar_LogOut_img').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogout' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
document.getElementById('PKU_menubar_LogIn_img').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogin' + '&'.substring(0,1) + 'returnto=' + thispage;
-
function IndexMouseOver(objPointer)
+
var tmpstr = document.getElementById('pt-userpage').innerHTML;
-
{
+
var username;
-
  var Img = objPointer.getElementsByTagName("img");
+
-
  Img[2].style.display = "block";
+
-
  Img[1].style.display = "none";
+
-
  Img[0].style.display = "none";
+
-
}
+
-
function IndexMouseOut(objPointer)
+
if (tmpstr!=undefined)
{
{
-
   var Img = objPointer.getElementsByTagName("img");
+
   username = tmpstr.substring(tmpstr.lastIndexOf('<'),tmpstr.indexOf('>')+1);
-
   if (IndexOn == 0)
+
   document.getElementById('PKU_menubar_User_span').innerHTML = username;
 +
  document.getElementById('PKU_menubar_User_span').href = 'https://2012.igem.org/User:' + username;
 +
  document.getElementById('PKU_menubar_User_img').href = 'https://2012.igem.org/User:' + username;
 +
  document.getElementById('PKU_menubar_User').style.display='inline';
 +
  document.getElementById('PKU_menubar_Account').style.display='inline';
 +
  document.getElementById('PKU_menubar_LogOut').style.display='inline';
 +
  document.getElementById('PKU_menubar_LogIn').style.display='none';
 +
  tmpstr = document.getElementById('menubar').innerHTML;
 +
  if (tmpstr.search('unwatch')!=-1)
   {
   {
-
     Img[0].style.display = "block";
+
     document.getElementById('PKU_menubar_Watch').style.display='none';
-
     Img[1].style.display = "none";
+
     document.getElementById('PKU_menubar_Unwatch').style.display='inline';
 +
  }
 +
  else if (tmpstr.search('watch')!=-1)
 +
  {
 +
    document.getElementById('PKU_menubar_Watch').style.display='inline';
 +
    document.getElementById('PKU_menubar_Unwatch').style.display='none';
   }
   }
   else
   else
   {
   {
-
     Img[1].style.display = "block";
+
     document.getElementById('PKU_menubar_Watch').style.display='none';
-
     Img[0].style.display = "none";
+
     document.getElementById('PKU_menubar_Unwatch').style.display='none';
   }
   }
-
   Img[2].style.display = "none";
+
}
 +
else
 +
{
 +
   document.getElementById('PKU_menubar_User').style.display='none';
 +
  document.getElementById('PKU_menubar_Account').style.display='none';
 +
  document.getElementById('PKU_menubar_LogOut').style.display='none';
 +
  document.getElementById('PKU_menubar_LogIn').style.display='inline';
 +
  document.getElementById('PKU_menubar_Watch').style.display='none';
 +
  document.getElementById('PKU_menubar_Unwatch').style.display='none';
}
}
-
var NaviIndexMenu_Cur = 0;
+
</script>
-
var NaviIndexMenu_Des = 0;
+
-
var NaviHistoryMenu_Cur = 0;
+
-
var NaviHistoryMenu_Des = 0;
+
-
var handle_NaviIndexMenuShrink = null;
+
-
var handle_NaviHistoryMenuShrink = null;
+
-
var handle_NaviIndexMenuHide = null;
+
-
var handle_NaviHistoryMenuHide = null;
+
-
var menutitle = document.getElementsByTagName("h3");
+
<div id="PKU_banner_container">
-
var menuhtml = "";
+
<img id="PKU_banner_image" src="/wiki/images/b/ba/Peking2012_N_Home_Title.png" alt="banner" />
-
var menuiter = null;
+
<div>
-
var borders = document.getElementsByName("PKU_navi_index_menu_BoxLR");
+
  <ul id="PKU_banner_menu" class="button">
-
var borderiter = null;
+
  <li class="border">
-
var indexheight = 1.5 * (menutitle.length-1) * 16; /* 1em = 16px */
+
    <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_Home" onmouseover="HideSubmenuAll();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
 +
    <img src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" />
 +
    <img src="/wiki/images/b/b2/Peking2012_BannerMenu_Home_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_Team" onmouseover="ShowSubmenuTeam();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuTeam();" href="/Team:Peking/Team">
 +
    <img src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" />
 +
    <img src="/wiki/images/9/9d/Peking2012_BannerMenu_Team_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_Project" onmouseover="ShowSubmenuProject();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuProject();" href="/Team:Peking/Project">
 +
    <img src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" />
 +
    <img src="/wiki/images/b/b0/Peking2012_BannerMenu_Project_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_Parts" onmouseover="ShowSubmenuParts();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts">
 +
    <img src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" />
 +
    <img src="/wiki/images/f/fa/Peking2012_BannerMenu_Parts_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_Modeling" onmouseover="ShowSubmenuModeling();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuModeling();" href="/Team:Peking/Modeling">
 +
    <img src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" />
 +
    <img src="/wiki/images/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_HumanPractice" onmouseover="ShowSubmenuHumanPractice();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice">
 +
    <img src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" />
 +
    <img src="/wiki/images/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <a id="PKU_banner_Safety" onmouseover="ShowSubmenuSafety();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety">
 +
    <img src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" />
 +
    <img src="/wiki/images/0/08/Peking2012_BannerMenu_Safety_H.png" alt="" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
 +
  </li>
 +
  </ul>
 +
</div>
 +
<div>
 +
  <ul id="PKU_banner_submenu" class="button">
 +
  <li id="PKU_banner_submenu_blank" class="blank">
 +
    &#32;
 +
  </li>
 +
  <li id="PKU_banner_submenu_team" >
 +
    <ul onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
 +
    <li class="submenu_team">
 +
      <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members">
 +
      <img src="/wiki/images/0/0c/Peking2012_BannerSubmenu_Team_Members.png" alt="Members" />
 +
      <img src="/wiki/images/c/cb/Peking2012_BannerSubmenu_Active_Team_Members.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_team">
 +
      <a id="PKU_banner_Team_Attribution" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Attribution">
 +
      <img src="/wiki/images/b/bf/Peking2012_BannerSubmenu_Team_Attributions.png" alt="Attribution" />
 +
      <img src="/wiki/images/d/d0/Peking2012_BannerSubmenu_Active_Team_Attributions.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_team">
 +
      <a id="PKU_banner_Team_Diary" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Diary">
 +
      <img src="/wiki/images/a/a2/Peking2012_BannerSubmenu_Team_Diary.png" alt="Diary" />
 +
      <img src="/wiki/images/4/40/Peking2012_BannerSubmenu_Active_Team_Diary.png" alt="" />
 +
      </a>
 +
    </li>
 +
    </ul>
 +
  </li>
 +
  <li id="PKU_banner_submenu_project">
 +
    <ul onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" >
 +
    <li class="submenu_project">
 +
      <a id="PKU_banner_Project_SensitiveLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Luminesensor">
 +
      <img src="/wiki/images/7/79/Peking2012_BannerSubmenu_Project_Luminesensor.png" alt="Luminesensor" />
 +
      <img src="/wiki/images/b/b2/Peking2012_BannerSubmenu_Active_Project_Luminesensor.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_project">
 +
      <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/LightCommunication">
 +
      <img src="/wiki/images/4/4a/Peking2012_BannerSubmenu_Project_LightCommunication.png" alt="Light Communication" />
 +
      <img src="/wiki/images/f/f8/Peking2012_BannerSubmenu_Active_Project_LightCommunication.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_project">
 +
      <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Synthetic3D">
 +
      <img src="/wiki/images/a/a8/Peking2012_BannerSubmenu_Project_Synthetic3D.png" alt="Synthetic Biology in 3D" />
 +
      <img src="/wiki/images/6/6c/Peking2012_BannerSubmenu_Active_Project_Synthetic3D.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_project">
 +
      <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Phototaxis">
 +
      <img src="/wiki/images/d/d2/Peking2012_BannerSubmenu_Project_Phototaxis.png" alt="Phototaxis" />
 +
      <img src="/wiki/images/5/59/Peking2012_BannerSubmenu_Active_Project_Phototaxis.png" alt="" />
 +
      </a>
 +
    </li>
 +
    </ul>
 +
  </li>
 +
  <li id="PKU_banner_submenu_modeling">
 +
    <ul onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
 +
    <li class="submenu_modeling">
 +
      <a id="PKU_banner_Modeling_DesignLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Luminesensor">
 +
      <img src="/wiki/images/0/0e/Peking2012_BannerSubmenu_Modeling_Luminesensor.png" alt="Luminesensor Design" />
 +
      <img src="/wiki/images/c/c0/Peking2012_BannerSubmenu_Active_Modeling_Luminesensor.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_modeling">
 +
      <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Channel">
 +
      <img src="/wiki/images/c/c3/Peking2012_BannerSubmenu_Modeling_Channel.png" alt="Searching for New Channel" />
 +
      <img src="/wiki/images/0/06/Peking2012_BannerSubmenu_Active_Modeling_Channel.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_modeling">
 +
      <a id="PKU_banner_Modeling_MakeCellsTalkThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Ring">
 +
      <img src="/wiki/images/a/ad/Peking2012_BannerSubmenu_Modeling_Ring.png" alt="Ring-Pattern Formation" />
 +
      <img src="/wiki/images/0/06/Peking2012_BannerSubmenu_Active_Modeling_Ring.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_modeling">
 +
      <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Phototaxis">
 +
      <img src="/wiki/images/f/fb/Peking2012_BannerSubmenu_Modeling_Phototaxis.png" alt="Phototaxis Simulation" />
 +
      <img src="/wiki/images/c/c4/Peking2012_BannerSubmenu_Active_Modeling_Phototaxis.png" alt="" />
 +
      </a>
 +
    </li>
 +
    </ul>
 +
  </li>
 +
  <li id="PKU_banner_submenu_humanpractice">
 +
    <ul onmouseover="HoldSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" >
 +
    <li class="submenu_humanpractice">
 +
      <a id="PKU_banner_HumanPractice_SowingTomorrowSyntheticBiologists" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists">
 +
      <img src="/wiki/images/5/56/Peking2012_BannerSubmenu_HumanPractice_Sowing.png" alt="Sowing Tomorrow Synthetic Biologists" />
 +
      <img src="/wiki/images/8/8d/Peking2012_BannerSubmenu_Active_HumanPractice_Sowing.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_humanpractice">
 +
      <a id="PKU_banner_HumanPractice_ReviewHistoryToLearnNew" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/HistoriciGEMProjectsReview">
 +
      <img src="/wiki/images/b/b5/Peking2012_BannerSubmenu_HumanPractice_Review.png" alt="Historic iGEM Projects Review" />
 +
      <img src="/wiki/images/e/e1/Peking2012_BannerSubmenu_Active_HumanPractice_Review.png" alt="" />
 +
      </a>
 +
    </li>
 +
    <li class="submenu_humanpractice">
 +
      <a id="PKU_banner_HumanPractice_OutreachAndWorkshop" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/OutreachAndWorkshop">
 +
      <img src="/wiki/images/3/3d/Peking2012_BannerSubmenu_HumanPractice_Outreach.png" alt="Outreach and Workshop" />
 +
      <img src="/wiki/images/d/d5/Peking2012_BannerSubmenu_Active_HumanPractice_Outreach.png" alt="" />
 +
      </a>
 +
    </li>
 +
    </ul>
 +
  </li>
 +
  </ul>
 +
</div>
 +
</div>
-
function ShowNaviIndexMenu()
+
<script type="text/javascript" >
 +
/*
 +
* Peking 2012 MenuBar
 +
* by Sun Sibai
 +
* E-mail: sun.niasw@gmail.com
 +
*/
 +
function ButtonMouseOver(objPointer)
{
{
-
   IndexOn = 1;
+
   var Img = objPointer.getElementsByTagName("img");
-
  NaviIndexMenu_Des = 1;
+
  Img[1].style.display = "block";
-
  document.getElementById("PKU_navi_index_menu").style.display = 'block';
+
   Img[0].style.display = "none";
-
   HoldNaviIndexMenu();
+
}
}
-
function ShrinkNaviIndexMenu()
+
 
 +
function ButtonMouseOut(objPointer)
{
{
-
   IndexOn = 0;
+
   var Img = objPointer.getElementsByTagName("img");
-
  NaviIndexMenu_Des = 0;
+
   Img[0].style.display = "block";
-
  IndexMouseOut(document.getElementById("PKU_navi_index_button"));
+
   Img[1].style.display = "none";
-
   if (handle_NaviIndexMenuShrink)
+
-
  {
+
-
    clearTimeout(handle_NaviIndexMenuShrink);
+
-
  }
+
-
  handle_NaviIndexMenuShrink = null;
+
-
   handle_NaviIndexMenuHide = setTimeout("HideNaviIndexMenu();",500);
+
}
}
-
function HideNaviIndexMenu()
+
 
 +
ButtonMouseOut(document.getElementById("PKU_banner_Home"));
 +
ButtonMouseOut(document.getElementById("PKU_banner_Team"));
 +
ButtonMouseOut(document.getElementById("PKU_banner_Project"));
 +
ButtonMouseOut(document.getElementById("PKU_banner_Parts"));
 +
ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
 +
ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
 +
ButtonMouseOut(document.getElementById("PKU_banner_Safety"));
 +
 
 +
var SubmenuWidth_Des_Blank = 0; //Destination
 +
var SubmenuWidth_Cur_Blank = 0; //Current Val
 +
var SubmenuWidth_Des_Team = 0; //Destination
 +
var SubmenuWidth_Cur_Team = 0; //Current Val
 +
var SubmenuWidth_Des_Project = 0; //Destination
 +
var SubmenuWidth_Cur_Project = 0; //Current Val
 +
var SubmenuWidth_Des_Modeling = 0; //Destination
 +
var SubmenuWidth_Cur_Modeling = 0; //Current Val
 +
var SubmenuWidth_Des_HumanPractice = 0; //Destination
 +
var SubmenuWidth_Cur_HumanPractice = 0; //Current Val
 +
var handleSubmenu_Team = null; //Submenu Withdraw Handle
 +
var handleSubmenu_Project = null; //Submenu Withdraw Handle
 +
var handleSubmenu_Modeling = null; //Submenu Withdraw Handle
 +
var handleSubmenu_HumanPractice = null; //Submenu Withdraw Handle
 +
 
 +
function HideSubmenuAll()
{
{
-
   document.getElementById("PKU_navi_index_menu").style.display = 'none';
+
   HideSubmenuTeam();
-
   if (handle_NaviIndexMenuHide)
+
   HideSubmenuProject();
-
   {
+
   HideSubmenuModeling();
-
    clearTimeout(handle_NaviIndexMenuHide);
+
   HideSubmenuHumanPractice();
-
   }
+
-
  handle_NaviIndexMenuHide = null;
+
}
}
-
function WithdrawNaviIndexMenu()
+
 
 +
function ShowSubmenuTeam()
{
{
-
   handle_NaviIndexMenuShrink = setTimeout("ShrinkNaviIndexMenu();",1000);
+
   HideSubmenuAll();
 +
  SubmenuWidth_Des_Team = 1;
 +
  SubmenuWidth_Des_Blank = 140;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
}
}
-
function HoldNaviIndexMenu()
+
function HideSubmenuTeam()
{
{
-
   if (handle_NaviIndexMenuShrink)
+
  SubmenuWidth_Des_Team = 0;
-
  {
+
  SubmenuWidth_Des_Blank = 0;
-
    clearTimeout(handle_NaviIndexMenuShrink);
+
   if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team);
-
    handle_NaviIndexMenuShrink = null;
+
  handleSubmenu_Team = null;
-
   }
+
   ButtonMouseOut(document.getElementById("PKU_banner_Team"));
-
  if (handle_NaviIndexMenuHide)
+
   document.getElementById("PKU_banner_submenu").style.zIndex = -1;
-
   {
+
-
    clearTimeout(handle_NaviIndexMenuHide);
+
-
    handle_NaviIndexMenuHide = null;
+
-
  }
+
}
}
-
 
+
function WithdrawSubmenuTeam()
-
function ShowNaviHistoryMenu()
+
{
{
-
   HoldNaviHistoryMenu();
+
   handleSubmenu_Team = setTimeout("HideSubmenuTeam();",1000);
-
  document.getElementById("PKU_navi_history_menu").style.display = 'block';
+
-
  NaviHistoryMenu_Des = 1;
+
}
}
-
function ShrinkNaviHistoryMenu()
+
function HoldSubmenuTeam()
{
{
-
  NaviHistoryMenu_Des = 0;
+
   if (handleSubmenu_Team)
-
   if (handle_NaviHistoryMenuShrink)
+
   {
   {
-
     clearTimeout(handle_NaviHistoryMenuShrink);
+
     clearTimeout(handleSubmenu_Team);
 +
    handleSubmenu_Team = null;
   }
   }
-
  handle_NaviHistoryMenuShrink = null;
 
-
  handle_NaviHistoryMenuHide = setTimeout("HideNaviHistoryMenu();",500);
 
}
}
-
function HideNaviHistoryMenu()
+
 
 +
function ShowSubmenuProject()
{
{
-
   document.getElementById("PKU_navi_history_menu").style.display = 'none';
+
  HideSubmenuAll();
-
  if (handle_NaviHistoryMenuHide)
+
  SubmenuWidth_Des_Project = 1;
-
  {
+
  SubmenuWidth_Des_Blank = 220;
-
    clearTimeout(handle_NaviHistoryMenuHide);
+
   document.getElementById("PKU_banner_submenu").style.zIndex = 50;
-
  }
+
-
  handle_NaviHistoryMenuHide = null;
+
}
}
-
function WithdrawNaviHistoryMenu()
+
function HideSubmenuProject()
{
{
-
   handle_NaviHistoryMenuShrink = setTimeout("ShrinkNaviHistoryMenu();",1000);
+
   SubmenuWidth_Des_Project = 0;
 +
  SubmenuWidth_Des_Blank = 0;
 +
  if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project);
 +
  handleSubmenu_Project = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Project"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
}
}
-
function HoldNaviHistoryMenu()
+
function WithdrawSubmenuProject()
{
{
-
   if (handle_NaviHistoryMenuShrink)
+
   handleSubmenu_Project = setTimeout("HideSubmenuProject();",1000);
-
  {
+
}
-
    clearTimeout(handle_NaviHistoryMenuShrink);
+
function HoldSubmenuProject()
-
    handle_NaviHistoryMenuShrink = null;
+
{
-
  }
+
   if (handleSubmenu_Project)
-
   if (handle_NaviHistoryMenuHide)
+
   {
   {
-
     clearTimeout(handle_NaviHistoryMenuHide);
+
     clearTimeout(handleSubmenu_Project);
-
     handle_NaviHistoryMenuHide = null;
+
     handleSubmenu_Project = null;
   }
   }
}
}
-
function FreshNavi()
+
function ShowSubmenuParts()
{
{
-
   NaviIndexMenu_Cur += ( NaviIndexMenu_Des - NaviIndexMenu_Cur ) * 0.5;
+
   HideSubmenuAll();
-
   NaviHistoryMenu_Cur += ( NaviHistoryMenu_Des - NaviHistoryMenu_Cur ) * 0.5;
+
   SubmenuWidth_Des_Blank = 300;
-
 
+
}
-
  var objs;
+
-
  var objiter;
+
-
   objs = document.getElementsByName("PKU_navi_index_menu_BoxTB");
+
function ShowSubmenuModeling()
-
  for (objiter=0;objiter<objs.length;++objiter)
+
{
 +
   HideSubmenuAll();
 +
  SubmenuWidth_Des_Modeling = 1;
 +
  SubmenuWidth_Des_Blank = 500;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
 +
}
 +
function HideSubmenuModeling()
 +
{
 +
  SubmenuWidth_Des_Modeling = 0;
 +
  SubmenuWidth_Des_Blank = 0;
 +
  if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling);
 +
  handleSubmenu_Modeling = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
 +
}
 +
function WithdrawSubmenuModeling()
 +
{
 +
  handleSubmenu_Modeling = setTimeout("HideSubmenuModeling();",1000);
 +
}
 +
function HoldSubmenuModeling()
 +
{
 +
  if (handleSubmenu_Modeling)
   {
   {
-
     objs[objiter].style.width = NaviIndexMenu_Cur * 460 + "px";
+
     clearTimeout(handleSubmenu_Modeling);
 +
    handleSubmenu_Modeling = null;
   }
   }
-
  objs = document.getElementsByName("PKU_navi_index_menu_BoxLR");
+
}
-
  for (objiter=0;objiter<objs.length;++objiter)
+
-
  {
+
-
    objs[objiter].style.height = NaviIndexMenu_Cur * indexheight + "px";
+
-
  }
+
-
  objs = document.getElementById("PKU_navi_menu");
+
-
  objs.style.width = NaviIndexMenu_Cur * 460 + "px";
+
-
  objs.style.height = NaviIndexMenu_Cur * indexheight + "px";
+
-
  objs = document.getElementById("PKU_navi_index_menu");
+
-
  objs.style.right = -NaviIndexMenu_Cur * 460 + 15 + "px";
+
-
   objs = document.getElementsByName("PKU_navi_history_menu_BoxTB");
+
function ShowSubmenuHumanPractice()
-
  for (objiter=0;objiter<objs.length;++objiter)
+
{
 +
   HideSubmenuAll();
 +
  SubmenuWidth_Des_HumanPractice = 1;
 +
  SubmenuWidth_Des_Blank = 607;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
 +
}
 +
function HideSubmenuHumanPractice()
 +
{
 +
  SubmenuWidth_Des_HumanPractice = 0;
 +
  SubmenuWidth_Des_Blank = 0;
 +
  if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice);
 +
  handleSubmenu_HumanPractice = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
 +
}
 +
function WithdrawSubmenuHumanPractice()
 +
{
 +
  handleSubmenu_HumanPractice = setTimeout("HideSubmenuHumanPractice();",1000);
 +
}
 +
function HoldSubmenuHumanPractice()
 +
{
 +
  if (handleSubmenu_HumanPractice)
   {
   {
-
     objs[objiter].style.width = NaviHistoryMenu_Cur * 120 + "px";
+
     clearTimeout(handleSubmenu_HumanPractice);
 +
    handleSubmenu_HumanPractice = null;
   }
   }
-
  objs = document.getElementsByName("PKU_navi_history_menu_BoxLR");
 
-
  for (objiter=0;objiter<objs.length;++objiter)
 
-
  {
 
-
    objs[objiter].style.height = NaviHistoryMenu_Cur * 114 + "px";
 
-
  }
 
-
  objs = document.getElementById("PKU_navi_history_menu_BoxC");
 
-
  objs.style.width = NaviHistoryMenu_Cur * 120 + "px";
 
-
  objs.style.height = NaviHistoryMenu_Cur * 114 + "px";
 
}
}
-
var handleFreshNavi = setInterval("FreshNavi();",50);
+
function ShowSubmenuSafety()
 +
{
 +
  HideSubmenuAll();
 +
  SubmenuWidth_Des_Blank = 680;
 +
}
-
for (menuiter=1;menuiter<menutitle.length;++menuiter)
+
function FreshSubmenuWidth()
{
{
-
   menuhtml += '<li><a href="#title' + menuiter + '">' + menutitle[menuiter].innerHTML + "</a></li>";
+
   SubmenuWidth_Cur_Blank += ( SubmenuWidth_Des_Blank - SubmenuWidth_Cur_Blank ) * 0.5;
 +
  SubmenuWidth_Cur_Team += ( SubmenuWidth_Des_Team - SubmenuWidth_Cur_Team ) * 0.7;
 +
  SubmenuWidth_Cur_Project += ( SubmenuWidth_Des_Project - SubmenuWidth_Cur_Project ) * 0.7;
 +
  SubmenuWidth_Cur_Modeling += ( SubmenuWidth_Des_Modeling - SubmenuWidth_Cur_Modeling ) * 0.7;
 +
  SubmenuWidth_Cur_HumanPractice += ( SubmenuWidth_Des_HumanPractice - SubmenuWidth_Cur_HumanPractice ) * 0.7;
 +
 
 +
  var tmp;
 +
 
 +
  tmp = document.getElementById("PKU_banner_submenu_blank");
 +
  tmp.style.width = SubmenuWidth_Cur_Blank + "px";
 +
  tmp = document.getElementById("PKU_banner_submenu_team");
 +
  tmp.style.width = SubmenuWidth_Cur_Team * 137 + "px";
 +
  tmp = document.getElementById("PKU_banner_submenu_project");
 +
  tmp.style.width = SubmenuWidth_Cur_Project * 250 + "px";
 +
  tmp = document.getElementById("PKU_banner_submenu_modeling");
 +
  tmp.style.width = SubmenuWidth_Cur_Modeling * 240 + "px";
 +
  tmp = document.getElementById("PKU_banner_submenu_humanpractice");
 +
  tmp.style.width = SubmenuWidth_Cur_HumanPractice * 300 + "px";
}
}
-
var menunavi = document.getElementById("PKU_navi_menu");
+
var handleFreshSubmenuWidth = setInterval("FreshSubmenuWidth();",50);
-
menunavi.innerHTML = menuhtml;
+
</script>
</script>
-
 
+
<div id="text-body">
</html>
</html>

Latest revision as of 16:36, 2 September 2012

Retrieved from "http://2012.igem.org/Template:Peking2012_Prologue"