Template:Peking2012 CSS

From 2012.igem.org

(Difference between revisions)
m
m
 
(94 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<style type="text/css">
/*
/*
Line 10: Line 10:
body /* UltraGlobal Environment (origin item) */
body /* UltraGlobal Environment (origin item) */
{
{
-
   background-color: #222222; /* #391f0e; */
+
   background-color: #01010d; /*#222222;*//*#221900;*//*#01010d;*/
}
}
#blank ,
#blank ,
Line 25: Line 25:
{
{
   background-color: #222222;
   background-color: #222222;
-
   background-attachment: absolute;
+
   background-attachment: scroll;
   background-position: 50% 0;
   background-position: 50% 0;
   background-repeat: repeat;
   background-repeat: repeat;
-
   background-image: url("/wiki/images/6/63/Peking2012_BackPattern.png"); /* url("/wiki/images/3/34/Peking2012_EcoliBgCycleBrown.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;
   overflow: hidden;
}
}
Line 47: 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 61: Line 70:
#content a:hover
#content a:hover
{
{
-
   color: #83e3ff;
+
   color: #b3f3ff;
 +
  display: inline;
 +
}
 +
#content a:link,
 +
#content a:visited
 +
{
 +
  text-decoration: none;
 +
}
 +
#content a:hover,
 +
#content a:active
 +
{
 +
  text-decoration: underline;
}
}
Line 69: Line 89:
{
{
   color: #e8e7b9;
   color: #e8e7b9;
-
}
 
-
 
-
a, a:hover
 
-
{
 
   text-decoration: none;
   text-decoration: none;
   display: inline;
   display: inline;
}
}
 +
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 87: Line 110:
   text-align: center;
   text-align: center;
   margin: 0 auto;
   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;
 +
}
 +
.show-text
 +
{
 +
  display: inline;
}
}
/* Special Construction */
/* Special Construction */
 +
 +
  /***--- Top MenuBar ---***/
#PKU_menubar
#PKU_menubar
{
{
   background-attachment: fixed;
   background-attachment: fixed;
   background-repeat: repeat-x;
   background-repeat: repeat-x;
-
   background-image: url("/wiki/images/6/63/Peking2012_BackPattern.png");
+
   background-image: url(""); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); */
-
   background-color: #222222; /* #2f2000; */
+
   background-color: #0a011e; /*#222222;*//*#221900;*//*#01010d;*/ /*#0a011e;*/
   overflow: hidden;
   overflow: hidden;
   position: fixed;
   position: fixed;
Line 107: Line 167:
   font-weight: bold;
   font-weight: bold;
   line-height: 20px;
   line-height: 20px;
 +
  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 151: Line 219:
}
}
 +
  /***--- Top Banner ---***/
 +
#PKU_banner_container
 +
{
 +
  padding: 0;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  clear: both;
 +
  position: static;
 +
}
 +
#PKU_banner_image
 +
{
 +
  width: 965px;
 +
  height: 170px;
 +
}
 +
#PKU_banner_title
 +
{
 +
  width: 965px;
 +
  height: 140px;
 +
  position: absolute;
 +
  top: 25px;
 +
  padding-left: 50px;
 +
}
 +
 +
  /***--- Top Navigator ---***/
 +
#PKU_banner_menu ,
 +
.PKU_banner_submenu
 +
{
 +
  overflow: hidden;
 +
  width: 965px;
 +
  height: 30px;
 +
  padding: 0;
 +
  margin: 0 auto;
 +
}
 +
#PKU_banner_menu
 +
{
 +
  position: relative;
 +
  top: -30px;
 +
}
 +
.PKU_banner_submenu
 +
{
 +
  position: absolute;
 +
  top: 190px;
 +
  z-index: 1;
 +
}
 +
#PKU_banner_menu li ,
 +
.PKU_banner_submenu li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  width: 137px;
 +
  height: 30px;
 +
}
 +
#PKU_banner_menu li.border ,
 +
.PKU_banner_submenu li.border
 +
{
 +
  width: 3px;
 +
}
 +
.PKU_banner_submenu li.divide
 +
{
 +
  width: 1px;
 +
}
 +
.PKU_banner_submenu li.sub3
 +
{
 +
  width: 319px;
 +
}
 +
.PKU_banner_submenu li.sub4
 +
{
 +
  width: 239px;
 +
}
 +
 +
  /***--- Bottom Navigator ---***/
 +
 +
  /***--- Block Style ---***/
.PKU-block
.PKU-block
{
{
Line 156: 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;
}
}
-
 
.PKU-block p
.PKU-block p
{
{
-
   padding: 15px;
+
  font-size: 16px;
 +
   padding: 10px 40px 30px;
   text-align: justify;
   text-align: justify;
}
}
-
.PKU-block img
+
.PKU-block h3
{
{
-
   margin: 1px;
+
   text-align: left;
-
   padding: 1px;
+
  font-size: 21px;
 +
   padding: 30px 30px 10px;
}
}
-
.PKU-block span
+
 
 +
.PKU-block.floatL
{
{
-
   text-align: center;
+
   margin-right: 7px;
-
  font-size: small;
+
-
  margin: 1px;
+
-
  padding: 1px;
+
}
}
-
 
+
.PKU-block.floatR
-
.y
+
{
{
-
   color: #ffea00;
+
   margin-left: 7px;
-
  border-color: #ffea00;
+
}
}
-
.g
+
.PKU-block.floatR p
{
{
-
   color: #4fee00;
+
   width: 590px;
-
  border-color: #4fee00;
+
}
}
-
.w
+
.PKU-block img ,
 +
.PKU-block object
{
{
-
   color: #e8e7b9;
+
   margin: 1px;
-
   border-color: #e8e7b9;
+
   padding: 0;
}
}
-
.c
+
.PKU-block span
{
{
-
   color: #a0ffec;
+
   font-style: italic;
-
   border-color: #a0ffec;
+
  font-size: 12px;
 +
  margin: 1px;
 +
  padding: 10px 10px;
 +
   text-align: justify;
}
}
-
.r
+
#Subtitle img
{
{
-
   color: #ffafd7;
+
   width: 220px;
-
   border-color: #ffafd7;
+
   height: 220px;
}
}
-
 
+
#Subsubtitle5
-
.PKU-block-bk
+
{
{
-
   filter: Alpha(Opacity=20%, FinishOpacity=10%);
+
   margin: 15px 15px 15px 7px;
-
   -moz-opacity: 0.1;
+
   padding: 0;
-
   opacity: 0.1;
+
}
-
   padding: 20px 30px;
+
#Subsubtitle5 li
 +
{
 +
   width: 668px;
 +
  height: 34px;
 +
  overflow: hidden;
 +
   padding: 1px;
 +
  margin: 0 0 6px 0;
}
}
-
.PKU-block-bk.y
+
.y
{
{
-
   background-color: #ffea00;
+
   color: #fffa88;
-
   background-image: none;
+
   border-color: #fffa88;
}
}
-
.PKU-block-bk.g
+
.g
{
{
-
   background-color: #4fee00;
+
   color: #afff58;
-
   background-image: none;
+
   border-color: #afff58;
}
}
-
.PKU-block-bk.w
+
.w
{
{
-
   background-color: #e8e7b9;
+
   color: #f8f7c9;
-
   background-image: none;
+
   border-color: #f8f7c9;
}
}
-
.PKU-block-bk.c
+
.c
{
{
-
   background-color: #a0ffec;
+
   color: #a0ffec;
-
   background-image: none;
+
   border-color: #a0ffec;
}
}
-
.PKU-block-bk.r
+
.r
{
{
-
   background-color: #ffafd7;
+
   color: #ffbfe7;
-
   background-image: none;
+
   border-color: #ffbfe7;
}
}
-
 
</style>
</style>
<ul id="PKU_menubar" class="noprint">
<ul id="PKU_menubar" class="noprint">
   <li id="PKU_menubar_iGEM" class="PKU_menubar_left" >
   <li id="PKU_menubar_iGEM" class="PKU_menubar_left" >
-
     <a id="PKU_menubar_iGEM_img" href="/Main_Page"><img src="/wiki/images/2/27/Peking2012_iGEM18.png" alt="iGEM Home" /></a>
+
     <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 id="PKU_menubar_iGEM_span" href="/Main_Page" >iGEM</a>
+
     <a id="PKU_menubar_iGEM_span" href="/Main_Page" title="iGEM Home Page" >iGEM</a>
   </li>
   </li>
   <li id="PKU_menubar_ViewSource" class="PKU_menubar_left" >
   <li id="PKU_menubar_ViewSource" class="PKU_menubar_left" >
-
     <a id="PKU_menubar_ViewSource_img" href="#"><img src="/wiki/images/7/7e/Peking2012_ViewSource18.png" alt="View source" /></a>
+
     <a id="PKU_menubar_ViewSource_img" href="#" title="View Page Source"><img src="/wiki/images/7/7e/Peking2012_ViewSource18.png" alt="View source" /></a>
-
     <a id="PKU_menubar_ViewSource_span" href="#" >View source</a>
+
     <a id="PKU_menubar_ViewSource_span" href="#" title="View Page Source" >View source</a>
   </li>
   </li>
   <li id="PKU_menubar_Watch" class="PKU_menubar_left" >
   <li id="PKU_menubar_Watch" class="PKU_menubar_left" >
-
     <a id="PKU_menubar_Watch_img" href="#"><img src="/wiki/images/3/31/Peking2012_Watch18.png" alt="Watch" /></a>
+
     <a id="PKU_menubar_Watch_img" href="#" title="Watch this Page"><img src="/wiki/images/3/31/Peking2012_Watch18.png" alt="Watch" /></a>
-
     <a id="PKU_menubar_Watch_span" href="#" >Watch</a>
+
     <a id="PKU_menubar_Watch_span" href="#" title="Watch this Page" >Watch</a>
   </li>
   </li>
   <li id="PKU_menubar_Unwatch" class="PKU_menubar_left" >
   <li id="PKU_menubar_Unwatch" class="PKU_menubar_left" >
-
     <a id="PKU_menubar_Unwatch_img" href="#"><img src="/wiki/images/d/d5/Peking2012_Unwatch18.png" alt="Unwatch" /></a>
+
     <a id="PKU_menubar_Unwatch_img" href="#" title="Cancel Watching State"><img src="/wiki/images/d/d5/Peking2012_Unwatch18.png" alt="Unwatch" /></a>
-
     <a id="PKU_menubar_Unwatch_span" href="#" >Unwatch</a>
+
     <a id="PKU_menubar_Unwatch_span" href="#" title="Cancel Watching State" >Unwatch</a>
   </li>
   </li>
   <li id="PKU_menubar_History" class="PKU_menubar_left" >
   <li id="PKU_menubar_History" class="PKU_menubar_left" >
-
     <a id="PKU_menubar_History_img" href="#"><img src="/wiki/images/b/bc/Peking2012_History18.png" alt="History" /></a>
+
     <a id="PKU_menubar_History_img" href="#" title="View Page History"><img src="/wiki/images/b/bc/Peking2012_History18.png" alt="History" /></a>
-
     <a id="PKU_menubar_History_span" href="#" >History</a>
+
     <a id="PKU_menubar_History_span" href="#" title="View Page History" >History</a>
   </li>
   </li>
   <li id="PKU_menubar_LogOut" class="PKU_menubar_right" >
   <li id="PKU_menubar_LogOut" class="PKU_menubar_right" >
-
     <a id="PKU_menubar_LogOut_img" href="#"><img src="/wiki/images/1/10/Peking2012_LogOut18.png" alt="Log out" /></a>
+
     <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="#" >Log out</a>
+
     <a id="PKU_menubar_LogOut_span" href="#" title="Bye!" >Log out</a>
   </li>
   </li>
   <li id="PKU_menubar_LogIn" class="PKU_menubar_right" >
   <li id="PKU_menubar_LogIn" class="PKU_menubar_right" >
-
     <a id="PKU_menubar_LogIn_img" href="#"><img src="/wiki/images/a/a8/Peking2012_LogIn18.png" alt="Log in" /></a>
+
     <a id="PKU_menubar_LogIn_img" href="#" title="Hello!"><img src="/wiki/images/a/a8/Peking2012_LogIn18.png" alt="Log in" /></a>
-
     <a id="PKU_menubar_LogIn_span" href="#" >Log in</a>
+
     <a id="PKU_menubar_LogIn_span" href="#" title="Hello!" >Log in</a>
   </li>
   </li>
   <li id="PKU_menubar_Account" class="PKU_menubar_right" >
   <li id="PKU_menubar_Account" class="PKU_menubar_right" >
-
     <a id="PKU_menubar_Account_img" href="https://igem.org/User_Information"><img src="/wiki/images/6/64/Peking2012_Account18.png" alt="Account" /></a>
+
     <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>
-
     <a id="PKU_menubar_Account_span" href="https://igem.org/User_Information" >Account</a>
+
     <a id="PKU_menubar_Account_span" href="https://igem.org/User_Information" title="My Profile" >Account</a>
   </li>
   </li>
   <li id="PKU_menubar_User" class="PKU_menubar_right" >
   <li id="PKU_menubar_User" class="PKU_menubar_right" >
-
     <a id="PKU_menubar_User_img" href="#"><img src="/wiki/images/0/0e/Peking2012_User18.png" alt="User" /></a>
+
     <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="#" ></a>
+
     <a id="PKU_menubar_User_span" href="#" title="My Page" ></a>
   </li>
   </li>
</ul>
</ul>
-
<div id="blank"><pre style="width:100%;height:20px;">&#32;</pre></div>
+
<!--<div id="blank"><pre style="width:100%;height:20px;">&#32;</pre></div>-->
<script type="text/javascript" >
<script type="text/javascript" >
 +
/*
 +
* Peking 2012 TopBar
 +
* by Sun Sibai
 +
* E-mail: sun.niasw@gmail.com
 +
*/
var thispage = document.location.toString().slice("https://2012.igem.org/".length); /* relative location */
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_ViewSource_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=edit';
Line 336: Line 488:
   document.getElementById('PKU_menubar_Unwatch').style.display='none';
   document.getElementById('PKU_menubar_Unwatch').style.display='none';
}
}
 +
 +
