Template:Peking2012 Prologue

From 2012.igem.org

(Difference between revisions)
m
m
 
(46 intermediate revisions not shown)
Line 10: Line 10:
body /* UltraGlobal Environment (origin item) */
body /* UltraGlobal Environment (origin item) */
{
{
-
   background-color: #01010d; /*#222222;*//*#221900;*//*#01010d;*/
+
   background-color: #000002;
}
}
#blank ,
#blank ,
Line 24: Line 24:
#globalWrapper /* Global Environment (origin item) */
#globalWrapper /* Global Environment (origin item) */
{
{
-
   background-color: #222222;
+
   background-color: #000002;
-
   background-attachment: scroll;
+
   background-attachment: fixed;
   background-position: 50% 0;
   background-position: 50% 0;
-
   background-repeat: repeat;
+
   background-repeat: no-repeat;
-
   background-image: url("/wiki/images/f/fd/Peking2012_EcoliBgCycleBlue.png"); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); url("/wiki/images/3/34/Peking2012_EcoliBgCycleBrown.png"); url("/wiki/images/f/fd/Peking2012_EcoliBgCycleBlue.png"); */
+
   background-image: url("/wiki/images/e/e0/Peking2012_N_Home_Background_Large.jpg");
   overflow: hidden;
   overflow: hidden;
}
}
Line 50: Line 50:
{
{
   background-color: transparent;
   background-color: transparent;
-
   background-image: url("/wiki/images/f/f2/Peking2012_InnerBackground.png");
+
   background-image: url("");
   background-attachment: scroll;
   background-attachment: scroll;
   background-position: 50% 0;
   background-position: 50% 0;
Line 60: Line 60:
{
{
   position: relative;
   position: relative;
-
   top: -90px;
+
   top: -40px;
   background-color: transparent;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border-style: none;
   border-style: none;
 +
  z-index: 30;
}
}
#catlinks
#catlinks
Line 105: Line 106:
{
{
   padding: 20px 30px 10px;
   padding: 20px 30px 10px;
 +
}
 +
 +
p
 +
{
 +
  font-family: Arial, sans-serif;
}
}
Line 147: Line 153:
{
{
   display: inline;
   display: inline;
 +
}
 +
.button img
 +
{
 +
  display: block;
}
}
Line 156: Line 166:
   background-attachment: fixed;
   background-attachment: fixed;
   background-repeat: repeat-x;
   background-repeat: repeat-x;
-
   background-image: url(""); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); */
+
   background-image: url("");
-
   background-color: #0a011e; /*#222222;*//*#221900;*//*#01010d;*/ /*#0a011e;*/
+
   background-color: #000002;
   overflow: hidden;
   overflow: hidden;
   position: fixed;
   position: fixed;
Line 165: Line 175:
   width: 965px;
   width: 965px;
   height: 20px;
   height: 20px;
-
   font-family: Free Sans, sans-serif;
+
   font-family: Arial, sans-serif;
   font-size: 15px;
   font-size: 15px;
   font-weight: bold;
   font-weight: bold;
Line 173: Line 183:
#PKU_menubar *
#PKU_menubar *
{
{
-
   font-family: Free Sans, sans-serif;
+
   font-family: Arial, sans-serif;
   font-size: 15px;
   font-size: 15px;
   font-weight: bold;
   font-weight: bold;
Line 233: Line 243:
{
{
   width: 965px;
   width: 965px;
-
   height: 170px;
+
   height: 200px;
}
}
#PKU_banner_title
#PKU_banner_title
Line 240: Line 250:
   height: 140px;
   height: 140px;
   position: absolute;
   position: absolute;
-
   top: 25px;
+
   top: -220px;
   padding-left: 50px;
   padding-left: 50px;
}
}
Line 258: Line 268:
   position: relative;
   position: relative;
   top: -30px;
   top: -30px;
 +
  z-index: 0;
}
}
#PKU_banner_menu li ,
#PKU_banner_menu li ,
Line 269: Line 280:
#PKU_banner_submenu > li
#PKU_banner_submenu > li
{
{
-
  overflow: hidden;
 
   height: 120px;
   height: 120px;
-
   width: 0;
+
   width: 0; /* edit later */
}
}
#PKU_banner_menu > li ,
#PKU_banner_menu > li ,
#PKU_banner_submenu > li ul > li
#PKU_banner_submenu > li ul > li
{
{
-
  overflow: hidden;
 
   height: 30px;
   height: 30px;
}
}
-
#PKU_banner_submenu > li ul > li.submenu_team ,
+
#PKU_banner_submenu > li ul > li.submenu_team
-
#PKU_banner_submenu > li ul > li.submenu_project ,
+
{
-
#PKU_banner_submenu > li ul > li.submenu_modeling ,
+
  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
#PKU_banner_submenu > li ul > li.submenu_humanpractice
{
{
Line 293: Line 311:
{
{
   position: relative;
   position: relative;
-
   top: -90;
+
   top: -120px;
}
}
-
.PKU-block
+
#text-body .PKU_Box11
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/94/Peking2012_N_Home_Mask_11.png");
 +
}
 +
#text-body .PKU_Box12
 +
{
 +
  width: 897px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/2/2c/Peking2012_N_Home_Mask_12.png");
 +
}
 +
#text-body .PKU_Box13
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/6/6b/Peking2012_N_Home_Mask_13.png");
 +
}
 +
#text-body .PKU_Box21
 +
{
 +
  width: 34px;
 +
  background-image: url("/wiki/images/4/45/Peking2012_N_Home_Mask_21.png");
 +
}
 +
#text-body .PKU_Box22
 +
{
 +
  background-image: url("/wiki/images/c/ca/Peking2012_N_Home_Mask_22.png");
 +
}
 +
#text-body .PKU_Box23
 +
{
 +
  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
{
{
-
  border-width: 2px;
 
-
  border-style: solid;
 
   background-color: transparent;
   background-color: transparent;
-
   padding: 1px;
+
   padding: 0;
-
   margin: 15px;
+
   margin: 0;
   text-align: center;
   text-align: center;
-
   font-family: sans-serif;
+
   font-family: Arial, sans-serif;
 +
}
 +
#text-body .PKU_context *
 +
{
 +
  margin: 0;
}
}
-
.PKU-block p
+
#text-body .PKU_context .PKU_Box22 p
{
{
   font-size: 16px;
   font-size: 16px;
-
   padding: 10px 40px 30px;
+
   padding: 10px 0 30px;
   text-align: justify;
   text-align: justify;
}
}
-
.PKU-block h3
+
#text-body .PKU_context .PKU_Box22 h3
{
{
   text-align: left;
   text-align: left;
   font-size: 21px;
   font-size: 21px;
-
   padding: 30px 30px 10px;
+
   padding: 30px 0 10px;
}
}
-
 
+
#text-body .PKU_context.floatC .PKU_Box22 p
-
.PKU-block.floatL
+
-
{
+
-
  margin-right: 7px;
+
-
}
+
-
.PKU-block.floatR
+
{
{
-
   margin-left: 7px;
+
   width: 897px;
}
}
-
.PKU-block.floatR p
+
#text-body .PKU_context.floatR .PKU_Box22 p
{
{
   width: 590px;
   width: 590px;
}
}
-
.PKU-block img ,
+
#text-body .PKU_context .PKU_Box22 img ,
-
.PKU-block object
+
#text-body .PKU_context .PKU_Box22 object
{
{
-
  margin: 1px;
 
   padding: 0;
   padding: 0;
}
}
-
.PKU-block p.description
+
#text-body .PKU_context .PKU_Box22 p.description
{
{
   font-style: italic;
   font-style: italic;
Line 345: Line 410:
   width: 700px;
   width: 700px;
}
}
-
#Subtitle
+
 
-
{
+
#Subtitle3 li
-
  margin-top: 0;
+
-
}
+
-
#Subtitle img
+
{
{
   width: 220px;
   width: 220px;
-
   height: 220px;
+
   height: 70px;
 +
  overflow: hidden;
 +
  margin: 0 0 8px 0;
}
}
 +
#Subsubtitle5
#Subsubtitle5
{
{
Line 361: Line 426:
#Subsubtitle5 li
#Subsubtitle5 li
{
{
-
   width: 668px;
+
   width: 446px;
-
   height: 34px;
+
   height: 32px;
   overflow: hidden;
   overflow: hidden;
-
  padding: 1px;
+
   margin: 0 0 8px 0;
-
   margin: 0 0 6px 0;
+
}
}
Line 393: Line 457:
   border-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>
Line 499: Line 579:
<div id="PKU_banner_container">
<div id="PKU_banner_container">
-
  <img id="PKU_banner_image" src="/wiki/images/0/08/Peking2012_Banner.png" alt="banner" /> <!-- src="/wiki/images/0/08/Peking2012_Banner.png" src="/wiki/images/3/31/Peking2012_BannerB_Yang.png" -->
+
  <img id="PKU_banner_image" src="/wiki/images/b/ba/Peking2012_N_Home_Title.png" alt="banner" />
  <div>
  <div>
-
   <ul id="PKU_banner_menu">
+
   <ul id="PKU_banner_menu" class="button">
   <li class="border">
   <li class="border">
     <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
     <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Home" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
+
     <a id="PKU_banner_Home" onmouseover="HideSubmenuAll();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
-
     <img class="show" src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" />
+
     <img src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" />
-
     <img class="show" src="/wiki/images/b/b2/Peking2012_BannerMenu_Home_H.png" alt="Home" />
+
     <img src="/wiki/images/b/b2/Peking2012_BannerMenu_Home_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Team" onmouseover="ButtonMouseOver(this);ShowSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" href="/Team:Peking/Team">
+
     <a id="PKU_banner_Team" onmouseover="ShowSubmenuTeam();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuTeam();" href="/Team:Peking/Team">
-
     <img class="show" src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" />
+
     <img src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" />
-
     <img class="show" src="/wiki/images/9/9d/Peking2012_BannerMenu_Team_H.png" alt="Team" />
+
     <img src="/wiki/images/9/9d/Peking2012_BannerMenu_Team_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Project" onmouseover="ButtonMouseOver(this);ShowSubmenuProject();" onmouseout="WithdrawSubmenuProject();" href="/Team:Peking/Project">
+
     <a id="PKU_banner_Project" onmouseover="ShowSubmenuProject();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuProject();" href="/Team:Peking/Project">
-
     <img class="show" src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" />
+
     <img src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" />
-
     <img class="show" src="/wiki/images/b/b0/Peking2012_BannerMenu_Project_H.png" alt="Project" />
+
     <img src="/wiki/images/b/b0/Peking2012_BannerMenu_Project_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Parts" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts">
+
     <a id="PKU_banner_Parts" onmouseover="ShowSubmenuParts();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts">
-
     <img class="show" src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" />
+
     <img src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" />
-
     <img class="show" src="/wiki/images/f/fa/Peking2012_BannerMenu_Parts_H.png" alt="Parts" />
+
     <img src="/wiki/images/f/fa/Peking2012_BannerMenu_Parts_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Modeling" onmouseover="ButtonMouseOver(this);ShowSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" href="/Team:Peking/Modeling">
+
     <a id="PKU_banner_Modeling" onmouseover="ShowSubmenuModeling();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuModeling();" href="/Team:Peking/Modeling">
-
     <img class="show" src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" />
+
     <img src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" />
-
     <img class="show" src="/wiki/images/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="Modeling" />
+
     <img src="/wiki/images/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_HumanPractice" onmouseover="ButtonMouseOver(this);ShowSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice">
+
     <a id="PKU_banner_HumanPractice" onmouseover="ShowSubmenuHumanPractice();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice">
-
     <img class="show" src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" />
+
     <img src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" />
-
     <img class="show" src="/wiki/images/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="HumanPractice" />
+
     <img src="/wiki/images/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Safety" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety">
+
     <a id="PKU_banner_Safety" onmouseover="ShowSubmenuSafety();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety">
-
     <img class="show" src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" />
+
     <img src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" />
-
     <img class="show" src="/wiki/images/0/08/Peking2012_BannerMenu_Safety_H.png" alt="Safety" />
+
     <img src="/wiki/images/0/08/Peking2012_BannerMenu_Safety_H.png" alt="" />
     </a>
     </a>
   </li>
   </li>
Line 553: Line 633:
  </div>
  </div>
  <div>
  <div>
-
   <ul id="PKU_banner_submenu" onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
+
   <ul id="PKU_banner_submenu" class="button">
   <li id="PKU_banner_submenu_blank" class="blank">
   <li id="PKU_banner_submenu_blank" class="blank">
     &#32;
     &#32;
   </li>
   </li>
-
   <li id="PKU_banner_submenu_team">
+
   <li id="PKU_banner_submenu_team" >
     <ul onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
     <ul onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
     <li class="submenu_team">
     <li class="submenu_team">
       <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members">
       <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members">
-
       <img class="show" src="/wiki/images/0/0c/Peking2012_BannerSubmenu_Team_Members.png" alt="Members" />
+
       <img src="/wiki/images/0/0c/Peking2012_BannerSubmenu_Team_Members.png" alt="Members" />
-
       <img class="show" src="/wiki/images/a/a4/Peking2012_BannerSubmenu_Team_Members_H.png" alt="Members" />
+
       <img src="/wiki/images/c/cb/Peking2012_BannerSubmenu_Active_Team_Members.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_team">
     <li class="submenu_team">
       <a id="PKU_banner_Team_Attribution" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Attribution">
       <a id="PKU_banner_Team_Attribution" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Attribution">
-
       <img class="show" src="/wiki/images/3/3b/Peking2012_BannerSubmenu_Team_Attribution.png" alt="Attribution" />
+
       <img src="/wiki/images/b/bf/Peking2012_BannerSubmenu_Team_Attributions.png" alt="Attribution" />
-
       <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Team_Attribution_H.png" alt="Attribution" />
+
       <img src="/wiki/images/d/d0/Peking2012_BannerSubmenu_Active_Team_Attributions.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_team">
     <li class="submenu_team">
       <a id="PKU_banner_Team_Diary" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Diary">
       <a id="PKU_banner_Team_Diary" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Diary">
-
       <img class="show" src="/wiki/images/a/a2/Peking2012_BannerSubmenu_Team_Diary.png" alt="Diary" />
+
       <img src="/wiki/images/a/a2/Peking2012_BannerSubmenu_Team_Diary.png" alt="Diary" />
-
       <img class="show" src="/wiki/images/e/ef/Peking2012_BannerSubmenu_Team_Diary_H.png" alt="Diary" />
+
       <img src="/wiki/images/4/40/Peking2012_BannerSubmenu_Active_Team_Diary.png" alt="" />
       </a>
       </a>
     </li>
     </li>
Line 582: Line 662:
     <ul onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" >
     <ul onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" >
     <li class="submenu_project">
     <li class="submenu_project">
-
       <a id="PKU_banner_Project_SensitiveLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/SensitiveLuminanceSensor">
+
       <a id="PKU_banner_Project_SensitiveLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Luminesensor">
-
       <img class="show" src="/wiki/images/b/b6/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor.png" alt="Sensitive Luminance Sensor" />
+
       <img src="/wiki/images/7/79/Peking2012_BannerSubmenu_Project_Luminesensor.png" alt="Luminesensor" />
-
       <img class="show" src="/wiki/images/c/cc/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor_H.png" alt="Sensitive Luminance Sensor" />
+
       <img src="/wiki/images/b/b2/Peking2012_BannerSubmenu_Active_Project_Luminesensor.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_project">
     <li class="submenu_project">
-
       <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/ProgrammingCellswithLight">
+
       <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/LightCommunication">
-
       <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_ProgrammingCellswithLight.png" alt="Programming Cells with Light" />
+
       <img src="/wiki/images/4/4a/Peking2012_BannerSubmenu_Project_LightCommunication.png" alt="Light Communication" />
-
       <img class="show" src="/wiki/images/9/90/Peking2012_BannerSubmenu_Project_ProgrammingCellswithLight_H.png" alt="Programming Cells with Light" />
+
       <img src="/wiki/images/f/f8/Peking2012_BannerSubmenu_Active_Project_LightCommunication.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_project">
     <li class="submenu_project">
-
       <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/CellcellLightCommunication">
+
       <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Synthetic3D">
-
       <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_CellcellLightCommunication.png" alt="Cell-cell Light Communication" />
+
       <img src="/wiki/images/a/a8/Peking2012_BannerSubmenu_Project_Synthetic3D.png" alt="Synthetic Biology in 3D" />
-
       <img class="show" src="/wiki/images/9/90/Peking2012_BannerSubmenu_Project_CellcellLightCommunication_H.png" alt="Cell-cell Light Communication" />
+
      <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>
       </a>
     </li>
     </li>
Line 604: Line 690:
     <ul onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
     <ul onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
     <li class="submenu_modeling">
     <li class="submenu_modeling">
-
       <a id="PKU_banner_Modeling_DesignLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/DesignLuminanceSensor">
+
       <a id="PKU_banner_Modeling_DesignLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Luminesensor">
-
       <img class="show" src="/wiki/images/7/73/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor.png" alt="Design Luminance Sensor" />
+
       <img src="/wiki/images/0/0e/Peking2012_BannerSubmenu_Modeling_Luminesensor.png" alt="Luminesensor Design" />
-
       <img class="show" src="/wiki/images/6/60/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor_H.png" alt="Design Luminance Sensor" />
+
       <img src="/wiki/images/c/c0/Peking2012_BannerSubmenu_Active_Modeling_Luminesensor.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_modeling">
     <li class="submenu_modeling">
-
       <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/ControlCellsThroughLight">
+
       <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Channel">
-
       <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight.png" alt="Control Cells through Light" />
+
       <img src="/wiki/images/c/c3/Peking2012_BannerSubmenu_Modeling_Channel.png" alt="Searching for New Channel" />
-
       <img class="show" src="/wiki/images/d/d8/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight_H.png" alt="Control Cells through Light" />
+
       <img src="/wiki/images/0/06/Peking2012_BannerSubmenu_Active_Modeling_Channel.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_modeling">
     <li class="submenu_modeling">
-
       <a id="PKU_banner_Modeling_MakeCellsTalkThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/MakeCellsTalkThroughLight">
+
       <a id="PKU_banner_Modeling_MakeCellsTalkThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Ring">
-
       <img class="show" src="/wiki/images/3/3d/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight.png" alt="Make Cells Talk through Light" />
+
       <img src="/wiki/images/a/ad/Peking2012_BannerSubmenu_Modeling_Ring.png" alt="Ring-Pattern Formation" />
-
       <img class="show" src="/wiki/images/f/f3/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight_H.png" alt="Make Cells Talk through Light" />
+
       <img src="/wiki/images/0/06/Peking2012_BannerSubmenu_Active_Modeling_Ring.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_modeling">
     <li class="submenu_modeling">
-
       <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/SearchForNewChannel">
+
       <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Phototaxis">
-
       <img class="show" src="/wiki/images/0/09/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel.png" alt="Search for New Channel" />
+
       <img src="/wiki/images/f/fb/Peking2012_BannerSubmenu_Modeling_Phototaxis.png" alt="Phototaxis Simulation" />
-
       <img class="show" src="/wiki/images/2/23/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel_H.png" alt="Search for New Channel" />
+
       <img src="/wiki/images/c/c4/Peking2012_BannerSubmenu_Active_Modeling_Phototaxis.png" alt="" />
       </a>
       </a>
     </li>
     </li>
Line 633: Line 719:
     <li class="submenu_humanpractice">
     <li class="submenu_humanpractice">
       <a id="PKU_banner_HumanPractice_SowingTomorrowSyntheticBiologists" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists">
       <a id="PKU_banner_HumanPractice_SowingTomorrowSyntheticBiologists" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists">
-
       <img class="show" src="/wiki/images/6/6c/Peking2012_BannerSubmenu_HumanPractice_SowingTomorrowSyntheticBiologists.png" alt="Sowing Tomorrow Synthetic Biologists" />
+
       <img src="/wiki/images/5/56/Peking2012_BannerSubmenu_HumanPractice_Sowing.png" alt="Sowing Tomorrow Synthetic Biologists" />
-
       <img class="show" src="/wiki/images/8/83/Peking2012_BannerSubmenu_HumanPractice_SowingTomorrowSyntheticBiologists_H.png" alt="Sowing Tomorrow Synthetic Biologists" />
+
       <img src="/wiki/images/8/8d/Peking2012_BannerSubmenu_Active_HumanPractice_Sowing.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_humanpractice">
     <li class="submenu_humanpractice">
-
       <a id="PKU_banner_HumanPractice_ReviewHistoryToLearnNew" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/ReviewHistoryToLearnNew">
+
       <a id="PKU_banner_HumanPractice_ReviewHistoryToLearnNew" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/HistoriciGEMProjectsReview">
-
       <img class="show" src="/wiki/images/a/a3/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew.png" alt="Review History to Learn New" />
+
       <img src="/wiki/images/b/b5/Peking2012_BannerSubmenu_HumanPractice_Review.png" alt="Historic iGEM Projects Review" />
-
       <img class="show" src="/wiki/images/f/f8/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew_H.png" alt="Review History to Learn New" />
+
       <img src="/wiki/images/e/e1/Peking2012_BannerSubmenu_Active_HumanPractice_Review.png" alt="" />
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_humanpractice">
     <li class="submenu_humanpractice">
       <a id="PKU_banner_HumanPractice_OutreachAndWorkshop" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/OutreachAndWorkshop">
       <a id="PKU_banner_HumanPractice_OutreachAndWorkshop" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/OutreachAndWorkshop">
-
       <img class="show" src="/wiki/images/3/3c/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop.png" alt="Outreach and Workshop" />
+
       <img src="/wiki/images/3/3d/Peking2012_BannerSubmenu_HumanPractice_Outreach.png" alt="Outreach and Workshop" />
-
       <img class="show" src="/wiki/images/9/97/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop_H.png" alt="Outreach and Workshop" />
+
       <img src="/wiki/images/d/d5/Peking2012_BannerSubmenu_Active_HumanPractice_Outreach.png" alt="" />
       </a>
       </a>
     </li>
     </li>
Line 674: Line 760:
   Img[1].style.display = "none";
   Img[1].style.display = "none";
}
}
 +
 +
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_Des_Blank = 0; //Destination
Line 702: Line 796:
   HideSubmenuAll();
   HideSubmenuAll();
   SubmenuWidth_Des_Team = 1;
   SubmenuWidth_Des_Team = 1;
-
   SubmenuWidth_Des_Blank = 60;
+
   SubmenuWidth_Des_Blank = 140;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
}
}
function HideSubmenuTeam()
function HideSubmenuTeam()
Line 711: Line 806:
   handleSubmenu_Team = null;
   handleSubmenu_Team = null;
   ButtonMouseOut(document.getElementById("PKU_banner_Team"));
   ButtonMouseOut(document.getElementById("PKU_banner_Team"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
}
}
function WithdrawSubmenuTeam()
function WithdrawSubmenuTeam()
Line 729: Line 825:
   HideSubmenuAll();
   HideSubmenuAll();
   SubmenuWidth_Des_Project = 1;
   SubmenuWidth_Des_Project = 1;
