Template:Peking2012 CSS

From 2012.igem.org

(Difference between revisions)
m
m
 
(25 intermediate revisions not shown)
Line 29: Line 29:
   background-repeat: repeat;
   background-repeat: 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/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"); */
-
  overflow: hidden;
 
-
}
 
-
 
-
#content /* Local Environment (origin item) */
 
-
{
 
-
  background-color: transparent;
 
-
  background-image: url("/wiki/images/f/f2/Peking2012_InnerBackground.png");
 
-
  background-attachment: scroll;
 
-
  background-position: 50% 0;
 
-
  background-repeat: repeat-y;
 
   overflow: hidden;
   overflow: hidden;
}
}
Line 57: Line 47:
/* Inner Environment (origin item) */
/* Inner Environment (origin item) */
-
#content ,
+
#content
 +
{
 +
  background-color: transparent;
 +
  background-image: url("/wiki/images/f/f2/Peking2012_InnerBackground.png");
 +
  background-attachment: scroll;
 +
  background-position: 50% 0;
 +
  background-repeat: repeat-y;
 +
  overflow: hidden;
 +
  border-style: none;
 +
}
#footer-box
#footer-box
{
{
Line 96: Line 95:
ul
ul
{
{
 +
  margin: 0;
 +
  padding: 0;
   list-style-image: none;
   list-style-image: none;
   list-style-type: none;
   list-style-type: none;
 +
}
 +
h3
 +
{
 +
  padding: 20px 30px 10px;
}
}
Line 150: Line 155:
   background-repeat: repeat-x;
   background-repeat: repeat-x;
   background-image: url(""); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); */
   background-image: url(""); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); */
-
   background-color: #01010d; /*#222222;*//*#221900;*//*#01010d;*/
+
   background-color: #0a011e; /*#222222;*//*#221900;*//*#01010d;*/ /*#0a011e;*/
   overflow: hidden;
   overflow: hidden;
   position: fixed;
   position: fixed;
Line 164: Line 169:
   z-index: 100;
   z-index: 100;
}
}
 +
#PKU_menubar *
 +
{
 +
  font-family: Free Sans, sans-serif;
 +
  font-size: 15px;
 +
  font-weight: bold;
 +
}
 +
#PKU_menubar a:link,
#PKU_menubar a:link,
#PKU_menubar a:visited
#PKU_menubar a:visited
Line 210: Line 222:
#PKU_banner_container
#PKU_banner_container
{
{
-
   padding: 5px 0 0 0;
+
   padding: 0;
   margin: 0 auto;
   margin: 0 auto;
   text-align: center;
   text-align: center;
Line 219: Line 231:
{
{
   width: 965px;
   width: 965px;
-
   height: 200px;
+
   height: 170px;
}
}
#PKU_banner_title
#PKU_banner_title
{
{
   width: 965px;
   width: 965px;
-
   height: 170px;
+
   height: 140px;
   position: absolute;
   position: absolute;
   top: 25px;
   top: 25px;
Line 248: Line 260:
{
{
   position: absolute;
   position: absolute;
-
   top: 224px;
+
   top: 190px;
   z-index: 1;
   z-index: 1;
}
}
Line 286: Line 298:
   border-style: solid;
   border-style: solid;
   background-color: transparent;
   background-color: transparent;
-
   padding: 2px;
+
   padding: 1px;
   margin: 15px;
   margin: 15px;
   text-align: center;
   text-align: center;
   font-family: sans-serif;
   font-family: sans-serif;
}
}
-
 
.PKU-block p
.PKU-block p
{
{
   font-size: 16px;
   font-size: 16px;
-
   padding: 30px 40px;
+
   padding: 10px 40px 30px;
   text-align: justify;
   text-align: justify;
}
}
Line 302: Line 313:
   text-align: left;
   text-align: left;
   font-size: 21px;
   font-size: 21px;
-
   padding: 30px 20px;
+
   padding: 30px 30px 10px;
}
}
-
.PKU-block.floatR p
+
 
 +
.PKU-block.floatL
{
{
-
   width: 580px;
+
   margin-right: 7px;
}
}
-
.PKU-block.floatL .pagetitle
+
.PKU-block.floatR
{
{
-
   width: 200px;
+
   margin-left: 7px;
-
  padding: 1px;
+
}
-
  margin: 1px;
+
.PKU-block.floatR p
-
  text-align: center;
+
{
-
   font-style: italic;
+
   width: 590px;
}
}
.PKU-block img ,
.PKU-block img ,
Line 320: Line 332:
{
{
   margin: 1px;
   margin: 1px;
-
   padding: 1px;
+
   padding: 0;
}
}
.PKU-block span
.PKU-block span
Line 329: Line 341:
   padding: 10px 10px;
   padding: 10px 10px;
   text-align: justify;
   text-align: justify;
 +
}
 +