</script>
 +
 +
<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" -->
 +
<div>
 +
  <ul id="PKU_banner_menu">
 +
  <li class="border">
 +
    <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
 +
  </li>
 +
  <li>
 +
    <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/b/b2/Peking2012_BannerMenu_Home_H.png" alt="Home" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <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/9/9d/Peking2012_BannerMenu_Team_H.png" alt="Team" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <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/b/b0/Peking2012_BannerMenu_Project_H.png" alt="Project" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <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/fa/Peking2012_BannerMenu_Parts_H.png" alt="Parts" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <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/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="Modeling" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <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/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="HumanPractice" />
 +
    </a>
 +
  </li>
 +
  <li>
 +
    <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/0/08/Peking2012_BannerMenu_Safety_H.png" alt="Safety" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
 +
  </li>
 +
  </ul>
 +
</div>
 +
<div>
 +
  <ul id="PKU_banner_Team_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/a/a4/Peking2012_BannerSubmenu_Team_Members_H.png" alt="Members" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/f/f5/Peking2012_BannerSubmenu_Team_Attribution_H.png" alt="Attribution" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/e/ef/Peking2012_BannerSubmenu_Team_Diary_H.png" alt="Diary" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  </ul>
 +
  <ul id="PKU_banner_Project_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" >
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/c/cc/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor_H.png" alt="Sensitive Luminance Sensor" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/9/90/Peking2012_BannerSubmenu_Project_CellcellLightCommunication_H.png" alt="Cell-cell Light Communication" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/a/ab/Peking2012_BannerSubmenu_Project_OrthogonalChannelConstruction_H.png" alt="Orthogonal Channel Construction" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  </ul>
 +
  <ul id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  <li class="sub4">
 +
    <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/6/60/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor_H.png" alt="Design Luminance Sensor" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub4">
 +
    <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/d/d8/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight_H.png" alt="Control Cells through Light" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub4">
 +
    <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/f/f3/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight_H.png" alt="Make Cells Talk through Light" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub4">
 +
    <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/2/23/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel_H.png" alt="Search for New Channel" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  </ul>
 +
  <ul id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" onmouseover="HoldSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" >
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/8/83/Peking2012_BannerSubmenu_HumanPractice_SowingTomorrowSyntheticBiologists_H.png" alt="Sowing Tomorrow Synthetic Biologists" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/f/f8/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew_H.png" alt="Review History to Learn New" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="/wiki/images/2/2f/Peking2012_BannerSubmenu_Gap.png" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <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/9/97/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop_H.png" alt="Outreach and Workshop" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="/wiki/images/d/d4/Peking2012_BannerSubmenu_Side.png" alt="|" >
 +
  </li>
 +
  </ul>
 +