-
   SubmenuWidth_Des_Blank = 200;
+
   SubmenuWidth_Des_Blank = 220;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
}
}
function HideSubmenuProject()
function HideSubmenuProject()
Line 738: Line 835:
   handleSubmenu_Project = null;
   handleSubmenu_Project = null;
   ButtonMouseOut(document.getElementById("PKU_banner_Project"));
   ButtonMouseOut(document.getElementById("PKU_banner_Project"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
}
}
function WithdrawSubmenuProject()
function WithdrawSubmenuProject()
Line 750: Line 848:
     handleSubmenu_Project = null;
     handleSubmenu_Project = null;
   }
   }
 +
}
 +
 +
function ShowSubmenuParts()
 +
{
 +
  HideSubmenuAll();
 +
  SubmenuWidth_Des_Blank = 300;
}
}
Line 756: Line 860:
   HideSubmenuAll();
   HideSubmenuAll();
   SubmenuWidth_Des_Modeling = 1;
   SubmenuWidth_Des_Modeling = 1;
-
   SubmenuWidth_Des_Blank = 470;
+
   SubmenuWidth_Des_Blank = 500;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
}
}
function HideSubmenuModeling()
function HideSubmenuModeling()
Line 765: Line 870:
   handleSubmenu_Modeling = null;
   handleSubmenu_Modeling = null;
   ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
   ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
}
}
function WithdrawSubmenuModeling()
function WithdrawSubmenuModeling()
Line 783: Line 889:
   HideSubmenuAll();
   HideSubmenuAll();
   SubmenuWidth_Des_HumanPractice = 1;
   SubmenuWidth_Des_HumanPractice = 1;
