Template:Peking2012 Epilogue
From 2012.igem.org
(Difference between revisions)
m |
m |
||
(27 intermediate revisions not shown) | |||
Line 47: | Line 47: | ||
bottom: 46px; | bottom: 46px; | ||
right: 15px; | right: 15px; | ||
- | width: | + | width: 498px; |
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
Line 57: | Line 57: | ||
bottom: 46px; | bottom: 46px; | ||
left: 15px; | left: 15px; | ||
- | width: | + | width: 158px; |
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
Line 63: | Line 63: | ||
} | } | ||
- | #PKU_navi_index_menu *, | + | #PKU_navi_index_menu * , |
#PKU_navi_history_menu * | #PKU_navi_history_menu * | ||
{ | { | ||
Line 70: | Line 70: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
- | + | #PKU_navi_index_menu ul , | |
- | #PKU_navi_index_menu ul | + | #PKU_navi_history_menu ul |
{ | { | ||
- | + | line-height: 11px; | |
} | } | ||
- | #PKU_navi_history_menu ul | + | #PKU_navi_index_menu ul#PKU_navi_menu , |
+ | #PKU_navi_history_menu ul#PKU_navi_history_menu_BoxC | ||
{ | { | ||
- | + | line-height: 17px; | |
} | } | ||
Line 99: | Line 100: | ||
} | } | ||
- | .PKU_BoxBorderT | + | li.PKU_BoxBorderT , |
+ | li.PKU_BoxBorderB , | ||
+ | li.PKU_BoxBorderT li , | ||
+ | li.PKU_BoxBorderB li | ||
{ | { | ||
line-height: 11px; | line-height: 11px; | ||
- | + | height: 11px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.PKU_BoxT , | .PKU_BoxT , | ||
Line 114: | Line 115: | ||
height: 11px; | height: 11px; | ||
} | } | ||
- | . | + | .PKU_Box11 , |
+ | .PKU_Box13 , | ||
+ | .PKU_Box31 , | ||
+ | .PKU_Box33 | ||
{ | { | ||
- | + | width: 11px; | |
+ | height: 11px; | ||
} | } | ||
- | . | + | .PKU_Box11 |
{ | { | ||
- | background-image: url("/wiki/images/ | + | background-image: url("/wiki/images/6/6a/Peking2012_FloatBox_11.png"); |
} | } | ||
- | + | .PKU_Box13 | |
- | + | ||
{ | { | ||
- | + | background-image: url("/wiki/images/b/b5/Peking2012_FloatBox_13.png"); | |
} | } | ||
- | + | .PKU_Box31 | |
- | + | ||
{ | { | ||
- | + | background-image: url("/wiki/images/1/1e/Peking2012_FloatBox_31.png"); | |
+ | } | ||
+ | .PKU_Box33 | ||
+ | { | ||
+ | background-image: url("/wiki/images/1/10/Peking2012_FloatBox_33.png"); | ||
+ | } | ||
+ | |||
+ | .PKU_BoxT | ||
+ | { | ||
+ | background-image: url("/wiki/images/0/0f/Peking2012_FloatBox_12.png"); | ||
+ | } | ||
+ | .PKU_BoxB | ||
+ | { | ||
+ | background-image: url("/wiki/images/e/e6/Peking2012_FloatBox_32.png"); | ||
+ | } | ||
+ | .PKU_BoxC | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-repeat: repeat; | ||
+ | background-image: url("/wiki/images/5/5f/Peking2012_FloatBox_22.png"); | ||
} | } | ||
.PKU_BoxL , | .PKU_BoxL , | ||
Line 141: | Line 163: | ||
.PKU_BoxL | .PKU_BoxL | ||
{ | { | ||
- | background-image: url("/wiki/images/ | + | background-image: url("/wiki/images/3/3c/Peking2012_FloatBox_21.png"); |
} | } | ||
.PKU_BoxR | .PKU_BoxR | ||
{ | { | ||
- | background-image: url("/wiki/images/ | + | background-image: url("/wiki/images/8/8c/Peking2012_FloatBox_23.png"); |
+ | } | ||
+ | #PKU_navi_index_menu .PKU_BoxT , | ||
+ | #PKU_navi_index_menu .PKU_BoxB | ||
+ | { | ||
+ | width: 460px; | ||
+ | } | ||
+ | #PKU_navi_history_menu .PKU_BoxT , | ||
+ | #PKU_navi_history_menu .PKU_BoxB | ||
+ | { | ||
+ | width: 120px; | ||
} | } | ||
#PKU_navi_index_menu .PKU_BoxL , | #PKU_navi_index_menu .PKU_BoxL , | ||
Line 190: | Line 222: | ||
</div> | </div> | ||
<div> | <div> | ||
- | <ul id="PKU_navi_history_menu" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();"> | + | <ul id="PKU_navi_history_menu" class="vertical" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();"> |
<li class="PKU_BoxBorderT"> | <li class="PKU_BoxBorderT"> | ||
- | <ul> | + | <ul class="horizontal"> |
<li> | <li> | ||
- | < | + | <p class="PKU_Box11" ></p> |
</li> | </li> | ||
<li> | <li> | ||
- | <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxT"> | + | <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxT"></p> |
- | + | ||
</li> | </li> | ||
<li> | <li> | ||
- | < | + | <p class="PKU_Box13" ></p> |
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <ul> | + | <ul class="horizontal"> |
<li> | <li> | ||
- | <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxL"> | + | <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxL"></p> |
- | + | ||
</li> | </li> | ||
<li> | <li> | ||
- | <ul id="PKU_navi_history_menu_BoxC"> | + | <ul id="PKU_navi_history_menu_BoxC" class="PKU_BoxC vertical"> |
<li> | <li> | ||
<a href="https://2007.igem.org/Peking" > 2007 Peking </a> | <a href="https://2007.igem.org/Peking" > 2007 Peking </a> | ||
Line 234: | Line 264: | ||
</li> | </li> | ||
<li> | <li> | ||
- | <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxR"> | + | <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxR"></p> |
- | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="PKU_BoxBorderB"> | <li class="PKU_BoxBorderB"> | ||
- | <ul> | + | <ul class="horizontal"> |
<li> | <li> | ||
- | < | + | <p class="PKU_Box31" ></p> |
</li> | </li> | ||
<li> | <li> | ||
- | <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxB"> | + | <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxB"></p> |
- | + | ||
</li> | </li> | ||
<li> | <li> | ||
- | < | + | <p class="PKU_Box33" ></p> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 257: | Line 285: | ||
<div> | <div> | ||
- | <ul id="PKU_navi_index_menu" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();"> | + | <ul id="PKU_navi_index_menu" class="vertical" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();"> |
<li class="PKU_BoxBorderT"> | <li class="PKU_BoxBorderT"> | ||
- | <ul> | + | <ul class="horizontal"> |
<li> | <li> | ||
- | < | + | <p class="PKU_Box11" ></p> |
</li> | </li> | ||
<li> | <li> | ||
- | <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxT"> | + | <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxT"></p> |
- | + | ||
</li> | </li> | ||
<li> | <li> | ||
- | < | + | <p class="PKU_Box13" ></p> |
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <ul> | + | <ul class="horizontal"> |
<li> | <li> | ||
- | <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxL"> | + | <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxL"></p> |
- | + | ||
</li> | </li> | ||
<li> | <li> | ||
- | <ul id="PKU_navi_menu"> | + | <ul id="PKU_navi_menu" class="PKU_BoxC vertical"> |
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxR"> | + | <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxR"></p> |
- | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="PKU_BoxBorderB"> | <li class="PKU_BoxBorderB"> | ||
- | <ul> | + | <ul class="horizontal"> |
<li> | <li> | ||
- | < | + | <p class="PKU_Box31" ></p> |
</li> | </li> | ||
<li> | <li> | ||
- | <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxB"> | + | <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxB"></p> |
- | + | ||
</li> | </li> | ||
<li> | <li> | ||
- | < | + | <p class="PKU_Box33" ></p> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 352: | Line 376: | ||
var borders = document.getElementsByName("PKU_navi_index_menu_BoxLR"); | var borders = document.getElementsByName("PKU_navi_index_menu_BoxLR"); | ||
var borderiter = null; | var borderiter = null; | ||
- | var indexheight = 1. | + | var indexheight = 1.5 * (menutitle.length-1) * 16; /* 1em = 16px */ |
function ShowNaviIndexMenu() | function ShowNaviIndexMenu() | ||
Line 403: | Line 427: | ||
{ | { | ||
HoldNaviHistoryMenu(); | HoldNaviHistoryMenu(); | ||
+ | document.getElementById("PKU_navi_history_menu").style.display = 'block'; | ||
NaviHistoryMenu_Des = 1; | NaviHistoryMenu_Des = 1; | ||
} | } | ||
Line 455: | Line 480: | ||
objs[objiter].style.width = NaviIndexMenu_Cur * 460 + "px"; | objs[objiter].style.width = NaviIndexMenu_Cur * 460 + "px"; | ||
} | } | ||
- | objs = document | + | objs = document.getElementsByName("PKU_navi_index_menu_BoxLR"); |
for (objiter=0;objiter<objs.length;++objiter) | for (objiter=0;objiter<objs.length;++objiter) | ||
{ | { | ||
- | objs[objiter].style. | + | objs[objiter].style.height = NaviIndexMenu_Cur * indexheight + "px"; |
} | } | ||
objs = document.getElementById("PKU_navi_menu"); | objs = document.getElementById("PKU_navi_menu"); | ||
objs.style.width = NaviIndexMenu_Cur * 460 + "px"; | objs.style.width = NaviIndexMenu_Cur * 460 + "px"; | ||
objs.style.height = NaviIndexMenu_Cur * indexheight + "px"; | objs.style.height = NaviIndexMenu_Cur * indexheight + "px"; | ||
+ | objs = document.getElementById("PKU_navi_index_menu"); | ||
+ | objs.style.right = (NaviIndexMenu_Cur-1) * 460 + 15 + "px"; | ||
objs = document.getElementsByName("PKU_navi_history_menu_BoxTB"); | objs = document.getElementsByName("PKU_navi_history_menu_BoxTB"); | ||
Line 469: | Line 496: | ||
objs[objiter].style.width = NaviHistoryMenu_Cur * 120 + "px"; | objs[objiter].style.width = NaviHistoryMenu_Cur * 120 + "px"; | ||
} | } | ||
- | objs = document | + | objs = document.getElementsByName("PKU_navi_history_menu_BoxLR"); |
for (objiter=0;objiter<objs.length;++objiter) | for (objiter=0;objiter<objs.length;++objiter) | ||
{ | { | ||
- | objs[objiter].style. | + | objs[objiter].style.height = NaviHistoryMenu_Cur * 114 + "px"; |
} | } | ||
objs = document.getElementById("PKU_navi_history_menu_BoxC"); | objs = document.getElementById("PKU_navi_history_menu_BoxC"); | ||
Line 489: | Line 516: | ||
menunavi.innerHTML = menuhtml; | menunavi.innerHTML = menuhtml; | ||
+ | HideNaviIndexMenu(); | ||
+ | HideNaviHistoryMenu(); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 08:17, 1 September 2012