</div>
 +
</div>
 +
 +
<script type="text/javascript" >
 +
/*
 +
* Peking 2012 MenuBar
 +
* by Sun Sibai
 +
* E-mail: sun.niasw@gmail.com
 +
*/
 +
function ButtonMouseOver(objPointer)
 +
{
 +
  var Img = objPointer.getElementsByTagName("img");
 +
  Img[1].style.display = "block";
 +
  Img[0].style.display = "none";
 +
}
 +
 +
function ButtonMouseOut(objPointer)
 +
{
 +
  var Img = objPointer.getElementsByTagName("img");
 +
  Img[0].style.display = "block";
 +
  Img[1].style.display = "none";
 +
}
 +
 +
var SubmenuHeight_Des_Team = 0; //Destination
 +
var SubmenuHeight_Cur_Team = 0; //Current Val
 +
var SubmenuHeight_Des_Project = 0; //Destination
 +
var SubmenuHeight_Cur_Project = 0; //Current Val
 +
var SubmenuHeight_Des_Modeling = 0; //Destination
 +
var SubmenuHeight_Cur_Modeling = 0; //Current Val
 +
var SubmenuHeight_Des_HumanPractice = 0; //Destination
 +
var SubmenuHeight_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()
 +
{
 +
  HideSubmenuTeam();
 +
  HideSubmenuProject();
 +
  HideSubmenuModeling();
 +
  HideSubmenuHumanPractice();
 +
}
 +
 +
