Template:Peking2012 Epilogue
From 2012.igem.org
(Difference between revisions)
m |
m |
||
(20 intermediate revisions not shown) | |||
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 69: | Line 69: | ||
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
+ | } | ||
+ | #PKU_navi_index_menu ul , | ||
+ | #PKU_navi_history_menu ul | ||
+ | { | ||
+ | line-height: 11px; | ||
+ | } | ||
+ | #PKU_navi_index_menu ul#PKU_navi_menu , | ||
+ | #PKU_navi_history_menu ul#PKU_navi_history_menu_BoxC | ||
+ | { | ||
+ | line-height: 17px; | ||
} | } | ||
Line 90: | 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 103: | Line 113: | ||
background-color: transparent; | background-color: transparent; | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
- | height: | + | height: 11px; |
} | } | ||
+ | .PKU_Box11 , | ||
+ | .PKU_Box13 , | ||
+ | .PKU_Box31 , | ||
+ | .PKU_Box33 | ||
+ | { | ||
+ | width: 11px; | ||
+ | height: 11px; | ||
+ | } | ||
+ | .PKU_Box11 | ||
+ | { | ||
+ | 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 | .PKU_BoxT | ||
{ | { | ||
Line 124: | Line 159: | ||
background-color: transparent; | background-color: transparent; | ||
background-repeat: repeat-y; | background-repeat: repeat-y; | ||
- | width: | + | width: 11px; |
} | } | ||
.PKU_BoxL | .PKU_BoxL | ||
Line 142: | Line 177: | ||
#PKU_navi_history_menu .PKU_BoxB | #PKU_navi_history_menu .PKU_BoxB | ||
{ | { | ||
- | width: | + | width: 120px; |
} | } | ||
#PKU_navi_index_menu .PKU_BoxL , | #PKU_navi_index_menu .PKU_BoxL , | ||
Line 191: | Line 226: | ||
<ul class="horizontal"> | <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> | ||
Line 205: | Line 239: | ||
<ul class="horizontal"> | <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> | ||
Line 231: | 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> | ||
Line 239: | Line 271: | ||
<ul class="horizontal"> | <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 258: | Line 289: | ||
<ul class="horizontal"> | <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> | ||
Line 272: | Line 302: | ||
<ul class="horizontal"> | <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> | ||
Line 281: | Line 310: | ||
</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> | ||
Line 289: | Line 317: | ||
<ul class="horizontal"> | <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 349: | 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 400: | Line 427: | ||
{ | { | ||
HoldNaviHistoryMenu(); | HoldNaviHistoryMenu(); | ||
+ | document.getElementById("PKU_navi_history_menu").style.display = 'block'; | ||
NaviHistoryMenu_Des = 1; | NaviHistoryMenu_Des = 1; | ||
} | } | ||
Line 455: | Line 483: | ||
for (objiter=0;objiter<objs.length;++objiter) | for (objiter=0;objiter<objs.length;++objiter) | ||
{ | { | ||
- | objs[objiter].style.height = NaviIndexMenu_Cur * indexheight + " | + | 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 486: | Line 516: | ||
menunavi.innerHTML = menuhtml; | menunavi.innerHTML = menuhtml; | ||
+ | HideNaviIndexMenu(); | ||
+ | HideNaviHistoryMenu(); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 08:17, 1 September 2012