#Subtitle img
 +
{
 +
  width: 220px;
 +
  height: 220px;
 +
}
 +
#Subsubtitle5
 +
{
 +
  margin: 15px 15px 15px 7px;
 +
  padding: 0;
 +
}
 +
#Subsubtitle5 li
 +
{
 +
  width: 668px;
 +
  height: 34px;
 +
  overflow: hidden;
 +
  padding: 1px;
 +
  margin: 0 0 6px 0;
}
}
Line 355: Line 385:
   color: #ffbfe7;
   color: #ffbfe7;
   border-color: #ffbfe7;
   border-color: #ffbfe7;
-
}
 
-
 
-
.PKU-block-bk
 
-
{
 
-
  filter: Alpha(Opacity=10%);
 
-
  -moz-opacity: 0.1;
 
-
  opacity: 0.1;
 
-
  padding: 20px 30px;
 
-
  z-index: 0;
 
-
}
 
-
.PKU-block-bk *
 
-
{
 
-
  filter: Alpha(Opacity=100%);
 
-
  -moz-opacity: 1;
 
-
  opacity: 1;
 
-
  padding: 20px 30px;
 
-
  z-index: 2;
 
-
}
 
-
 
-
.PKU-block-bk.y
 
-
{
 
-
  background-color: #fffa88;
 
-
  background-image: none;
 
-
}
 
-
.PKU-block-bk.g
 
-
{
 
-
  background-color: #afff88;
 
-
  background-image: none;
 
-
}
 
-
.PKU-block-bk.w
 
-
{
 
-
  background-color: #f8f7c9;
 
-
  background-image: none;
 
-
}
 
-
.PKU-block-bk.c
 
-
{
 
-
  background-color: #a0ffec;
 
-
  background-image: none;
 
-
}
 
-
.PKU-block-bk.r
 
-
{
 
-
  background-color: #ffafd7;
 
-
  background-image: none;
 
}
}
</style>
</style>
Line 505: Line 492:
<div id="PKU_banner_container">
<div id="PKU_banner_container">
-
  <img id="PKU_banner_image" src="/wiki/images/e/e7/Peking2012_BannerB.png" alt="banner" /> <!--src="/wiki/images/e/e7/Peking2012_BannerB.png" src="/wiki/images/3/31/Peking2012_BannerB_Yang.png" src="/wiki/images/4/4c/Peking2012_Banner_TitleY.png"-->
+
  <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" -->
  <div>
  <div>
   <ul id="PKU_banner_menu">
   <ul id="PKU_banner_menu">
   <li class="border">
   <li class="border">
-
     <img src="" 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="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
     <img class="show" src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" />
     <img class="show" src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" />
-
     <img class="show" src="/wiki/images/0/06/Peking2012_BannerMenuH_Home.png" alt="Home" />
+
     <img class="show" src="/wiki/images/b/b2/Peking2012_BannerMenu_Home_H.png" alt="Home" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Team" onmouseover="ButtonMouseOver(this);ShowSubmenuTeam();" onmouseout="ButtonMouseOut(this);WithdrawSubmenuTeam();" href="/Team:Peking/Team">
+
     <a id="PKU_banner_Team" onmouseover="ButtonMouseOver(this);ShowSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" href="/Team:Peking/Team">
     <img class="show" src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" />
     <img class="show" src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" />
-
     <img class="show" src="/wiki/images/3/34/Peking2012_BannerMenuH_Team.png" alt="Team" />
+
     <img class="show" src="/wiki/images/9/9d/Peking2012_BannerMenu_Team_H.png" alt="Team" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Project" onmouseover="ButtonMouseOver(this);ShowSubmenuProject();" onmouseout="ButtonMouseOut(this);WithdrawSubmenuProject();" href="/Team:Peking/Project">
+
     <a id="PKU_banner_Project" onmouseover="ButtonMouseOver(this);ShowSubmenuProject();" onmouseout="WithdrawSubmenuProject();" href="/Team:Peking/Project">
     <img class="show" src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" />
     <img class="show" src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" />
-
     <img class="show" src="/wiki/images/3/34/Peking2012_BannerMenuH_Project.png" alt="Project" />