function ShowSubmenuTeam()
 +
{
 +
  HoldSubmenuTeam();
 +
  SubmenuHeight_Des_Team = 1;
 +
  document.getElementById("PKU_banner_Team_submenu").style.zIndex = 2;
 +
  HideSubmenuProject();
 +
  HideSubmenuModeling();
 +
  HideSubmenuHumanPractice();
 +
}
 +
function HideSubmenuTeam()
 +
{
 +
  SubmenuHeight_Des_Team = 0;
 +
  document.getElementById("PKU_banner_Team_submenu").style.zIndex = 1;
 +
  if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team);
 +
  handleSubmenu_Team = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Team"));
 +
}
 +
function WithdrawSubmenuTeam()
 +
{
 +
  handleSubmenu_Team = setTimeout("HideSubmenuTeam();",1000);
 +
}
 +
function HoldSubmenuTeam()
 +
{
 +
  if (handleSubmenu_Team)
 +
  {
 +
    clearTimeout(handleSubmenu_Team);
 +
    handleSubmenu_Team = null;
 +
  }
 +
}
 +
 +
function ShowSubmenuProject()
 +
{
 +
  HoldSubmenuProject();
 +
  SubmenuHeight_Des_Project = 1;
 +
  document.getElementById("PKU_banner_Project_submenu").style.zIndex = 2;
 +
  HideSubmenuTeam();
 +
  HideSubmenuModeling();
 +
  HideSubmenuHumanPractice();
 +
}
 +
