Template:Peking2012 CSS
From 2012.igem.org
(Difference between revisions)
m |
m |
||
(114 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: # | + | background-color: #01010d; /*#222222;*//*#221900;*//*#01010d;*/ |
+ | } | ||
+ | #blank , | ||
+ | #blank * | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: url(""); | ||
+ | border-style: none; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
} | } | ||
#globalWrapper /* Global Environment (origin item) */ | #globalWrapper /* Global Environment (origin item) */ | ||
{ | { | ||
- | background-color: # | + | background-color: #222222; |
- | background-attachment: | + | background-attachment: scroll; |
background-position: 50% 0; | background-position: 50% 0; | ||
background-repeat: repeat; | background-repeat: repeat; | ||
- | background-image: 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 38: | 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 48: | Line 66: | ||
{ | { | ||
display: none; | display: none; | ||
+ | } | ||
+ | #content a, | ||
+ | #content a:hover | ||
+ | { | ||
+ | color: #b3f3ff; | ||
+ | display: inline; | ||
+ | } | ||
+ | #content a:link, | ||
+ | #content a:visited | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #content a:hover, | ||
+ | #content a:active | ||
+ | { | ||
+ | text-decoration: underline; | ||
} | } | ||
Line 59: | Line 93: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
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; | ||
+ | } | ||
+ | |||
+ | /* Common Environment */ | ||
+ | .center | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .floatL | ||
+ | { | ||
+ | float: left; | ||
+ | clear: left; | ||
+ | } | ||
+ | .floatR | ||
+ | { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | } | ||
+ | .floatC | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | float: none; | ||
+ | clear: both; | ||
+ | } | ||
+ | .blank | ||
+ | { | ||
+ | filter: Alpha(Opacity=0%); | ||
+ | -moz-opacity: 0; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .hidden | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .show | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .show-text | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | /* 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(""); | + | background-image: url(""); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); */ |
- | background-color: # | + | background-color: #0a011e; /*#222222;*//*#221900;*//*#01010d;*/ /*#0a011e;*/ |
overflow: hidden; | overflow: hidden; | ||
position: fixed; | position: fixed; | ||
- | padding: | + | padding: 0; |
- | margin: | + | margin: 0 auto; |
- | top: | + | top: 0; |
- | + | ||
width: 965px; | width: 965px; | ||
height: 20px; | height: 20px; | ||
Line 88: | 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 106: | Line 193: | ||
float: left; | float: left; | ||
clear: none; | clear: none; | ||
- | padding: | + | padding: 0 30px 0 5px; |
- | margin: | + | margin: 0; |
} | } | ||
.PKU_menubar_right | .PKU_menubar_right | ||
Line 113: | Line 200: | ||
float: right; | float: right; | ||
clear: none; | clear: none; | ||
- | padding: | + | padding: 0 5px 0 30px; |
- | margin: | + | margin: 0; |
} | } | ||
#PKU_menubar_Watch , | #PKU_menubar_Watch , | ||
Line 132: | 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 137: | Line 298: | ||
border-style: solid; | border-style: solid; | ||
background-color: transparent; | background-color: transparent; | ||
- | padding: | + | padding: 1px; |
+ | margin: 15px; | ||
+ | text-align: center; | ||
+ | font-family: sans-serif; | ||
} | } | ||
- | .PKU-block | + | .PKU-block p |
{ | { | ||
- | + | font-size: 16px; | |
- | + | padding: 10px 40px 30px; | |
+ | text-align: justify; | ||
} | } | ||
- | .PKU-block | + | .PKU-block h3 |
{ | { | ||
- | + | text-align: left; | |
- | + | font-size: 21px; | |
+ | padding: 30px 30px 10px; | ||
} | } | ||
- | .PKU-block. | + | |
+ | .PKU-block.floatL | ||
{ | { | ||
- | + | margin-right: 7px; | |
- | + | } | |
+ | .PKU-block.floatR | ||
+ | { | ||
+ | margin-left: 7px; | ||
+ | } | ||
+ | .PKU-block.floatR p | ||
+ | { | ||
+ | width: 590px; | ||
+ | } | ||
+ | .PKU-block img , | ||
+ | .PKU-block object | ||
+ | { | ||
+ | margin: 1px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .PKU-block span | ||
+ | { | ||
+ | font-style: italic; | ||
+ | font-size: 12px; | ||
+ | margin: 1px; | ||
+ | padding: 10px 10px; | ||
+ | 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; | ||
} | } | ||
+ | .y | ||
+ | { | ||
+ | color: #fffa88; | ||
+ | border-color: #fffa88; | ||
+ | } | ||
+ | .g | ||
+ | { | ||
+ | color: #afff58; | ||
+ | border-color: #afff58; | ||
+ | } | ||
+ | .w | ||
+ | { | ||
+ | color: #f8f7c9; | ||
+ | border-color: #f8f7c9; | ||
+ | } | ||
+ | .c | ||
+ | { | ||
+ | color: #a0ffec; | ||
+ | border-color: #a0ffec; | ||
+ | } | ||
+ | .r | ||
+ | { | ||
+ | color: #ffbfe7; | ||
+ | border-color: #ffbfe7; | ||
+ | } | ||
</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;"> </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 263: | 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