Template:Peking2012 Epilogue

From 2012.igem.org

(Difference between revisions)
m
m
 
(26 intermediate revisions not shown)
Line 47: Line 47:
   bottom: 46px;
   bottom: 46px;
   right: 15px;
   right: 15px;
-
   width: 480px;
+
   width: 498px;
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
Line 57: Line 57:
   bottom: 46px;
   bottom: 46px;
   left: 15px;
   left: 15px;
-
   width: 120px;
+
   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 li
+
#PKU_navi_history_menu ul
{
{
-
   width: 460px;
+
   line-height: 11px;
}
}
-
#PKU_navi_history_menu ul li
+
#PKU_navi_index_menu ul#PKU_navi_menu ,
 +
#PKU_navi_history_menu ul#PKU_navi_history_menu_BoxC
{
{
-
   width: 150px;
+
   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_BoxBorderB
+
-
{
+
-
   line-height: 10px;
+
}
}
.PKU_BoxT ,
.PKU_BoxT ,
Line 114: Line 115:
   height: 11px;
   height: 11px;
}
}
-
.PKU_BoxT
+
.PKU_Box11 ,
 +
.PKU_Box13 ,
 +
.PKU_Box31 ,
 +
.PKU_Box33
{
{
-
   background-image: url("/wiki/images/?/??/Peking2012_FloatBox_12.png");
+
   width: 11px;
 +
  height: 11px;
}
}
-
.PKU_BoxB
+
.PKU_Box11
{
{
-
   background-image: url("/wiki/images/?/??/Peking2012_FloatBox_32.png");
+
   background-image: url("/wiki/images/6/6a/Peking2012_FloatBox_11.png");
}
}
-
#PKU_navi_index_menu .PKU_BoxT ,
+
.PKU_Box13
-
#PKU_navi_index_menu .PKU_BoxB
+
{
{
-
   width: 460px;
+
   background-image: url("/wiki/images/b/b5/Peking2012_FloatBox_13.png");
}
}
-
#PKU_navi_history_menu .PKU_BoxT ,
+
.PKU_Box31
-
#PKU_navi_history_menu .PKU_BoxB
+
{
{
-
   width: 150px;
+
   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/?/??/Peking2012_FloatBox_21.png");
+
   background-image: url("/wiki/images/3/3c/Peking2012_FloatBox_21.png");
}
}
.PKU_BoxR
.PKU_BoxR
{
{
-
   background-image: url("/wiki/images/?/??/Peking2012_FloatBox_23.png");
+
   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>
-
     <img src="Peking2012_FloatBox_11.png" alt="" />
+
     <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>
-
    </p>
+
     </li>
     </li>
     <li>
     <li>
-
     <img src="Peking2012_FloatBox_13.png" alt="" />
+
     <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>
-
    </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>
-
    </p>
+
     </li>
     </li>
   </ul>
   </ul>
   </li>
   </li>
   <li class="PKU_BoxBorderB">
   <li class="PKU_BoxBorderB">
-
   <ul>
+
   <ul class="horizontal">
     <li>
     <li>
-
     <img src="Peking2012_FloatBox_31.png" alt="" />
+
     <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>
-
    </p>
+
     </li>
     </li>
     <li>
     <li>
-
     <img src="Peking2012_FloatBox_33.png" alt="" />
+
     <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>
-
     <img src="Peking2012_FloatBox_11.png" alt="" />
+
     <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>
-
    </p>
+
     </li>
     </li>
     <li>
     <li>
-
     <img src="Peking2012_FloatBox_13.png" alt="" />
+
     <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>
-
    </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>
-
    </p>
+
     </li>
     </li>
   </ul>
   </ul>
   </li>
   </li>
   <li class="PKU_BoxBorderB">
   <li class="PKU_BoxBorderB">
-
   <ul>
+
   <ul class="horizontal">
     <li>
     <li>
-
     <img src="Peking2012_FloatBox_31.png" alt="" />
+
     <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>
-
    </p>
+
     </li>
     </li>
     <li>
     <li>
-
     <img src="Peking2012_FloatBox_33.png" alt="" />
+
     <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.9 * (menutitle.length-1) + 'em';
+
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 458: Line 483:
   for (objiter=0;objiter<objs.length;++objiter)
   for (objiter=0;objiter<objs.length;++objiter)
   {
   {
-
     objs[objiter].style.width = NaviIndexMenu_Cur * indexheight + "px";
+
     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 472: Line 499:
   for (objiter=0;objiter<objs.length;++objiter)
   for (objiter=0;objiter<objs.length;++objiter)
   {
   {
-
     objs[objiter].style.width = NaviHistoryMenu_Cur * 114 + "px";
+
     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

  • Peking Peking

Retrieved from "http://2012.igem.org/Template:Peking2012_Epilogue"