function HideSubmenuProject()
 +
{
 +
  SubmenuHeight_Des_Project = 0;
 +
  document.getElementById("PKU_banner_Project_submenu").style.zIndex = 1;
 +
  if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project);
 +
  handleSubmenu_Project = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Project"));
 +
}
 +
function WithdrawSubmenuProject()
 +
{
 +
  handleSubmenu_Project = setTimeout("HideSubmenuProject();",1000);
 +
}
 +
function HoldSubmenuProject()
 +
{
 +
  if (handleSubmenu_Project)
 +
  {
 +
    clearTimeout(handleSubmenu_Project);
 +
    handleSubmenu_Project = null;
 +
  }
 +
}
 +
 +
function ShowSubmenuModeling()
 +
{
 +
  HoldSubmenuModeling();
 +
  SubmenuHeight_Des_Modeling = 1;
 +
  document.getElementById("PKU_banner_Modeling_submenu").style.zIndex = 2;
 +
  HideSubmenuProject();
 +
  HideSubmenuTeam();
 +
  HideSubmenuHumanPractice();
 +
}
 +
function HideSubmenuModeling()
 +
{
 +
  SubmenuHeight_Des_Modeling = 0;
 +
  document.getElementById("PKU_banner_Modeling_submenu").style.zIndex = 1;
 +
  if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling);
 +
  handleSubmenu_Modeling = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
 +
}
 +