+
     <img class="show" src="/wiki/images/b/b0/Peking2012_BannerMenu_Project_H.png" alt="Project" />
     </a>
     </a>
   </li>
   </li>
Line 532: Line 519:
     <a id="PKU_banner_Parts" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts">
     <a id="PKU_banner_Parts" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts">
     <img class="show" src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" />
     <img class="show" src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" />
-
     <img class="show" src="/wiki/images/f/ff/Peking2012_BannerMenuH_Parts.png" alt="Parts" />
+
     <img class="show" src="/wiki/images/f/fa/Peking2012_BannerMenu_Parts_H.png" alt="Parts" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_Modeling" onmouseover="ButtonMouseOver(this);ShowSubmenuModeling();" onmouseout="ButtonMouseOut(this);WithdrawSubmenuModeling();" href="/Team:Peking/Modeling">
+
     <a id="PKU_banner_Modeling" onmouseover="ButtonMouseOver(this);ShowSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" href="/Team:Peking/Modeling">
     <img class="show" src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" />
     <img class="show" src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" />
-
     <img class="show" src="/wiki/images/b/ba/Peking2012_BannerMenuH_Modeling.png" alt="Modeling" />
+
     <img class="show" src="/wiki/images/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="Modeling" />
     </a>
     </a>
   </li>
   </li>
   <li>
   <li>
-
     <a id="PKU_banner_HumanPractice" onmouseover="ButtonMouseOver(this);ShowSubmenuHumanPractice();" onmouseout="ButtonMouseOut(this);WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice">
+
     <a id="PKU_banner_HumanPractice" onmouseover="ButtonMouseOver(this);ShowSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice">
     <img class="show" src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" />
     <img class="show" src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" />
-
     <img class="show" src="/wiki/images/5/54/Peking2012_BannerMenuH_HumanPractice.png" alt="HumanPractice" />
+
     <img class="show" src="/wiki/images/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="HumanPractice" />
     </a>
     </a>
   </li>
   </li>
Line 550: Line 537:
     <a id="PKU_banner_Safety" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety">
     <a id="PKU_banner_Safety" onmouseover="ButtonMouseOver(this);HideSubmenuAll();" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety">
     <img class="show" src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" />
     <img class="show" src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" />
-
     <img class="show" src="/wiki/images/0/05/Peking2012_BannerMenuH_Safety.png" alt="Safety" />
+
     <img class="show" src="/wiki/images/0/08/Peking2012_BannerMenu_Safety_H.png" alt="Safety" />
     </a>
     </a>
   </li>
   </li>
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
Line 561: Line 548:
   <ul id="PKU_banner_Team_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
   <ul id="PKU_banner_Team_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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 class="show" src="/wiki/images/0/0c/Peking2012_BannerSubmenu_Team_Members.png" alt="Members" />
-
     <img class="show" src="/wiki/images/b/b5/Peking2012_BannerSubmenuH_Team_Members.png" alt="Members" />
+
     <img class="show" src="/wiki/images/a/a4/Peking2012_BannerSubmenu_Team_Members_H.png" alt="Members" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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 class="show" src="/wiki/images/3/3b/Peking2012_BannerSubmenu_Team_Attribution.png" alt="Attribution" />
-
     <img class="show" src="/wiki/images/f/f2/Peking2012_BannerSubmenuH_Team_Attribution.png" alt="Attribution" />
+
     <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Team_Attribution_H.png" alt="Attribution" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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 class="show" src="/wiki/images/a/a2/Peking2012_BannerSubmenu_Team_Diary.png" alt="Diary" />
-
     <img class="show" src="/wiki/images/f/f4/Peking2012_BannerSubmenuH_Team_Diary.png" alt="Diary" />
+
     <img class="show" src="/wiki/images/e/ef/Peking2012_BannerSubmenu_Team_Diary_H.png" alt="Diary" />
     </a>
     </a>
   </li>
   </li>
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
   <ul id="PKU_banner_Project_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" >
   <ul id="PKU_banner_Project_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" >
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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/SensitiveLuminanceSensor">
     <img class="show" src="/wiki/images/b/b6/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor.png" alt="Sensitive Luminance Sensor" />
     <img class="show" src="/wiki/images/b/b6/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor.png" alt="Sensitive Luminance Sensor" />
-
     <img class="show" src="/wiki/images/d/d4/Peking2012_BannerSubmenuH_Project_SensitiveLuminanceSensor.png" alt="Sensitive Luminance Sensor" />
