Template:Peking2012 Prologue
From 2012.igem.org
(Difference between revisions)
m (Created page with "<html> <style type="text/css"> /* * Peking 2012 Header * by Sun Sibai * this = /Template:Peking2012_Prologue */ body - →UltraGlobal Environment (origin item): { backgro...") |
m |
||
(51 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
body /* UltraGlobal Environment (origin item) */ | body /* UltraGlobal Environment (origin item) */ | ||
{ | { | ||
- | background-color: # | + | background-color: #000002; |
} | } | ||
#blank , | #blank , | ||
Line 24: | Line 24: | ||
#globalWrapper /* Global Environment (origin item) */ | #globalWrapper /* Global Environment (origin item) */ | ||
{ | { | ||
- | background-color: # | + | background-color: #000002; |
- | background-attachment: | + | background-attachment: fixed; |
background-position: 50% 0; | background-position: 50% 0; | ||
- | background-repeat: repeat; | + | background-repeat: no-repeat; |
- | background-image: url("/wiki/images/ | + | background-image: url("/wiki/images/e/e0/Peking2012_N_Home_Background_Large.jpg"); |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 50: | Line 50: | ||
{ | { | ||
background-color: transparent; | background-color: transparent; | ||
- | background-image: url(" | + | background-image: url(""); |
background-attachment: scroll; | background-attachment: scroll; | ||
background-position: 50% 0; | background-position: 50% 0; | ||
Line 59: | Line 59: | ||
#footer-box | #footer-box | ||
{ | { | ||
+ | position: relative; | ||
+ | top: -40px; | ||
background-color: transparent; | background-color: transparent; | ||
background-image: none; | background-image: none; | ||
border-style: none; | border-style: none; | ||
+ | z-index: 30; | ||
} | } | ||
#catlinks | #catlinks | ||
Line 103: | Line 106: | ||
{ | { | ||
padding: 20px 30px 10px; | padding: 20px 30px 10px; | ||
+ | } | ||
+ | |||
+ | p | ||
+ | { | ||
+ | font-family: Arial, sans-serif; | ||
} | } | ||
Line 145: | Line 153: | ||
{ | { | ||
display: inline; | display: inline; | ||
+ | } | ||
+ | .button img | ||
+ | { | ||
+ | display: block; | ||
} | } | ||
Line 154: | Line 166: | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
- | background-image: url(""); | + | background-image: url(""); |
- | background-color: # | + | background-color: #000002; |
overflow: hidden; | overflow: hidden; | ||
position: fixed; | position: fixed; | ||
Line 163: | Line 175: | ||
width: 965px; | width: 965px; | ||
height: 20px; | height: 20px; | ||
- | font-family: | + | font-family: Arial, sans-serif; |
font-size: 15px; | font-size: 15px; | ||
font-weight: bold; | font-weight: bold; | ||
Line 171: | Line 183: | ||
#PKU_menubar * | #PKU_menubar * | ||
{ | { | ||
- | font-family: | + | font-family: Arial, sans-serif; |
font-size: 15px; | font-size: 15px; | ||
font-weight: bold; | font-weight: bold; | ||
Line 231: | Line 243: | ||
{ | { | ||
width: 965px; | width: 965px; | ||
- | height: | + | height: 200px; |
} | } | ||
#PKU_banner_title | #PKU_banner_title | ||
Line 238: | Line 250: | ||
height: 140px; | height: 140px; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: -220px; |
padding-left: 50px; | padding-left: 50px; | ||
} | } | ||
Line 244: | Line 256: | ||
/***--- Top Navigator ---***/ | /***--- Top Navigator ---***/ | ||
#PKU_banner_menu , | #PKU_banner_menu , | ||
- | |||
{ | { | ||
- | |||
width: 965px; | width: 965px; | ||
height: 30px; | height: 30px; | ||
Line 252: | Line 262: | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
- | #PKU_banner_menu | + | #PKU_banner_menu , |
+ | #PKU_banner_submenu | ||
{ | { | ||
+ | overflow: hidden; | ||
position: relative; | position: relative; | ||
top: -30px; | top: -30px; | ||
- | + | z-index: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | z-index: | + | |
} | } | ||
#PKU_banner_menu li , | #PKU_banner_menu li , | ||
- | + | #PKU_banner_submenu li | |
{ | { | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
clear: none; | clear: none; | ||
- | width: | + | overflow: hidden; |
+ | } | ||
+ | #PKU_banner_submenu > li | ||
+ | { | ||
+ | height: 120px; | ||
+ | width: 0; /* edit later */ | ||
+ | } | ||
+ | #PKU_banner_menu > li , | ||
+ | #PKU_banner_submenu > li ul > li | ||
+ | { | ||
height: 30px; | height: 30px; | ||
} | } | ||
- | # | + | #PKU_banner_submenu > li ul > li.submenu_team |
- | + | ||
{ | { | ||
- | width: | + | width: 137px; |
} | } | ||
- | + | #PKU_banner_submenu > li ul > li.submenu_project | |
{ | { | ||
- | width: | + | width: 250px; |
} | } | ||
- | + | #PKU_banner_submenu > li ul > li.submenu_modeling | |
{ | { | ||
- | width: | + | width: 240px; |
} | } | ||
- | + | #PKU_banner_submenu > li ul > li.submenu_humanpractice | |
{ | { | ||
- | width: | + | width: 300px; |
} | } | ||
Line 293: | Line 308: | ||
/***--- Block Style ---***/ | /***--- Block Style ---***/ | ||
- | . | + | #text-body |
+ | { | ||
+ | position: relative; | ||
+ | top: -120px; | ||
+ | } | ||
+ | #text-body .PKU_Box11 | ||
+ | { | ||
+ | width: 34px; | ||
+ | height: 34px; | ||
+ | background-image: url("/wiki/images/9/94/Peking2012_N_Home_Mask_11.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box12 | ||
+ | { | ||
+ | width: 897px; | ||
+ | height: 34px; | ||
+ | background-image: url("/wiki/images/2/2c/Peking2012_N_Home_Mask_12.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box13 | ||
+ | { | ||
+ | width: 34px; | ||
+ | height: 34px; | ||
+ | background-image: url("/wiki/images/6/6b/Peking2012_N_Home_Mask_13.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box21 | ||
+ | { | ||
+ | width: 34px; | ||
+ | background-image: url("/wiki/images/4/45/Peking2012_N_Home_Mask_21.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box22 | ||
+ | { | ||
+ | background-image: url("/wiki/images/c/ca/Peking2012_N_Home_Mask_22.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box23 | ||
+ | { | ||
+ | width: 34px; | ||
+ | background-image: url("/wiki/images/f/fc/Peking2012_N_Home_Mask_23.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box31 | ||
+ | { | ||
+ | width: 34px; | ||
+ | height: 34px; | ||
+ | background-image: url("/wiki/images/9/96/Peking2012_N_Home_Mask_31.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box32 | ||
+ | { | ||
+ | width: 897px; | ||
+ | height: 34px; | ||
+ | background-image: url("/wiki/images/8/80/Peking2012_N_Home_Mask_32.png"); | ||
+ | } | ||
+ | #text-body .PKU_Box33 | ||
+ | { | ||
+ | width: 34px; | ||
+ | height: 34px; | ||
+ | background-image: url("/wiki/images/9/99/Peking2012_N_Home_Mask_33.png"); | ||
+ | } | ||
+ | |||
+ | #text-body .PKU_context | ||
{ | { | ||
- | |||
- | |||
background-color: transparent; | background-color: transparent; | ||
- | padding: | + | padding: 0; |
- | margin: | + | margin: 0; |
text-align: center; | text-align: center; | ||
- | font-family: sans-serif; | + | font-family: Arial, sans-serif; |
+ | } | ||
+ | #text-body .PKU_context * | ||
+ | { | ||
+ | margin: 0; | ||
} | } | ||
- | + | #text-body .PKU_context .PKU_Box22 p | |
{ | { | ||
font-size: 16px; | font-size: 16px; | ||
- | padding: 10px | + | padding: 10px 0 30px; |
text-align: justify; | text-align: justify; | ||
} | } | ||
- | + | #text-body .PKU_context .PKU_Box22 h3 | |
{ | { | ||
text-align: left; | text-align: left; | ||
font-size: 21px; | font-size: 21px; | ||
- | padding: 30px | + | padding: 30px 0 10px; |
} | } | ||
- | + | #text-body .PKU_context.floatC .PKU_Box22 p | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
{ | { | ||
- | + | width: 897px; | |
} | } | ||
- | + | #text-body .PKU_context.floatR .PKU_Box22 p | |
{ | { | ||
width: 590px; | width: 590px; | ||
} | } | ||
- | + | #text-body .PKU_context .PKU_Box22 img , | |
- | + | #text-body .PKU_context .PKU_Box22 object | |
{ | { | ||
- | |||
padding: 0; | padding: 0; | ||
} | } | ||
- | + | #text-body .PKU_context .PKU_Box22 p.description | |
{ | { | ||
font-style: italic; | font-style: italic; | ||
font-size: 12px; | font-size: 12px; | ||
- | margin: | + | margin: 0 auto; |
padding: 10px 10px; | padding: 10px 10px; | ||
text-align: justify; | text-align: justify; | ||
+ | width: 700px; | ||
} | } | ||
- | + | ||
- | + | #Subtitle3 li | |
- | + | ||
- | + | ||
- | # | + | |
{ | { | ||
width: 220px; | width: 220px; | ||
- | height: | + | height: 70px; |
+ | overflow: hidden; | ||
+ | margin: 0 0 8px 0; | ||
} | } | ||
+ | |||
#Subsubtitle5 | #Subsubtitle5 | ||
{ | { | ||
Line 358: | Line 426: | ||
#Subsubtitle5 li | #Subsubtitle5 li | ||
{ | { | ||
- | width: | + | width: 446px; |
- | height: | + | height: 32px; |
overflow: hidden; | overflow: hidden; | ||
- | + | margin: 0 0 8px 0; | |
- | margin: 0 0 | + | |
} | } | ||
Line 390: | Line 457: | ||
border-color: #ffbfe7; | border-color: #ffbfe7; | ||
} | } | ||
+ | |||
+ | ul.horizontal > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.vertical > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 496: | Line 579: | ||
<div id="PKU_banner_container"> | <div id="PKU_banner_container"> | ||
- | <img id="PKU_banner_image" src="/wiki/images/ | + | <img id="PKU_banner_image" src="/wiki/images/b/ba/Peking2012_N_Home_Title.png" alt="banner" /> |
<div> | <div> | ||
- | <ul id="PKU_banner_menu"> | + | <ul id="PKU_banner_menu" class="button"> |
<li class="border"> | <li class="border"> | ||
<img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" > | <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" > | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_Home" onmouseover=" | + | <a id="PKU_banner_Home" onmouseover="HideSubmenuAll();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking"> |
- | <img | + | <img src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" /> |
- | <img | + | <img src="/wiki/images/b/b2/Peking2012_BannerMenu_Home_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_Team" onmouseover=" | + | <a id="PKU_banner_Team" onmouseover="ShowSubmenuTeam();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuTeam();" href="/Team:Peking/Team"> |
- | <img | + | <img src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" /> |
- | <img | + | <img src="/wiki/images/9/9d/Peking2012_BannerMenu_Team_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_Project" onmouseover=" | + | <a id="PKU_banner_Project" onmouseover="ShowSubmenuProject();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuProject();" href="/Team:Peking/Project"> |
- | <img | + | <img src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" /> |
- | <img | + | <img src="/wiki/images/b/b0/Peking2012_BannerMenu_Project_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_Parts" onmouseover=" | + | <a id="PKU_banner_Parts" onmouseover="ShowSubmenuParts();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts"> |
- | <img | + | <img src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" /> |
- | <img | + | <img src="/wiki/images/f/fa/Peking2012_BannerMenu_Parts_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_Modeling" onmouseover=" | + | <a id="PKU_banner_Modeling" onmouseover="ShowSubmenuModeling();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuModeling();" href="/Team:Peking/Modeling"> |
- | <img | + | <img src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" /> |
- | <img | + | <img src="/wiki/images/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_HumanPractice" onmouseover=" | + | <a id="PKU_banner_HumanPractice" onmouseover="ShowSubmenuHumanPractice();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice"> |
- | <img | + | <img src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" /> |
- | <img | + | <img src="/wiki/images/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a id="PKU_banner_Safety" onmouseover=" | + | <a id="PKU_banner_Safety" onmouseover="ShowSubmenuSafety();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety"> |
- | <img | + | <img src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" /> |
- | <img | + | <img src="/wiki/images/0/08/Peking2012_BannerMenu_Safety_H.png" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
Line 550: | Line 633: | ||
</div> | </div> | ||
<div> | <div> | ||
- | <ul id=" | + | <ul id="PKU_banner_submenu" class="button"> |
- | <li class=" | + | <li id="PKU_banner_submenu_blank" class="blank"> |
- | + |   | |
</li> | </li> | ||
- | <li | + | <li id="PKU_banner_submenu_team" > |
- | <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members"> | + | <ul onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" > |
- | + | <li class="submenu_team"> | |
- | <img class=" | + | <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members"> |
- | + | <img src="/wiki/images/0/0c/Peking2012_BannerSubmenu_Team_Members.png" alt="Members" /> | |
+ | <img src="/wiki/images/c/cb/Peking2012_BannerSubmenu_Active_Team_Members.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_team"> | ||
+ | <a id="PKU_banner_Team_Attribution" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Attribution"> | ||
+ | <img src="/wiki/images/b/bf/Peking2012_BannerSubmenu_Team_Attributions.png" alt="Attribution" /> | ||
+ | <img src="/wiki/images/d/d0/Peking2012_BannerSubmenu_Active_Team_Attributions.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_team"> | ||
+ | <a id="PKU_banner_Team_Diary" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Diary"> | ||
+ | <img src="/wiki/images/a/a2/Peking2012_BannerSubmenu_Team_Diary.png" alt="Diary" /> | ||
+ | <img src="/wiki/images/4/40/Peking2012_BannerSubmenu_Active_Team_Diary.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | <li | + | <li id="PKU_banner_submenu_project"> |
- | <img src="/wiki/images/ | + | <ul onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" > |
+ | <li class="submenu_project"> | ||
+ | <a id="PKU_banner_Project_SensitiveLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Luminesensor"> | ||
+ | <img src="/wiki/images/7/79/Peking2012_BannerSubmenu_Project_Luminesensor.png" alt="Luminesensor" /> | ||
+ | <img src="/wiki/images/b/b2/Peking2012_BannerSubmenu_Active_Project_Luminesensor.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_project"> | ||
+ | <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/LightCommunication"> | ||
+ | <img src="/wiki/images/4/4a/Peking2012_BannerSubmenu_Project_LightCommunication.png" alt="Light Communication" /> | ||
+ | <img src="/wiki/images/f/f8/Peking2012_BannerSubmenu_Active_Project_LightCommunication.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_project"> | ||
+ | <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Synthetic3D"> | ||
+ | <img src="/wiki/images/a/a8/Peking2012_BannerSubmenu_Project_Synthetic3D.png" alt="Synthetic Biology in 3D" /> | ||
+ | <img src="/wiki/images/6/6c/Peking2012_BannerSubmenu_Active_Project_Synthetic3D.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_project"> | ||
+ | <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/Phototaxis"> | ||
+ | <img src="/wiki/images/d/d2/Peking2012_BannerSubmenu_Project_Phototaxis.png" alt="Phototaxis" /> | ||
+ | <img src="/wiki/images/5/59/Peking2012_BannerSubmenu_Active_Project_Phototaxis.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | <li | + | <li id="PKU_banner_submenu_modeling"> |
- | <a id=" | + | <ul onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" > |
- | + | <li class="submenu_modeling"> | |
- | <img class=" | + | <a id="PKU_banner_Modeling_DesignLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Luminesensor"> |
- | + | <img src="/wiki/images/0/0e/Peking2012_BannerSubmenu_Modeling_Luminesensor.png" alt="Luminesensor Design" /> | |
+ | <img src="/wiki/images/c/c0/Peking2012_BannerSubmenu_Active_Modeling_Luminesensor.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_modeling"> | ||
+ | <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Channel"> | ||
+ | <img src="/wiki/images/c/c3/Peking2012_BannerSubmenu_Modeling_Channel.png" alt="Searching for New Channel" /> | ||
+ | <img src="/wiki/images/0/06/Peking2012_BannerSubmenu_Active_Modeling_Channel.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_modeling"> | ||
+ | <a id="PKU_banner_Modeling_MakeCellsTalkThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Ring"> | ||
+ | <img src="/wiki/images/a/ad/Peking2012_BannerSubmenu_Modeling_Ring.png" alt="Ring-Pattern Formation" /> | ||
+ | <img src="/wiki/images/0/06/Peking2012_BannerSubmenu_Active_Modeling_Ring.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="submenu_modeling"> | ||
+ | <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/Phototaxis"> | ||
+ | <img src="/wiki/images/f/fb/Peking2012_BannerSubmenu_Modeling_Phototaxis.png" alt="Phototaxis Simulation" /> | ||
+ | <img src="/wiki/images/c/c4/Peking2012_BannerSubmenu_Active_Modeling_Phototaxis.png" alt="" /> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | <li | + | <li id="PKU_banner_submenu_humanpractice"> |
- | + | <ul onmouseover="HoldSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" > | |
- | + | <li class="submenu_humanpractice"> | |
- | + | <a id="PKU_banner_HumanPractice_SowingTomorrowSyntheticBiologists" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists"> | |
- | + | <img src="/wiki/images/5/56/Peking2012_BannerSubmenu_HumanPractice_Sowing.png" alt="Sowing Tomorrow Synthetic Biologists" /> | |
- | + | <img src="/wiki/images/8/8d/Peking2012_BannerSubmenu_Active_HumanPractice_Sowing.png" alt="" /> | |
- | + | </a> | |
- | < | + | </li> |
- | + | <li class="submenu_humanpractice"> | |
- | + | <a id="PKU_banner_HumanPractice_ReviewHistoryToLearnNew" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/HistoriciGEMProjectsReview"> | |
- | + | <img src="/wiki/images/b/b5/Peking2012_BannerSubmenu_HumanPractice_Review.png" alt="Historic iGEM Projects Review" /> | |
- | + | <img src="/wiki/images/e/e1/Peking2012_BannerSubmenu_Active_HumanPractice_Review.png" alt="" /> | |
- | + | </a> | |
- | + | </li> | |
- | + | <li class="submenu_humanpractice"> | |
- | + | <a id="PKU_banner_HumanPractice_OutreachAndWorkshop" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/OutreachAndWorkshop"> | |
- | + | <img src="/wiki/images/3/3d/Peking2012_BannerSubmenu_HumanPractice_Outreach.png" alt="Outreach and Workshop" /> | |
- | + | <img src="/wiki/images/d/d5/Peking2012_BannerSubmenu_Active_HumanPractice_Outreach.png" alt="" /> | |
- | + | </a> | |
- | + | </li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
</li> | </li> | ||
</ul> | </ul> | ||
Line 710: | Line 761: | ||
} | } | ||
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_Home")); |
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_Team")); |
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_Project")); |
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_Parts")); |
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_Modeling")); |
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice")); |
- | var | + | ButtonMouseOut(document.getElementById("PKU_banner_Safety")); |
- | var | + | |
+ | var SubmenuWidth_Des_Blank = 0; //Destination | ||
+ | var SubmenuWidth_Cur_Blank = 0; //Current Val | ||
+ | var SubmenuWidth_Des_Team = 0; //Destination | ||
+ | var SubmenuWidth_Cur_Team = 0; //Current Val | ||
+ | var SubmenuWidth_Des_Project = 0; //Destination | ||
+ | var SubmenuWidth_Cur_Project = 0; //Current Val | ||
+ | var SubmenuWidth_Des_Modeling = 0; //Destination | ||
+ | var SubmenuWidth_Cur_Modeling = 0; //Current Val | ||
+ | var SubmenuWidth_Des_HumanPractice = 0; //Destination | ||
+ | var SubmenuWidth_Cur_HumanPractice = 0; //Current Val | ||
var handleSubmenu_Team = null; //Submenu Withdraw Handle | var handleSubmenu_Team = null; //Submenu Withdraw Handle | ||
var handleSubmenu_Project = null; //Submenu Withdraw Handle | var handleSubmenu_Project = null; //Submenu Withdraw Handle | ||
Line 733: | Line 794: | ||
function ShowSubmenuTeam() | function ShowSubmenuTeam() | ||
{ | { | ||
- | + | HideSubmenuAll(); | |
- | + | SubmenuWidth_Des_Team = 1; | |
- | document.getElementById(" | + | SubmenuWidth_Des_Blank = 140; |
- | + | document.getElementById("PKU_banner_submenu").style.zIndex = 50; | |
- | + | ||
- | + | ||
} | } | ||
function HideSubmenuTeam() | function HideSubmenuTeam() | ||
{ | { | ||
- | + | SubmenuWidth_Des_Team = 0; | |
- | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team); | if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team); | ||
handleSubmenu_Team = null; | handleSubmenu_Team = null; | ||
ButtonMouseOut(document.getElementById("PKU_banner_Team")); | ButtonMouseOut(document.getElementById("PKU_banner_Team")); | ||
+ | document.getElementById("PKU_banner_submenu").style.zIndex = -1; | ||
} | } | ||
function WithdrawSubmenuTeam() | function WithdrawSubmenuTeam() | ||
Line 763: | Line 823: | ||
function ShowSubmenuProject() | function ShowSubmenuProject() | ||
{ | { | ||
- | + | HideSubmenuAll(); | |
- | + | SubmenuWidth_Des_Project = 1; | |
- | document.getElementById(" | + | SubmenuWidth_Des_Blank = 220; |
- | + | document.getElementById("PKU_banner_submenu").style.zIndex = 50; | |
- | + | ||
- | + | ||
} | } | ||
function HideSubmenuProject() | function HideSubmenuProject() | ||
{ | { | ||
- | + | SubmenuWidth_Des_Project = 0; | |
- | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project); | if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project); | ||
handleSubmenu_Project = null; | handleSubmenu_Project = null; | ||
ButtonMouseOut(document.getElementById("PKU_banner_Project")); | ButtonMouseOut(document.getElementById("PKU_banner_Project")); | ||
+ | document.getElementById("PKU_banner_submenu").style.zIndex = -1; | ||
} | } | ||
function WithdrawSubmenuProject() | function WithdrawSubmenuProject() | ||
Line 789: | Line 848: | ||
handleSubmenu_Project = null; | handleSubmenu_Project = null; | ||
} | } | ||
+ | } | ||
+ | |||
+ | function ShowSubmenuParts() | ||
+ | { | ||
+ | HideSubmenuAll(); | ||
+ | SubmenuWidth_Des_Blank = 300; | ||
} | } | ||
function ShowSubmenuModeling() | function ShowSubmenuModeling() | ||
{ | { | ||
- | + | HideSubmenuAll(); | |
- | + | SubmenuWidth_Des_Modeling = 1; | |
- | document.getElementById(" | + | SubmenuWidth_Des_Blank = 500; |
- | + | document.getElementById("PKU_banner_submenu").style.zIndex = 50; | |
- | + | ||
- | + | ||
} | } | ||
function HideSubmenuModeling() | function HideSubmenuModeling() | ||
{ | { | ||
- | + | SubmenuWidth_Des_Modeling = 0; | |
- | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling); | if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling); | ||
handleSubmenu_Modeling = null; | handleSubmenu_Modeling = null; | ||
ButtonMouseOut(document.getElementById("PKU_banner_Modeling")); | ButtonMouseOut(document.getElementById("PKU_banner_Modeling")); | ||
+ | document.getElementById("PKU_banner_submenu").style.zIndex = -1; | ||
} | } | ||
function WithdrawSubmenuModeling() | function WithdrawSubmenuModeling() | ||
Line 823: | Line 887: | ||
function ShowSubmenuHumanPractice() | function ShowSubmenuHumanPractice() | ||
{ | { | ||
- | + | HideSubmenuAll(); | |
- | + | SubmenuWidth_Des_HumanPractice = 1; | |
- | document.getElementById(" | + | SubmenuWidth_Des_Blank = 607; |
- | + | document.getElementById("PKU_banner_submenu").style.zIndex = 50; | |
- | + | ||
- | + | ||
} | } | ||
function HideSubmenuHumanPractice() | function HideSubmenuHumanPractice() | ||
{ | { | ||
- | + | SubmenuWidth_Des_HumanPractice = 0; | |
- | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice); | if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice); | ||
handleSubmenu_HumanPractice = null; | handleSubmenu_HumanPractice = null; | ||
ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice")); | ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice")); | ||
+ | document.getElementById("PKU_banner_submenu").style.zIndex = -1; | ||
} | } | ||
function WithdrawSubmenuHumanPractice() | function WithdrawSubmenuHumanPractice() | ||
Line 851: | Line 914: | ||
} | } | ||
- | function | + | function ShowSubmenuSafety() |
{ | { | ||
- | + | HideSubmenuAll(); | |
- | + | SubmenuWidth_Des_Blank = 680; | |
- | + | } | |
- | + | ||
+ | function FreshSubmenuWidth() | ||
+ | { | ||
+ | SubmenuWidth_Cur_Blank += ( SubmenuWidth_Des_Blank - SubmenuWidth_Cur_Blank ) * 0.5; | ||
+ | SubmenuWidth_Cur_Team += ( SubmenuWidth_Des_Team - SubmenuWidth_Cur_Team ) * 0.7; | ||
+ | SubmenuWidth_Cur_Project += ( SubmenuWidth_Des_Project - SubmenuWidth_Cur_Project ) * 0.7; | ||
+ | SubmenuWidth_Cur_Modeling += ( SubmenuWidth_Des_Modeling - SubmenuWidth_Cur_Modeling ) * 0.7; | ||
+ | SubmenuWidth_Cur_HumanPractice += ( SubmenuWidth_Des_HumanPractice - SubmenuWidth_Cur_HumanPractice ) * 0.7; | ||
var tmp; | var tmp; | ||
- | tmp = document.getElementById(" | + | tmp = document.getElementById("PKU_banner_submenu_blank"); |
- | tmp.style. | + | tmp.style.width = SubmenuWidth_Cur_Blank + "px"; |
- | + | tmp = document.getElementById("PKU_banner_submenu_team"); | |
- | tmp = document.getElementById(" | + | tmp.style.width = SubmenuWidth_Cur_Team * 137 + "px"; |
- | tmp.style. | + | tmp = document.getElementById("PKU_banner_submenu_project"); |
- | + | tmp.style.width = SubmenuWidth_Cur_Project * 250 + "px"; | |
- | tmp = document.getElementById(" | + | tmp = document.getElementById("PKU_banner_submenu_modeling"); |
- | tmp.style. | + | tmp.style.width = SubmenuWidth_Cur_Modeling * 240 + "px"; |
- | + | tmp = document.getElementById("PKU_banner_submenu_humanpractice"); | |
- | tmp = document.getElementById(" | + | tmp.style.width = SubmenuWidth_Cur_HumanPractice * 300 + "px"; |
- | tmp.style. | + | |
} | } | ||
- | var | + | var handleFreshSubmenuWidth = setInterval("FreshSubmenuWidth();",50); |
</script> | </script> | ||
+ | <div id="text-body"> | ||
</html> | </html> |
Latest revision as of 16:36, 2 September 2012