function WithdrawSubmenuModeling()
 +
{
 +
  handleSubmenu_Modeling = setTimeout("HideSubmenuModeling();",1000);
 +
}
 +
function HoldSubmenuModeling()
 +
{
 +
  if (handleSubmenu_Modeling)
 +
  {
 +
    clearTimeout(handleSubmenu_Modeling);
 +
    handleSubmenu_Modeling = null;
 +
  }
 +
}
 +
 +
function ShowSubmenuHumanPractice()
 +
{
 +
  HoldSubmenuHumanPractice();
 +
  SubmenuHeight_Des_HumanPractice = 1;
 +
  document.getElementById("PKU_banner_HumanPractice_submenu").style.zIndex = 2;
 +
  HideSubmenuProject();
 +
  HideSubmenuModeling();
 +
  HideSubmenuTeam();
 +
}
 +
function HideSubmenuHumanPractice()
 +
{
 +
  SubmenuHeight_Des_HumanPractice = 0;
 +
  document.getElementById("PKU_banner_HumanPractice_submenu").style.zIndex = 1;
 +
  if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice);
 +
  handleSubmenu_HumanPractice = null;
 +
  ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
 +
}
 +
function WithdrawSubmenuHumanPractice()
 +
{
 +
  handleSubmenu_HumanPractice = setTimeout("HideSubmenuHumanPractice();",1000);
 +
}
 +
function HoldSubmenuHumanPractice()
 +
{
 +
  if (handleSubmenu_HumanPractice)
 +
  {
 +
    clearTimeout(handleSubmenu_HumanPractice);
 +
    handleSubmenu_HumanPractice = null;
 +
  }
 +
}
 +
 +
function FreshSubmenuHeight()
 +
{
 +
  SubmenuHeight_Cur_Team += ( SubmenuHeight_Des_Team - SubmenuHeight_Cur_Team ) * 0.35;
 +
  SubmenuHeight_Cur_Project += ( SubmenuHeight_Des_Project - SubmenuHeight_Cur_Project ) * 0.35;
 +
  SubmenuHeight_Cur_Modeling += ( SubmenuHeight_Des_Modeling - SubmenuHeight_Cur_Modeling ) * 0.35;
 +
  SubmenuHeight_Cur_HumanPractice += ( SubmenuHeight_Des_HumanPractice - SubmenuHeight_Cur_HumanPractice ) * 0.35;
 +
 
 +
  var tmp;
 +
 +
  tmp = document.getElementById("PKU_banner_Team_submenu");
 +
  tmp.style.height = SubmenuHeight_Cur_Team * 30 + "px";
 +
 +
  tmp = document.getElementById("PKU_banner_Project_submenu");
 +
  tmp.style.height = SubmenuHeight_Cur_Project * 30 + "px";
 +
 +
  tmp = document.getElementById("PKU_banner_Modeling_submenu");
 +
  tmp.style.height = SubmenuHeight_Cur_Modeling * 30 + "px";
 +
 +
  tmp = document.getElementById("PKU_banner_HumanPractice_submenu");
 +
  tmp.style.height = SubmenuHeight_Cur_HumanPractice * 30 + "px";
 +
}
 +
 +
var handleFreshSubmenuHeight = setInterval("FreshSubmenuHeight();",50);
</script>
</script>
</html>
</html>

Latest revision as of 12:16, 11 August 2012

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