+
     <img class="show" src="/wiki/images/c/cc/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor_H.png" alt="Sensitive Luminance Sensor" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/CellcellLightCommunication">
     <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/CellcellLightCommunication">
     <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_CellcellLightCommunication.png" alt="Cell-cell Light Communication" />
     <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_CellcellLightCommunication.png" alt="Cell-cell Light Communication" />
-
     <img class="show" src="/wiki/images/a/ab/Peking2012_BannerSubmenuH_Project_CellcellLightCommunication.png" alt="Cell-cell Light Communication" />
+
     <img class="show" src="/wiki/images/9/90/Peking2012_BannerSubmenu_Project_CellcellLightCommunication_H.png" alt="Cell-cell Light Communication" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <a id="PKU_banner_Project_OrthogonalChannelConstruction" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/OrthogonalChannelConstruction">
     <a id="PKU_banner_Project_OrthogonalChannelConstruction" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/OrthogonalChannelConstruction">
     <img class="show" src="/wiki/images/3/32/Peking2012_BannerSubmenu_Project_OrthogonalChannelConstruction.png" alt="Orthogonal Channel Construction" />
     <img class="show" src="/wiki/images/3/32/Peking2012_BannerSubmenu_Project_OrthogonalChannelConstruction.png" alt="Orthogonal Channel Construction" />
-
     <img class="show" src="/wiki/images/e/e2/Peking2012_BannerSubmenuH_Project_OrthogonalChannelConstruction.png" alt="Orthogonal Channel Construction" />
+
     <img class="show" src="/wiki/images/a/ab/Peking2012_BannerSubmenu_Project_OrthogonalChannelConstruction_H.png" alt="Orthogonal Channel Construction" />
     </a>
     </a>
   </li>
   </li>
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
   <ul id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
   <ul id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   <li class="sub4">
   <li class="sub4">
     <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/DesignLuminanceSensor">
     <img class="show" src="/wiki/images/7/73/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor.png" alt="Design Luminance Sensor" />
     <img class="show" src="/wiki/images/7/73/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor.png" alt="Design Luminance Sensor" />
-
     <img class="show" src="/wiki/images/1/15/Peking2012_BannerSubmenuH_Modeling_DesignLuminanceSensor.png" alt="Design Luminance Sensor" />
+
     <img class="show" src="/wiki/images/6/60/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor_H.png" alt="Design Luminance Sensor" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub4">
   <li class="sub4">
     <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/ControlCellsThroughLight">
     <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/ControlCellsThroughLight">
     <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight.png" alt="Control Cells through Light" />
     <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight.png" alt="Control Cells through Light" />
-
     <img class="show" src="/wiki/images/e/e1/Peking2012_BannerSubmenuH_Modeling_ControlCellsThroughLight.png" alt="Control Cells through Light" />
+
     <img class="show" src="/wiki/images/d/d8/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight_H.png" alt="Control Cells through Light" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub4">
   <li class="sub4">
     <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/MakeCellsTalkThroughLight">
     <img class="show" src="/wiki/images/3/3d/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight.png" alt="Make Cells Talk through Light" />
     <img class="show" src="/wiki/images/3/3d/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight.png" alt="Make Cells Talk through Light" />
-
     <img class="show" src="/wiki/images/b/bb/Peking2012_BannerSubmenuH_Modeling_MakeCellsTalkThroughLight.png" alt="Make Cells Talk through Light" />
+
     <img class="show" src="/wiki/images/f/f3/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight_H.png" alt="Make Cells Talk through Light" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub4">
   <li class="sub4">
     <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/SearchForNewChannel">
     <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/SearchForNewChannel">
     <img class="show" src="/wiki/images/0/09/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel.png" alt="Search for New Channel" />
     <img class="show" src="/wiki/images/0/09/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel.png" alt="Search for New Channel" />
-
     <img class="show" src="/wiki/images/e/eb/Peking2012_BannerSubmenuH_Modeling_SearchForNewChannel.png" alt="Search for New Channel" />