-
   SubmenuWidth_Des_Blank = 600;
+
   SubmenuWidth_Des_Blank = 607;
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = 50;
}
}
function HideSubmenuHumanPractice()
function HideSubmenuHumanPractice()
Line 792: Line 899:
   handleSubmenu_HumanPractice = null;
   handleSubmenu_HumanPractice = null;
   ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
   ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
 +
  document.getElementById("PKU_banner_submenu").style.zIndex = -1;
}
}
function WithdrawSubmenuHumanPractice()
function WithdrawSubmenuHumanPractice()
Line 804: Line 912:
     handleSubmenu_HumanPractice = null;
     handleSubmenu_HumanPractice = null;
   }
   }
 +
}
 +
 +
function ShowSubmenuSafety()
 +
{
 +
  HideSubmenuAll();
 +
  SubmenuWidth_Des_Blank = 680;
}
}
function FreshSubmenuWidth()
function FreshSubmenuWidth()
{
{
-
   SubmenuWidth_Cur_Blank += ( SubmenuWidth_Des_Blank - SubmenuWidth_Cur_Blank ) * 0.35;
+
   SubmenuWidth_Cur_Blank += ( SubmenuWidth_Des_Blank - SubmenuWidth_Cur_Blank ) * 0.5;
-
   SubmenuWidth_Cur_Team += ( SubmenuWidth_Des_Team - SubmenuWidth_Cur_Team ) * 0.5;
+
   SubmenuWidth_Cur_Team += ( SubmenuWidth_Des_Team - SubmenuWidth_Cur_Team ) * 0.7;
-
   SubmenuWidth_Cur_Project += ( SubmenuWidth_Des_Project - SubmenuWidth_Cur_Project ) * 0.5;
+
   SubmenuWidth_Cur_Project += ( SubmenuWidth_Des_Project - SubmenuWidth_Cur_Project ) * 0.7;
-
   SubmenuWidth_Cur_Modeling += ( SubmenuWidth_Des_Modeling - SubmenuWidth_Cur_Modeling ) * 0.5;
+
   SubmenuWidth_Cur_Modeling += ( SubmenuWidth_Des_Modeling - SubmenuWidth_Cur_Modeling ) * 0.7;
-
   SubmenuWidth_Cur_HumanPractice += ( SubmenuWidth_Des_HumanPractice - SubmenuWidth_Cur_HumanPractice ) * 0.5;
+
   SubmenuWidth_Cur_HumanPractice += ( SubmenuWidth_Des_HumanPractice - SubmenuWidth_Cur_HumanPractice ) * 0.7;
    
    
   var tmp;
   var tmp;
Line 819: Line 933:
   tmp.style.width = SubmenuWidth_Cur_Blank + "px";
   tmp.style.width = SubmenuWidth_Cur_Blank + "px";
   tmp = document.getElementById("PKU_banner_submenu_team");
   tmp = document.getElementById("PKU_banner_submenu_team");
-
   tmp.style.width = SubmenuWidth_Cur_Team * 300 + "px";
+
   tmp.style.width = SubmenuWidth_Cur_Team * 137 + "px";
   tmp = document.getElementById("PKU_banner_submenu_project");
   tmp = document.getElementById("PKU_banner_submenu_project");
-
   tmp.style.width = SubmenuWidth_Cur_Project * 300 + "px";
+
   tmp.style.width = SubmenuWidth_Cur_Project * 250 + "px";
   tmp = document.getElementById("PKU_banner_submenu_modeling");
   tmp = document.getElementById("PKU_banner_submenu_modeling");
-
   tmp.style.width = SubmenuWidth_Cur_Modeling * 300 + "px";
+
   tmp.style.width = SubmenuWidth_Cur_Modeling * 240 + "px";
   tmp = document.getElementById("PKU_banner_submenu_humanpractice");
   tmp = document.getElementById("PKU_banner_submenu_humanpractice");
   tmp.style.width = SubmenuWidth_Cur_HumanPractice * 300 + "px";
   tmp.style.width = SubmenuWidth_Cur_HumanPractice * 300 + "px";

Latest revision as of 16:36, 2 September 2012

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