|
|
Line 1: |
Line 1: |
| <html> | | <html> |
| + | </div> |
| <style type="text/css"> | | <style type="text/css"> |
| | | |
Line 5: |
Line 6: |
| * Peking 2012 Header | | * Peking 2012 Header |
| * by Sun Sibai | | * by Sun Sibai |
- | * this = /Template:Peking2012_Prologue | + | * this = /Template:Peking2012_Epilogue |
| */ | | */ |
| | | |
- | body /* UltraGlobal Environment (origin item) */
| + | #PKU_navi_index |
| { | | { |
- | background-color: #01010d; /*#222222;*//*#221900;*//*#01010d;*/ | + | position: fixed; |
- | }
| + | bottom: 15px; |
- | #blank ,
| + | right: 15px; |
- | #blank *
| + | width: 88px; |
- | {
| + | height: 31px; |
- | background-color: transparent; | + | |
- | background-image: url(""); | + | |
- | border-style: none; | + | |
- | margin: 0 auto; | + | |
| padding: 0; | | padding: 0; |
| + | overflow: hidden; |
| } | | } |
| | | |
- | #globalWrapper /* Global Environment (origin item) */ | + | #PKU_navi_history |
| { | | { |
- | background-color: #222222; | + | position: fixed; |
- | background-attachment: scroll; | + | bottom: 15px; |
- | background-position: 50% 0; | + | left: 15px; |
- | background-repeat: repeat; | + | width: 88px; |
- | 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"); */ | + | height: 31px; |
| + | padding: 0; |
| overflow: hidden; | | overflow: hidden; |
| } | | } |
| | | |
- | /* Remove Top Item (origin item) */
| + | #PKU_navi_index li , |
- | #top-section | + | #PKU_navi_history li |
| { | | { |
- | display: none; | + | display: block; |
- | }
| + | float: left; |
- | #top
| + | width: 88px; |
- | {
| + | height: 31px; |
- | display: none; | + | padding: 0; |
- | }
| + | |
- | h1.firstHeading
| + | |
- | {
| + | |
- | display: none; | + | |
- | }
| + | |
- | | + | |
- | /* Inner Environment (origin item) */
| + | |
- | #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; | | overflow: hidden; |
- | border-style: none;
| |
- | }
| |
- | #footer-box
| |
- | {
| |
- | position: relative;
| |
- | top: -120px;
| |
- | background-color: transparent;
| |
- | background-image: none;
| |
- | border-style: none;
| |
- | z-index: 30;
| |
- | }
| |
- | #catlinks
| |
- | {
| |
- | 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;
| |
| } | | } |
| | | |
- | /* Bottom Environment (origin item) */
| + | #PKU_navi_index_menu |
- | #footer-box a, | + | |
- | #footer-box a:hover
| + | |
| { | | { |
- | color: #e8e7b9; | + | position: fixed; |
- | text-decoration: none; | + | bottom: 46px; |
- | display: inline; | + | right: 15px; |
- | }
| + | width: 498px; |
- | | + | |
- | ul , li
| + | |
- | {
| + | |
- | margin: 0; | + | |
| padding: 0; | | padding: 0; |
- | list-style-image: none; | + | overflow: hidden; |
- | list-style-type: none;
| + | |
- | }
| + | |
- | h3
| + | |
- | {
| + | |
- | padding: 20px 30px 10px;
| + | |
- | }
| + | |
- | | + | |
- | p
| + | |
- | {
| + | |
- | font-family: Arial, sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | /* 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; | | display: block; |
| } | | } |
- | .show-text
| + | #PKU_navi_history_menu |
| { | | { |
- | display: inline;
| |
- | }
| |
- |
| |
- | /* Special Construction */
| |
- |
| |
- | /***--- Top MenuBar ---***/
| |
- | #PKU_menubar
| |
- | {
| |
- | background-attachment: fixed;
| |
- | background-repeat: repeat-x;
| |
- | background-image: url(""); /* url("/wiki/images/6/63/Peking2012_BackPattern.png"); */
| |
- | background-color: #0a011e; /*#222222;*//*#221900;*//*#01010d;*/ /*#0a011e;*/
| |
- | overflow: hidden;
| |
| position: fixed; | | position: fixed; |
| + | bottom: 46px; |
| + | left: 15px; |
| + | width: 158px; |
| padding: 0; | | padding: 0; |
- | margin: 0 auto; | + | overflow: hidden; |
- | top: 0; | + | display: block; |
- | width: 965px;
| + | |
- | height: 20px;
| + | |
- | font-family: Arial, sans-serif;
| + | |
- | font-size: 15px;
| + | |
- | font-weight: bold;
| + | |
- | line-height: 20px;
| + | |
- | z-index: 100;
| + | |
- | }
| + | |
- | #PKU_menubar *
| + | |
- | {
| + | |
- | font-family: Arial, sans-serif;
| + | |
- | font-size: 15px;
| + | |
- | font-weight: bold;
| + | |
| } | | } |
| | | |
- | #PKU_menubar a:link, | + | #PKU_navi_index_menu *, |
- | #PKU_menubar a:visited | + | #PKU_navi_history_menu * |
| { | | { |
- | color: #e8e7b9;
| |
- | }
| |
- | #PKU_menubar a:hover
| |
- | {
| |
- | color: #f9f8ca;
| |
- | }
| |
- | #PKU_menubar a:active
| |
- | {
| |
- | color: #ffee66;
| |
- | }
| |
- | .PKU_menubar_left
| |
- | {
| |
- | float: left;
| |
- | clear: none;
| |
- | padding: 0 30px 0 5px;
| |
| margin: 0; | | margin: 0; |
- | }
| |
- | .PKU_menubar_right
| |
- | {
| |
- | float: right;
| |
- | clear: none;
| |
- | padding: 0 5px 0 30px;
| |
- | margin: 0;
| |
- | }
| |
- | #PKU_menubar_Watch ,
| |
- | #PKU_menubar_Unwatch ,
| |
- | #PKU_menubar_User ,
| |
- | #PKU_menubar_Account ,
| |
- | #PKU_menubar_LogOut
| |
- | {
| |
- | display: none;
| |
- | }
| |
- | #PKU_menubar_iGEM ,
| |
- | #PKU_menubar_ViewSource ,
| |
- | #PKU_menubar_History ,
| |
- | #PKU_menubar_LogIn
| |
- | {
| |
- | display: inline;
| |
- | }
| |
- |
| |
- | /***--- Top Banner ---***/
| |
- | #PKU_banner_container
| |
- | {
| |
| padding: 0; | | padding: 0; |
- | margin: 0 auto; | + | overflow: hidden; |
- | text-align: center;
| + | |
- | clear: both;
| + | |
- | position: static;
| + | |
- | }
| + | |
- | #PKU_banner_image
| + | |
- | {
| + | |
- | width: 965px;
| + | |
- | height: 170px;
| + | |
- | }
| + | |
- | #PKU_banner_title
| + | |
- | {
| + | |
- | width: 965px;
| + | |
- | height: 140px;
| + | |
- | position: absolute;
| + | |
- | top: -220px;
| + | |
- | padding-left: 50px;
| + | |
| } | | } |
| | | |
- | /***--- Top Navigator ---***/
| + | #PKU_navi_index_menu a , |
- | #PKU_banner_menu , | + | #PKU_navi_index_menu a:link , |
| + | #PKU_navi_index_menu a:visited , |
| + | #PKU_navi_history_menu a , |
| + | #PKU_navi_history_menu a:link , |
| + | #PKU_navi_history_menu a:visited |
| { | | { |
- | width: 965px; | + | color: #d3d3d3; |
- | height: 30px;
| + | |
- | padding: 0;
| + | |
- | margin: 0 auto;
| + | |
- | }
| + | |
- | #PKU_banner_menu , | + | |
- | #PKU_banner_submenu
| + | |
- | {
| + | |
- | overflow: hidden;
| + | |
- | position: relative;
| + | |
- | top: -30px;
| + | |
- | z-index: 0;
| + | |
- | }
| + | |
- | #PKU_banner_menu li ,
| + | |
- | #PKU_banner_submenu li
| + | |
- | {
| + | |
- | display: block;
| + | |
- | float: left;
| + | |
- | clear: none;
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | #PKU_banner_submenu > li
| + | |
- | {
| + | |
- | overflow: hidden;
| + | |
- | height: 120px;
| + | |
- | width: 0;
| + | |
- | }
| + | |
- | #PKU_banner_menu > li ,
| + | |
- | #PKU_banner_submenu > li ul > li
| + | |
- | {
| + | |
- | overflow: hidden;
| + | |
- | height: 30px;
| + | |
- | }
| + | |
- | #PKU_banner_submenu > li ul > li.submenu_team ,
| + | |
- | #PKU_banner_submenu > li ul > li.submenu_project ,
| + | |
- | #PKU_banner_submenu > li ul > li.submenu_modeling ,
| + | |
- | #PKU_banner_submenu > li ul > li.submenu_humanpractice
| + | |
- | {
| + | |
- | width: 0; /* edit later */
| + | |
| } | | } |
| | | |
- | /***--- Bottom Navigator ---***/
| + | #PKU_navi_index_menu a:hover , |
- | | + | #PKU_navi_index_menu a:active , |
- | /***--- Block Style ---***/
| + | #PKU_navi_history_menu a:hover , |
- | #text-body | + | #PKU_navi_history_menu a:active |
| { | | { |
- | position: relative; | + | color: #ffffff; |
- | top: -120px;
| + | text-decoration: none; |
- | }
| + | |
- | .PKU-block
| + | |
- | {
| + | |
- | border-width: 2px;
| + | |
- | border-style: solid;
| + | |
- | background-color: transparent;
| + | |
- | padding: 1px;
| + | |
- | margin: 15px;
| + | |
- | text-align: center; | + | |
- | font-family: sans-serif;
| + | |
- | }
| + | |
- | .PKU-block p
| + | |
- | {
| + | |
- | font-size: 16px;
| + | |
- | padding: 10px 40px 30px;
| + | |
- | text-align: justify;
| + | |
- | }
| + | |
- | .PKU-block h3
| + | |
- | {
| + | |
- | text-align: left;
| + | |
- | font-size: 21px;
| + | |
- | padding: 30px 30px 10px;
| + | |
| } | | } |
| | | |
- | .PKU-block.floatL | + | .PKU_BoxBorderT |
| { | | { |
- | margin-right: 7px; | + | line-height: 11px; |
| } | | } |
- | .PKU-block.floatR | + | .PKU_BoxBorderB |
| { | | { |
- | margin-left: 7px; | + | line-height: 10px; |
| } | | } |
- | .PKU-block.floatR p | + | .PKU_BoxT , |
| + | .PKU_BoxB |
| { | | { |
- | width: 590px; | + | background-color: transparent; |
| + | background-repeat: repeat-x; |
| + | height: 19px; |
| } | | } |
- | .PKU-block img , | + | .PKU_BoxT |
- | .PKU-block object
| + | |
| { | | { |
- | margin: 1px; | + | background-image: url("/wiki/images/0/0f/Peking2012_FloatBox_12.png"); |
- | padding: 0;
| + | |
| } | | } |
- | .PKU-block p.description | + | .PKU_BoxB |
| { | | { |
- | font-style: italic; | + | background-image: url("/wiki/images/e/e6/Peking2012_FloatBox_32.png"); |
- | font-size: 12px;
| + | |
- | margin: 0 auto;
| + | |
- | padding: 10px 10px;
| + | |
- | text-align: justify;
| + | |
- | width: 700px;
| + | |
| } | | } |
- | #Subtitle
| + | .PKU_BoxC |
| { | | { |
- | margin-top: 0; | + | background-color: transparent; |
| + | background-repeat: repeat; |
| + | background-image: url("/wiki/images/5/5f/Peking2012_FloatBox_22.png"); |
| } | | } |
- | #Subtitle img
| + | .PKU_BoxL , |
| + | .PKU_BoxR |
| { | | { |
- | width: 220px; | + | background-color: transparent; |
- | height: 220px; | + | background-repeat: repeat-y; |
| + | width: 19px; |
| } | | } |
- | #Subsubtitle5
| + | .PKU_BoxL |
| { | | { |
- | margin: 0 15px 15px 7px; | + | background-image: url("/wiki/images/3/3c/Peking2012_FloatBox_21.png"); |
- | padding: 0;
| + | |
| } | | } |
- | #Subsubtitle5 li
| + | .PKU_BoxR |
| { | | { |
- | width: 668px; | + | background-image: url("/wiki/images/8/8c/Peking2012_FloatBox_23.png"); |
- | height: 34px;
| + | |
- | overflow: hidden;
| + | |
- | padding: 1px;
| + | |
- | margin: 0 0 6px 0;
| + | |
| } | | } |
- | | + | #PKU_navi_index_menu .PKU_BoxT , |
- | .y | + | #PKU_navi_index_menu .PKU_BoxB |
| { | | { |
- | color: #fffa88; | + | width: 460px; |
- | border-color: #fffa88;
| + | |
| } | | } |
- | .g | + | #PKU_navi_history_menu .PKU_BoxT , |
| + | #PKU_navi_history_menu .PKU_BoxB |
| { | | { |
- | color: #afff58; | + | width: 120px; |
- | border-color: #afff58;
| + | |
| } | | } |
- | .w | + | #PKU_navi_index_menu .PKU_BoxL , |
| + | #PKU_navi_index_menu .PKU_BoxR |
| { | | { |
- | color: #f8f7c9; | + | height: 0; /* edit in javascript */ |
- | border-color: #f8f7c9;
| + | |
| } | | } |
- | .c | + | #PKU_navi_history_menu .PKU_BoxL , |
| + | #PKU_navi_history_menu .PKU_BoxR |
| { | | { |
- | color: #a0ffec; | + | height: 114px; |
- | border-color: #a0ffec;
| + | |
| } | | } |
- | .r
| + | #PKU_navi_history_menu_BoxC |
| { | | { |
- | color: #ffbfe7; | + | width: 120px; |
- | border-color: #ffbfe7; | + | height: 114px; |
| } | | } |
- | | + | #PKU_navi_menu |
- | ul.horizontal > li
| + | |
| { | | { |
- | display: block; | + | width: 460px; |
- | float: left; | + | height: 0; /* edit in javascript */ |
- | clear: none;
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | ul.vertical > li
| + | |
- | {
| + | |
- | display: block;
| + | |
- | float: left;
| + | |
- | clear: both;
| + | |
- | overflow: hidden;
| + | |
| } | | } |
| | | |
| </style> | | </style> |
| | | |
- | <ul id="PKU_menubar" class="noprint"> | + | <div> |
- | <li id="PKU_menubar_iGEM" class="PKU_menubar_left" > | + | <ul id="PKU_navi_index"> |
- | <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>
| + | <li id="PKU_navi_index_button" onmouseover="IndexMouseOver(this);ShowNaviIndexMenu();" onmouseout="IndexMouseOut(this);WithdrawNaviIndexMenu();"> |
- | <a id="PKU_menubar_iGEM_span" href="/Main_Page" title="iGEM Home Page" >iGEM</a> | + | <a href="#top" title="Back to Top" > |
| + | <img class="show" src="/wiki/images/a/a9/Peking2012_Index.png" alt="Index" /> |
| + | <img class="show" src="/wiki/images/e/e2/Peking2012_Top.png" alt="Index" /> |
| + | <img class="show" src="/wiki/images/0/0d/Peking2012_Top_H.png" alt="Index" /> |
| + | </a> |
| </li> | | </li> |
- | <li id="PKU_menubar_ViewSource" class="PKU_menubar_left" >
| + | </ul> |
- | <a id="PKU_menubar_ViewSource_img" href="#" title="View Page Source"><img src="/wiki/images/7/7e/Peking2012_ViewSource18.png" alt="View source" /></a>
| + | </div> |
- | <a id="PKU_menubar_ViewSource_span" href="#" title="View Page Source" >View source</a> | + | <div> |
| + | <ul id="PKU_navi_history"> |
| + | <li onmouseover="ButtonMouseOver(this);ShowNaviHistoryMenu();" onmouseout="ButtonMouseOut(this);WithdrawNaviHistoryMenu();"> |
| + | <img class="show" src="/wiki/images/4/46/Peking2012_History.png" alt="Peking" /> |
| + | <img class="show" src="/wiki/images/b/b7/Peking2012_History_H.png" alt="Peking" /> |
| </li> | | </li> |
- | <li id="PKU_menubar_Watch" class="PKU_menubar_left" >
| + | </ul> |
- | <a id="PKU_menubar_Watch_img" href="#" title="Watch this Page"><img src="/wiki/images/3/31/Peking2012_Watch18.png" alt="Watch" /></a>
| + | </div> |
- | <a id="PKU_menubar_Watch_span" href="#" title="Watch this Page" >Watch</a> | + | <div> |
| + | <ul id="PKU_navi_history_menu" class="vertical" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();"> |
| + | <li class="PKU_BoxBorderT"> |
| + | <ul class="horizontal"> |
| + | <li> |
| + | <img src="/wiki/images/6/6a/Peking2012_FloatBox_11.png" alt="" /> |
| + | </li> |
| + | <li> |
| + | <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxT"> |
| + | </p> |
| + | </li> |
| + | <li> |
| + | <img src="/wiki/images/b/b5/Peking2012_FloatBox_13.png" alt="" /> |
| + | </li> |
| + | </ul> |
| </li> | | </li> |
- | <li id="PKU_menubar_Unwatch" class="PKU_menubar_left" > | + | <li> |
- | <a id="PKU_menubar_Unwatch_img" href="#" title="Cancel Watching State"><img src="/wiki/images/d/d5/Peking2012_Unwatch18.png" alt="Unwatch" /></a> | + | <ul class="horizontal"> |
- | <a id="PKU_menubar_Unwatch_span" href="#" title="Cancel Watching State" >Unwatch</a>
| + | <li> |
| + | <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxL"> |
| + | </p> |
| + | </li> |
| + | <li> |
| + | <ul id="PKU_navi_history_menu_BoxC" class="PKU_BoxC vertical"> |
| + | <li> |
| + | <a href="https://2007.igem.org/Peking" > 2007 Peking </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2008.igem.org/Team:Peking" > 2008 Peking </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2009.igem.org/Team:Peking" > 2009 Peking </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2010.igem.org/Team:Peking" > 2010 Peking </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2011.igem.org/Team:Peking_R" > 2011 Peking R </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2011.igem.org/Team:Peking_S" > 2011 Peking S </a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxR"> |
| + | </p> |
| + | </li> |
| + | </ul> |
| </li> | | </li> |
- | <li id="PKU_menubar_History" class="PKU_menubar_left" > | + | <li class="PKU_BoxBorderB"> |
- | <a id="PKU_menubar_History_img" href="#" title="View Page History"><img src="/wiki/images/b/bc/Peking2012_History18.png" alt="History" /></a> | + | <ul class="horizontal"> |
- | <a id="PKU_menubar_History_span" href="#" title="View Page History" >History</a> | + | <li> |
| + | <img src="/wiki/images/1/1e/Peking2012_FloatBox_31.png" alt="" /> |
| + | </li> |
| + | <li> |
| + | <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxB"> |
| + | </p> |
| + | </li> |
| + | <li> |
| + | <img src="/wiki/images/1/10/Peking2012_FloatBox_33.png" alt="" /> |
| + | </li> |
| + | </ul> |
| </li> | | </li> |
- | <li id="PKU_menubar_LogOut" class="PKU_menubar_right" >
| + | </ul> |
- | <a id="PKU_menubar_LogOut_img" href="#" title="Bye!"><img src="/wiki/images/1/10/Peking2012_LogOut18.png" alt="Log out" /></a>
| + | </div> |
- | <a id="PKU_menubar_LogOut_span" href="#" title="Bye!" >Log out</a> | + | |
| + | <div> |
| + | <ul id="PKU_navi_index_menu" class="vertical" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();"> |
| + | <li class="PKU_BoxBorderT"> |
| + | <ul class="horizontal"> |
| + | <li> |
| + | <img src="/wiki/images/6/6a/Peking2012_FloatBox_11.png" alt="" /> |
| + | </li> |
| + | <li> |
| + | <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxT"> |
| + | </p> |
| + | </li> |
| + | <li> |
| + | <img src="/wiki/images/b/b5/Peking2012_FloatBox_13.png" alt="" /> |
| + | </li> |
| + | </ul> |
| </li> | | </li> |
- | <li id="PKU_menubar_LogIn" class="PKU_menubar_right" > | + | <li> |
- | <a id="PKU_menubar_LogIn_img" href="#" title="Hello!"><img src="/wiki/images/a/a8/Peking2012_LogIn18.png" alt="Log in" /></a> | + | <ul class="horizontal"> |
- | <a id="PKU_menubar_LogIn_span" href="#" title="Hello!" >Log in</a> | + | <li> |
| + | <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxL"> |
| + | </p> |
| + | </li> |
| + | <li> |
| + | <ul id="PKU_navi_menu" class="PKU_BoxC vertical"> |
| + | |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxR"> |
| + | </p> |
| + | </li> |
| + | </ul> |
| </li> | | </li> |
- | <li id="PKU_menubar_Account" class="PKU_menubar_right" > | + | <li class="PKU_BoxBorderB"> |
- | <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> | + | <ul class="horizontal"> |
- | <a id="PKU_menubar_Account_span" href="https://igem.org/User_Information" title="My Profile" >Account</a> | + | <li> |
| + | <img src="/wiki/images/1/1e/Peking2012_FloatBox_31.png" alt="" /> |
| + | </li> |
| + | <li> |
| + | <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxB"> |
| + | </p> |
| + | </li> |
| + | <li> |
| + | <img src="/wiki/images/1/10/Peking2012_FloatBox_33.png" alt="" /> |
| + | </li> |
| + | </ul> |
| </li> | | </li> |
- | <li id="PKU_menubar_User" class="PKU_menubar_right" >
| + | </ul> |
- | <a id="PKU_menubar_User_img" href="#" title="My Page"><img src="/wiki/images/0/0e/Peking2012_User18.png" alt="User" /></a>
| + | </div> |
- | <a id="PKU_menubar_User_span" href="#" title="My Page" ></a>
| + | |
- | </li>
| + | |
- | </ul> | + | |
- | | + | |
- | <!--<div id="blank"><pre style="width:100%;height:20px;"> </pre></div>-->
| + | |
| | | |
| <script type="text/javascript" > | | <script type="text/javascript" > |
| /* | | /* |
- | * Peking 2012 TopBar | + | * Peking 2012 Index |
| * by Sun Sibai | | * by Sun Sibai |
| * E-mail: sun.niasw@gmail.com | | * E-mail: sun.niasw@gmail.com |
| */ | | */ |
- | var thispage = document.location.toString().slice("https://2012.igem.org/".length); /* relative location */ | + | var IndexOn = 0; |
- | 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_Watch_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=watch';
| + | |
- | document.getElementById('PKU_menubar_Unwatch_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=unwatch';
| + | |
- | document.getElementById('PKU_menubar_History_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=history';
| + | |
- | document.getElementById('PKU_menubar_LogOut_span').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogout' + '&'.substring(0,1) + 'returnto=' + thispage;
| + | |
- | document.getElementById('PKU_menubar_LogIn_span').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogin' + '&'.substring(0,1) + 'returnto=' + thispage;
| + | |
- | document.getElementById('PKU_menubar_ViewSource_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=edit';
| + | |
- | document.getElementById('PKU_menubar_Watch_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=watch';
| + | |
- | document.getElementById('PKU_menubar_Unwatch_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=unwatch';
| + | |
- | document.getElementById('PKU_menubar_History_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=history';
| + | |
- | document.getElementById('PKU_menubar_LogOut_img').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogout' + '&'.substring(0,1) + 'returnto=' + thispage;
| + | |
- | document.getElementById('PKU_menubar_LogIn_img').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogin' + '&'.substring(0,1) + 'returnto=' + thispage;
| + | |
| | | |
- | var tmpstr = document.getElementById('pt-userpage').innerHTML; | + | function IndexMouseOver(objPointer) |
- | var username;
| + | { |
| + | var Img = objPointer.getElementsByTagName("img"); |
| + | Img[2].style.display = "block"; |
| + | Img[1].style.display = "none"; |
| + | Img[0].style.display = "none"; |
| + | } |
| | | |
- | if (tmpstr!=undefined)
| + | function IndexMouseOut(objPointer) |
| { | | { |
- | username = tmpstr.substring(tmpstr.lastIndexOf('<'),tmpstr.indexOf('>')+1); | + | var Img = objPointer.getElementsByTagName("img"); |
- | document.getElementById('PKU_menubar_User_span').innerHTML = username; | + | if (IndexOn == 0) |
- | document.getElementById('PKU_menubar_User_span').href = 'https://2012.igem.org/User:' + username;
| + | |
- | document.getElementById('PKU_menubar_User_img').href = 'https://2012.igem.org/User:' + username;
| + | |
- | document.getElementById('PKU_menubar_User').style.display='inline';
| + | |
- | document.getElementById('PKU_menubar_Account').style.display='inline';
| + | |
- | document.getElementById('PKU_menubar_LogOut').style.display='inline';
| + | |
- | document.getElementById('PKU_menubar_LogIn').style.display='none';
| + | |
- | tmpstr = document.getElementById('menubar').innerHTML;
| + | |
- | if (tmpstr.search('unwatch')!=-1)
| + | |
| { | | { |
- | document.getElementById('PKU_menubar_Watch').style.display='none'; | + | Img[0].style.display = "block"; |
- | document.getElementById('PKU_menubar_Unwatch').style.display='inline'; | + | Img[1].style.display = "none"; |
- | }
| + | |
- | else if (tmpstr.search('watch')!=-1)
| + | |
- | {
| + | |
- | document.getElementById('PKU_menubar_Watch').style.display='inline';
| + | |
- | document.getElementById('PKU_menubar_Unwatch').style.display='none';
| + | |
| } | | } |
| else | | else |
| { | | { |
- | document.getElementById('PKU_menubar_Watch').style.display='none'; | + | Img[1].style.display = "block"; |
- | document.getElementById('PKU_menubar_Unwatch').style.display='none'; | + | Img[0].style.display = "none"; |
| } | | } |
- | }
| + | Img[2].style.display = "none"; |
- | else
| + | |
- | {
| + | |
- | document.getElementById('PKU_menubar_User').style.display='none'; | + | |
- | document.getElementById('PKU_menubar_Account').style.display='none';
| + | |
- | document.getElementById('PKU_menubar_LogOut').style.display='none';
| + | |
- | document.getElementById('PKU_menubar_LogIn').style.display='inline';
| + | |
- | document.getElementById('PKU_menubar_Watch').style.display='none';
| + | |
- | document.getElementById('PKU_menubar_Unwatch').style.display='none';
| + | |
| } | | } |
| | | |
- | </script>
| + | var NaviIndexMenu_Cur = 0; |
| + | var NaviIndexMenu_Des = 0; |
| + | var NaviHistoryMenu_Cur = 0; |
| + | var NaviHistoryMenu_Des = 0; |
| + | var handle_NaviIndexMenuShrink = null; |
| + | var handle_NaviHistoryMenuShrink = null; |
| + | var handle_NaviIndexMenuHide = null; |
| + | var handle_NaviHistoryMenuHide = null; |
| | | |
- | <div id="PKU_banner_container">
| + | var menutitle = document.getElementsByTagName("h3"); |
- | <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" -->
| + | var menuhtml = ""; |
- | <div>
| + | var menuiter = null; |
- | <ul id="PKU_banner_menu">
| + | var borders = document.getElementsByName("PKU_navi_index_menu_BoxLR"); |
- | <li class="border">
| + | var borderiter = null; |
- | <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
| + | var indexheight = 1.5 * (menutitle.length-1) * 16; /* 1em = 16px */ |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_Home" onmouseover="HideSubmenuAll();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
| + | |
- | <img class="show" src="/wiki/images/7/71/Peking2012_BannerMenu_Home.png" alt="Home" />
| + | |
- | <img class="show" src="/wiki/images/b/b2/Peking2012_BannerMenu_Home_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_Team" onmouseover="ShowSubmenuTeam();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuTeam();" href="/Team:Peking/Team">
| + | |
- | <img class="show" src="/wiki/images/0/0b/Peking2012_BannerMenu_Team.png" alt="Team" />
| + | |
- | <img class="show" src="/wiki/images/9/9d/Peking2012_BannerMenu_Team_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_Project" onmouseover="ShowSubmenuProject();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuProject();" href="/Team:Peking/Project">
| + | |
- | <img class="show" src="/wiki/images/2/2c/Peking2012_BannerMenu_Project.png" alt="Project" />
| + | |
- | <img class="show" src="/wiki/images/b/b0/Peking2012_BannerMenu_Project_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_Parts" onmouseover="ShowSubmenuParts();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Parts">
| + | |
- | <img class="show" src="/wiki/images/f/f2/Peking2012_BannerMenu_Parts.png" alt="Parts" />
| + | |
- | <img class="show" src="/wiki/images/f/fa/Peking2012_BannerMenu_Parts_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_Modeling" onmouseover="ShowSubmenuModeling();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuModeling();" href="/Team:Peking/Modeling">
| + | |
- | <img class="show" src="/wiki/images/9/97/Peking2012_BannerMenu_Modeling.png" alt="Modeling" />
| + | |
- | <img class="show" src="/wiki/images/6/60/Peking2012_BannerMenu_Modeling_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_HumanPractice" onmouseover="ShowSubmenuHumanPractice();ButtonMouseOver(this);" onmouseout="WithdrawSubmenuHumanPractice();" href="/Team:Peking/HumanPractice">
| + | |
- | <img class="show" src="/wiki/images/9/93/Peking2012_BannerMenu_HumanPractice.png" alt="HumanPractice" />
| + | |
- | <img class="show" src="/wiki/images/5/57/Peking2012_BannerMenu_HumanPractice_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a id="PKU_banner_Safety" onmouseover="ShowSubmenuSafety();ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Safety">
| + | |
- | <img class="show" src="/wiki/images/f/f5/Peking2012_BannerMenu_Safety.png" alt="Safety" />
| + | |
- | <img class="show" src="/wiki/images/0/08/Peking2012_BannerMenu_Safety_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="border">
| + | |
- | <img src="/wiki/images/6/64/Peking2012_BannerMenu_Side.png" alt="|" >
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div>
| + | |
- | <ul id="PKU_banner_submenu" >
| + | |
- | <li id="PKU_banner_submenu_blank" class="blank">
| + | |
- |  
| + | |
- | </li>
| + | |
- | <li id="PKU_banner_submenu_team" >
| + | |
- | <ul onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" >
| + | |
- | <li class="submenu_team">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_team">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_team">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="PKU_banner_submenu_project">
| + | |
- | <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/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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_project">
| + | |
- | <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/ProgrammingCellswithLight">
| + | |
- | <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_ProgrammingCellswithLight.png" alt="Programming Cells with Light" />
| + | |
- | <img class="show" src="/wiki/images/9/90/Peking2012_BannerSubmenu_Project_ProgrammingCellswithLight_H.png" alt="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_project">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="PKU_banner_submenu_modeling">
| + | |
- | <ul onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" >
| + | |
- | <li class="submenu_modeling">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_modeling">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_modeling">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_modeling">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </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 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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_humanpractice">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="submenu_humanpractice">
| + | |
- | <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="" />
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
- | <script type="text/javascript" >
| + | function ShowNaviIndexMenu() |
- | /*
| + | |
- | * Peking 2012 MenuBar
| + | |
- | * by Sun Sibai
| + | |
- | * E-mail: sun.niasw@gmail.com
| + | |
- | */
| + | |
- | function ButtonMouseOver(objPointer) | + | |
| { | | { |
- | var Img = objPointer.getElementsByTagName("img"); | + | IndexOn = 1; |
- | Img[1].style.display = "block";
| + | NaviIndexMenu_Des = 1; |
- | Img[0].style.display = "none"; | + | document.getElementById("PKU_navi_index_menu").style.display = 'block'; |
| + | HoldNaviIndexMenu(); |
| } | | } |
- | | + | function ShrinkNaviIndexMenu() |
- | function ButtonMouseOut(objPointer) | + | |
| { | | { |
- | var Img = objPointer.getElementsByTagName("img"); | + | IndexOn = 0; |
- | Img[0].style.display = "block"; | + | NaviIndexMenu_Des = 0; |
- | Img[1].style.display = "none"; | + | IndexMouseOut(document.getElementById("PKU_navi_index_button")); |
| + | if (handle_NaviIndexMenuShrink) |
| + | { |
| + | clearTimeout(handle_NaviIndexMenuShrink); |
| + | } |
| + | handle_NaviIndexMenuShrink = null; |
| + | handle_NaviIndexMenuHide = setTimeout("HideNaviIndexMenu();",500); |
| } | | } |
- | | + | function HideNaviIndexMenu() |
- | ButtonMouseOut(document.getElementById("PKU_banner_Home"));
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Team"));
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Project"));
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Parts"));
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Safety"));
| + | |
- | | + | |
- | var SubmenuWidth_Des_Blank = 0; //Destination
| + | |
- | var SubmenuWidth_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_Project = null; //Submenu Withdraw Handle
| + | |
- | var handleSubmenu_Modeling = null; //Submenu Withdraw Handle
| + | |
- | var handleSubmenu_HumanPractice = null; //Submenu Withdraw Handle
| + | |
- | | + | |
- | function HideSubmenuAll() | + | |
| { | | { |
- | HideSubmenuTeam(); | + | document.getElementById("PKU_navi_index_menu").style.display = 'none'; |
- | HideSubmenuProject(); | + | if (handle_NaviIndexMenuHide) |
- | HideSubmenuModeling(); | + | { |
- | HideSubmenuHumanPractice(); | + | clearTimeout(handle_NaviIndexMenuHide); |
| + | } |
| + | handle_NaviIndexMenuHide = null; |
| } | | } |
- | | + | function WithdrawNaviIndexMenu() |
- | function ShowSubmenuTeam() | + | |
| { | | { |
- | HideSubmenuAll(); | + | handle_NaviIndexMenuShrink = setTimeout("ShrinkNaviIndexMenu();",1000); |
- | SubmenuWidth_Des_Team = 1;
| + | |
- | SubmenuWidth_Des_Blank = 140;
| + | |
- | document.getElementById("PKU_banner_submenu").style.zIndex = 50;
| + | |
| } | | } |
- | function HideSubmenuTeam() | + | function HoldNaviIndexMenu() |
| { | | { |
- | SubmenuWidth_Des_Team = 0;
| + | if (handle_NaviIndexMenuShrink) |
- | SubmenuWidth_Des_Blank = 0;
| + | { |
- | if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team); | + | clearTimeout(handle_NaviIndexMenuShrink); |
- | handleSubmenu_Team = null;
| + | handle_NaviIndexMenuShrink = null; |
- | ButtonMouseOut(document.getElementById("PKU_banner_Team")); | + | } |
- | document.getElementById("PKU_banner_submenu").style.zIndex = -1; | + | if (handle_NaviIndexMenuHide) |
| + | { |
| + | clearTimeout(handle_NaviIndexMenuHide); |
| + | handle_NaviIndexMenuHide = null; |
| + | } |
| } | | } |
- | function WithdrawSubmenuTeam() | + | |
| + | function ShowNaviHistoryMenu() |
| { | | { |
- | handleSubmenu_Team = setTimeout("HideSubmenuTeam();",1000); | + | HoldNaviHistoryMenu(); |
| + | document.getElementById("PKU_navi_history_menu").style.display = 'block'; |
| + | NaviHistoryMenu_Des = 1; |
| } | | } |
- | function HoldSubmenuTeam() | + | function ShrinkNaviHistoryMenu() |
| { | | { |
- | if (handleSubmenu_Team) | + | NaviHistoryMenu_Des = 0; |
| + | if (handle_NaviHistoryMenuShrink) |
| { | | { |
- | clearTimeout(handleSubmenu_Team); | + | clearTimeout(handle_NaviHistoryMenuShrink); |
- | handleSubmenu_Team = null;
| + | |
| } | | } |
| + | handle_NaviHistoryMenuShrink = null; |
| + | handle_NaviHistoryMenuHide = setTimeout("HideNaviHistoryMenu();",500); |
| } | | } |
- | | + | function HideNaviHistoryMenu() |
- | function ShowSubmenuProject() | + | |
| { | | { |
- | HideSubmenuAll();
| + | document.getElementById("PKU_navi_history_menu").style.display = 'none'; |
- | SubmenuWidth_Des_Project = 1;
| + | if (handle_NaviHistoryMenuHide) |
- | SubmenuWidth_Des_Blank = 220;
| + | { |
- | document.getElementById("PKU_banner_submenu").style.zIndex = 50; | + | clearTimeout(handle_NaviHistoryMenuHide); |
| + | } |
| + | handle_NaviHistoryMenuHide = null; |
| } | | } |
- | function HideSubmenuProject() | + | function WithdrawNaviHistoryMenu() |
| { | | { |
- | SubmenuWidth_Des_Project = 0; | + | handle_NaviHistoryMenuShrink = setTimeout("ShrinkNaviHistoryMenu();",1000); |
- | SubmenuWidth_Des_Blank = 0;
| + | |
- | if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project);
| + | |
- | handleSubmenu_Project = null;
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Project"));
| + | |
- | document.getElementById("PKU_banner_submenu").style.zIndex = -1;
| + | |
| } | | } |
- | function WithdrawSubmenuProject() | + | function HoldNaviHistoryMenu() |
| { | | { |
- | handleSubmenu_Project = setTimeout("HideSubmenuProject();",1000); | + | if (handle_NaviHistoryMenuShrink) |
- | }
| + | { |
- | function HoldSubmenuProject()
| + | clearTimeout(handle_NaviHistoryMenuShrink); |
- | {
| + | handle_NaviHistoryMenuShrink = null; |
- | if (handleSubmenu_Project) | + | } |
| + | if (handle_NaviHistoryMenuHide) |
| { | | { |
- | clearTimeout(handleSubmenu_Project); | + | clearTimeout(handle_NaviHistoryMenuHide); |
- | handleSubmenu_Project = null; | + | handle_NaviHistoryMenuHide = null; |
| } | | } |
| } | | } |
| | | |
- | function ShowSubmenuParts() | + | function FreshNavi() |
| { | | { |
- | HideSubmenuAll(); | + | NaviIndexMenu_Cur += ( NaviIndexMenu_Des - NaviIndexMenu_Cur ) * 0.5; |
- | SubmenuWidth_Des_Blank = 300; | + | NaviHistoryMenu_Cur += ( NaviHistoryMenu_Des - NaviHistoryMenu_Cur ) * 0.5; |
- | }
| + | |
| + | var objs; |
| + | var objiter; |
| | | |
- | function ShowSubmenuModeling()
| + | objs = document.getElementsByName("PKU_navi_index_menu_BoxTB"); |
- | {
| + | for (objiter=0;objiter<objs.length;++objiter) |
- | HideSubmenuAll(); | + | |
- | SubmenuWidth_Des_Modeling = 1;
| + | |
- | SubmenuWidth_Des_Blank = 500;
| + | |
- | document.getElementById("PKU_banner_submenu").style.zIndex = 50;
| + | |
- | }
| + | |
- | function HideSubmenuModeling()
| + | |
- | {
| + | |
- | SubmenuWidth_Des_Modeling = 0;
| + | |
- | SubmenuWidth_Des_Blank = 0;
| + | |
- | if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling);
| + | |
- | handleSubmenu_Modeling = null;
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_Modeling"));
| + | |
- | document.getElementById("PKU_banner_submenu").style.zIndex = -1;
| + | |
- | }
| + | |
- | function WithdrawSubmenuModeling()
| + | |
- | {
| + | |
- | handleSubmenu_Modeling = setTimeout("HideSubmenuModeling();",1000);
| + | |
- | }
| + | |
- | function HoldSubmenuModeling()
| + | |
- | {
| + | |
- | if (handleSubmenu_Modeling)
| + | |
| { | | { |
- | clearTimeout(handleSubmenu_Modeling); | + | objs[objiter].style.width = NaviIndexMenu_Cur * 460 + "px"; |
- | handleSubmenu_Modeling = null;
| + | |
| } | | } |
- | } | + | objs = document.getElementsByName("PKU_navi_index_menu_BoxLR"); |
| + | for (objiter=0;objiter<objs.length;++objiter) |
| + | { |
| + | objs[objiter].style.height = NaviIndexMenu_Cur * indexheight + "px"; |
| + | } |
| + | objs = document.getElementById("PKU_navi_menu"); |
| + | objs.style.width = NaviIndexMenu_Cur * 460 + "px"; |
| + | objs.style.height = NaviIndexMenu_Cur * indexheight + "px"; |
| + | objs = document.getElementById("PKU_navi_index_menu"); |
| + | objs.style.right = -NaviIndexMenu_Cur * 460 + 15 + "px"; |
| | | |
- | function ShowSubmenuHumanPractice()
| + | objs = document.getElementsByName("PKU_navi_history_menu_BoxTB"); |
- | {
| + | for (objiter=0;objiter<objs.length;++objiter) |
- | HideSubmenuAll(); | + | |
- | SubmenuWidth_Des_HumanPractice = 1;
| + | |
- | SubmenuWidth_Des_Blank = 607;
| + | |
- | document.getElementById("PKU_banner_submenu").style.zIndex = 50;
| + | |
- | }
| + | |
- | function HideSubmenuHumanPractice()
| + | |
- | {
| + | |
- | SubmenuWidth_Des_HumanPractice = 0;
| + | |
- | SubmenuWidth_Des_Blank = 0;
| + | |
- | if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice);
| + | |
- | handleSubmenu_HumanPractice = null;
| + | |
- | ButtonMouseOut(document.getElementById("PKU_banner_HumanPractice"));
| + | |
- | document.getElementById("PKU_banner_submenu").style.zIndex = -1;
| + | |
- | }
| + | |
- | function WithdrawSubmenuHumanPractice()
| + | |
- | {
| + | |
- | handleSubmenu_HumanPractice = setTimeout("HideSubmenuHumanPractice();",1000);
| + | |
- | }
| + | |
- | function HoldSubmenuHumanPractice()
| + | |
- | {
| + | |
- | if (handleSubmenu_HumanPractice)
| + | |
| { | | { |
- | clearTimeout(handleSubmenu_HumanPractice); | + | objs[objiter].style.width = NaviHistoryMenu_Cur * 120 + "px"; |
- | handleSubmenu_HumanPractice = null;
| + | |
| } | | } |
| + | objs = document.getElementsByName("PKU_navi_history_menu_BoxLR"); |
| + | for (objiter=0;objiter<objs.length;++objiter) |
| + | { |
| + | objs[objiter].style.height = NaviHistoryMenu_Cur * 114 + "px"; |
| + | } |
| + | objs = document.getElementById("PKU_navi_history_menu_BoxC"); |
| + | objs.style.width = NaviHistoryMenu_Cur * 120 + "px"; |
| + | objs.style.height = NaviHistoryMenu_Cur * 114 + "px"; |
| } | | } |
| | | |
- | function ShowSubmenuSafety()
| + | var handleFreshNavi = setInterval("FreshNavi();",50); |
- | {
| + | |
- | HideSubmenuAll();
| + | |
- | SubmenuWidth_Des_Blank = 680;
| + | |
- | }
| + | |
| | | |
- | function FreshSubmenuWidth()
| + | for (menuiter=1;menuiter<menutitle.length;++menuiter) |
| { | | { |
- | SubmenuWidth_Cur_Blank += ( SubmenuWidth_Des_Blank - SubmenuWidth_Cur_Blank ) * 0.5; | + | menuhtml += '<li><a href="#title' + menuiter + '">' + menutitle[menuiter].innerHTML + "</a></li>"; |
- | 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;
| + | |
- | | + | |
- | tmp = document.getElementById("PKU_banner_submenu_blank");
| + | |
- | tmp.style.width = SubmenuWidth_Cur_Blank + "px";
| + | |
- | tmp = document.getElementById("PKU_banner_submenu_team");
| + | |
- | tmp.style.width = SubmenuWidth_Cur_Team * 137 + "px";
| + | |
- | tmp = document.getElementById("PKU_banner_submenu_project");
| + | |
- | tmp.style.width = SubmenuWidth_Cur_Project * 250 + "px";
| + | |
- | tmp = document.getElementById("PKU_banner_submenu_modeling");
| + | |
- | tmp.style.width = SubmenuWidth_Cur_Modeling * 240 + "px";
| + | |
- | tmp = document.getElementById("PKU_banner_submenu_humanpractice");
| + | |
- | tmp.style.width = SubmenuWidth_Cur_HumanPractice * 300 + "px";
| + | |
| } | | } |
| | | |
- | var handleFreshSubmenuWidth = setInterval("FreshSubmenuWidth();",50); | + | var menunavi = document.getElementById("PKU_navi_menu"); |
| + | menunavi.innerHTML = menuhtml; |
| | | |
| </script> | | </script> |
- | <div id="text-body">
| + | |
| </html> | | </html> |