+
     <img class="show" src="/wiki/images/2/23/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel_H.png" alt="Search for New Channel" />
     </a>
     </a>
   </li>
   </li>
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
   <ul id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" >
   <ul id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" >
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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 class="show" src="/wiki/images/6/6c/Peking2012_BannerSubmenu_HumanPractice_SowingTomorrowSyntheticBiologists.png" alt="Sowing Tomorrow Synthetic Biologists" />
-
     <img class="show" src="/wiki/images/0/04/Peking2012_BannerSubmenuH_HumanPractice_SowingTomorrowSyntheticBiologists.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" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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/ReviewHistoryToLearnNew">
     <img class="show" src="/wiki/images/a/a3/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew.png" alt="Review History to Learn New" />
     <img class="show" src="/wiki/images/a/a3/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew.png" alt="Review History to Learn New" />
-
     <img class="show" src="/wiki/images/1/15/Peking2012_BannerSubmenuH_HumanPractice_ReviewHistoryToLearnNew.png" alt="Review History to Learn New" />
+
     <img class="show" src="/wiki/images/f/f8/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew_H.png" alt="Review History to Learn New" />
     </a>
     </a>
   </li>
   </li>
   <li class="divide">
   <li class="divide">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
   </li>
   </li>
   <li class="sub3">
   <li class="sub3">
     <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 class="show" src="/wiki/images/3/3c/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop.png" alt="Outreach and Workshop" />
-
     <img class="show" src="/wiki/images/2/20/Peking2012_BannerSubmenuH_HumanPractice_OutreachAndWorkshop.png" alt="Outreach and Workshop" />
+
     <img class="show" src="/wiki/images/9/97/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop_H.png" alt="Outreach and Workshop" />
     </a>
     </a>
   </li>
   </li>
   <li class="border">
   <li class="border">
-
     <img src="" alt="|" >
+
     <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
Line 734: Line 721:
function HideSubmenuAll()
function HideSubmenuAll()
{
{
-
   SubmenuHeight_Des_Team = 0;
+
   HideSubmenuTeam();
-
  document.getElementById("PKU_banner_Team_submenu").style.zIndex = 1;
+
   HideSubmenuProject();
-
   if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team);
+
   HideSubmenuModeling();
-
   handleSubmenu_Team = null;
+
   HideSubmenuHumanPractice();
-
  SubmenuHeight_Des_Project = 0;
+
-
  document.getElementById("PKU_banner_Project_submenu").style.zIndex = 1;
+
-
   if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project);
+
-
  handleSubmenu_Project = null;
+
-
  SubmenuHeight_Des_Modeling = 0;
+
-
  document.getElementById("PKU_banner_Modeling_submenu").style.zIndex = 1;
+
-
  if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling);
+
-
  handleSubmenu_Modeling = null;
+
-
  SubmenuHeight_Des_HumanPractice = 0;
+
-
  document.getElementById("PKU_banner_HumanPractice_submenu").style.zIndex = 1;
+
-
  if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice);
+
-
  handleSubmenu_HumanPractice = null;
+
}
}
Line 757: Line 732:
   SubmenuHeight_Des_Team = 1;
   SubmenuHeight_Des_Team = 1;
   document.getElementById("PKU_banner_Team_submenu").style.zIndex = 2;
   document.getElementById("PKU_banner_Team_submenu").style.zIndex = 2;
-
   SubmenuHeight_Des_Project = 0;
+
   HideSubmenuProject();
-
   SubmenuHeight_Des_Modeling = 0;
+
   HideSubmenuModeling();
-
   SubmenuHeight_Des_HumanPractice = 0;
+
   HideSubmenuHumanPractice();
}
}
function HideSubmenuTeam()
function HideSubmenuTeam()
Line 767: Line 742:
   if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team);
   if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team);
   handleSubmenu_Team = null;
   handleSubmenu_Team = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Team"));
}
}
function WithdrawSubmenuTeam()
function WithdrawSubmenuTeam()
Line 786: Line 762:
   SubmenuHeight_Des_Project = 1;
   SubmenuHeight_Des_Project = 1;
   document.getElementById("PKU_banner_Project_submenu").style.zIndex = 2;
   document.getElementById("PKU_banner_Project_submenu").style.zIndex = 2;
-
   SubmenuHeight_Des_Team = 0;
+
   HideSubmenuTeam();
-
   SubmenuHeight_Des_Modeling = 0;
+
   HideSubmenuModeling();
-
   SubmenuHeight_Des_HumanPractice = 0;
+
   HideSubmenuHumanPractice();
}
}
function HideSubmenuProject()
function HideSubmenuProject()
Line 796: Line 772:
   if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project);
   if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project);
   handleSubmenu_Project = null;
   handleSubmenu_Project = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Project"));
}
}
function WithdrawSubmenuProject()
function WithdrawSubmenuProject()
Line 815: Line 792:
   SubmenuHeight_Des_Modeling = 1;
   SubmenuHeight_Des_Modeling = 1;
   document.getElementById("PKU_banner_Modeling_submenu").style.zIndex = 2;
   document.getElementById("PKU_banner_Modeling_submenu").style.zIndex = 2;
-
   SubmenuHeight_Des_Project = 0;
+
   HideSubmenuProject();
-
   SubmenuHeight_Des_Team = 0;
+
   HideSubmenuTeam();
-
   SubmenuHeight_Des_HumanPractice = 0;
+
   HideSubmenuHumanPractice();
}
}
function HideSubmenuModeling()
function HideSubmenuModeling()
Line 825: Line 802:
   if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling);
   if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling);
   handleSubmenu_Modeling = null;
   handleSubmenu_Modeling = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
}
}
function WithdrawSubmenuModeling()
function WithdrawSubmenuModeling()
Line 844: Line 822:
   SubmenuHeight_Des_HumanPractice = 1;
   SubmenuHeight_Des_HumanPractice = 1;
   document.getElementById("PKU_banner_HumanPractice_submenu").style.zIndex = 2;
   document.getElementById("PKU_banner_HumanPractice_submenu").style.zIndex = 2;
-
   SubmenuHeight_Des_Project = 0;
+
   HideSubmenuProject();
-
   SubmenuHeight_Des_Modeling = 0;
+
   HideSubmenuModeling();
-
   SubmenuHeight_Des_Team = 0;
+
   HideSubmenuTeam();
}
}
function HideSubmenuHumanPractice()
function HideSubmenuHumanPractice()
Line 854: Line 832:
   if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice);
   if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice);
   handleSubmenu_HumanPractice = null;
   handleSubmenu_HumanPractice = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
}
}
function WithdrawSubmenuHumanPractice()
function WithdrawSubmenuHumanPractice()
Line 879: Line 858:
   tmp = document.getElementById("PKU_banner_Team_submenu");
   tmp = document.getElementById("PKU_banner_Team_submenu");
   tmp.style.height = SubmenuHeight_Cur_Team * 30 + "px";
   tmp.style.height = SubmenuHeight_Cur_Team * 30 + "px";
-
  tmp.style.top = 194 + SubmenuHeight_Cur_Team * 30 + "px";
 
   tmp = document.getElementById("PKU_banner_Project_submenu");
   tmp = document.getElementById("PKU_banner_Project_submenu");
   tmp.style.height = SubmenuHeight_Cur_Project * 30 + "px";
   tmp.style.height = SubmenuHeight_Cur_Project * 30 + "px";
-
  tmp.style.top = 194 + SubmenuHeight_Cur_Project * 30 + "px";
 
   tmp = document.getElementById("PKU_banner_Modeling_submenu");
   tmp = document.getElementById("PKU_banner_Modeling_submenu");
   tmp.style.height = SubmenuHeight_Cur_Modeling * 30 + "px";
   tmp.style.height = SubmenuHeight_Cur_Modeling * 30 + "px";
-
  tmp.style.top = 194 + SubmenuHeight_Cur_Modeling * 30 + "px";
 
   tmp = document.getElementById("PKU_banner_HumanPractice_submenu");
   tmp = document.getElementById("PKU_banner_HumanPractice_submenu");
   tmp.style.height = SubmenuHeight_Cur_HumanPractice * 30 + "px";
   tmp.style.height = SubmenuHeight_Cur_HumanPractice * 30 + "px";
-
  tmp.style.top = 194 + SubmenuHeight_Cur_HumanPractice * 30 + "px";
 
}
}
Line 897: Line 872:
</script>
</script>
-
 
</html>
</html>
-
 
-
<!-- Other Source -->
 
-
<!-- /wiki/images/4/49/Peking2012_Banner_Yang_Title_HumanPractice.png -->
 
-
<!-- /wiki/images/2/2d/Peking2012_Banner_Yang_Title_Modeling.png -->
 
-
<!-- /wiki/images/1/10/Peking2012_Banner_Yang_Title_Parts.png -->
 
-
<!-- /wiki/images/0/01/Peking2012_Banner_Yang_Title_Project.png -->
 
-
<!-- /wiki/images/8/88/Peking2012_Banner_Yang_Title_Safety.png -->
 
-
<!-- /wiki/images/4/45/Peking2012_Banner_Yang_Title_Team.png -->
 

Latest revision as of 12:16, 11 August 2012

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