Template:Peking2012 Epilogue

From 2012.igem.org

(Difference between revisions)
m
m
Line 50: Line 50:
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
 +
  display: block;
}
}
#PKU_navi_history_menu
#PKU_navi_history_menu
Line 59: Line 60:
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
 +
  display: block;
}
}
-
#PKU_navi_index_menu ul ,
+
#PKU_navi_index_menu *,
-
#PKU_navi_history_menu ul
+
#PKU_navi_history_menu *
{
{
-
   background-color: transparent;
+
   margin: 0;
-
  background-repeat: repeat-y;
+
   padding: 0;
-
   padding: 0 15px;
+
   overflow: hidden;
   overflow: hidden;
}
}
-
#PKU_navi_index_menu ul
 
-
{
 
-
  background-image: url("/wiki/images/1/1c/Peking2012_Above_B.png");
 
-
}
 
-
#PKU_navi_history_menu ul
 
-
{
 
-
  background-image: url("/wiki/images/b/ba/Peking2012_Above_H_B.png");
 
-
}
 
-
 
#PKU_navi_index_menu ul li
#PKU_navi_index_menu ul li
{
{
   width: 460px;
   width: 460px;
-
  padding: 0;
 
-
  overflow: hidden;
 
}
}
#PKU_navi_history_menu ul li
#PKU_navi_history_menu ul li
{
{
   width: 150px;
   width: 150px;
-
  padding: 0;
 
-
  overflow: hidden;
 
}
}
-
#PKU_navi_index_menu ul a ,
+
#PKU_navi_index_menu a ,
-
#PKU_navi_index_menu ul a:link ,
+
#PKU_navi_index_menu a:link ,
-
#PKU_navi_index_menu ul a:visited ,
+
#PKU_navi_index_menu a:visited ,
-
#PKU_navi_history_menu ul a ,
+
#PKU_navi_history_menu a ,
-
#PKU_navi_history_menu ul a:link ,
+
#PKU_navi_history_menu a:link ,
-
#PKU_navi_history_menu ul a:visited
+
#PKU_navi_history_menu a:visited
{
{
   color: #d3d3d3;
   color: #d3d3d3;
}
}
-
#PKU_navi_index_menu ul a:hover ,
+
#PKU_navi_index_menu a:hover ,
-
#PKU_navi_index_menu ul a:active ,
+
#PKU_navi_index_menu a:active ,
-
#PKU_navi_history_menu ul a:hover ,
+
#PKU_navi_history_menu a:hover ,
-
#PKU_navi_history_menu ul a:active
+
#PKU_navi_history_menu a:active
{
{
   color: #ffffff;
   color: #ffffff;
   text-decoration: none;
   text-decoration: none;
 +
}
 +
 +
.PKU_BoxBorderT
 +
{
 +
  line-height: 11px;
 +
}
 +
.PKU_BoxBorderB
 +
{
 +
  line-height: 10px;
 +
}
 +
.PKU_BoxT ,
 +
.PKU_BoxB
 +
{
 +
  background-color: transparent;
 +
  background-repeat: repeat-x;
 +
  height: 11px;
 +
}
 +
.PKU_BoxT
 +
{
 +
  background-image: url("/wiki/images/?/??/Peking2012_FloatBox_12.png");
 +
}
 +
.PKU_BoxB
 +
{
 +
  background-image: url("/wiki/images/?/??/Peking2012_FloatBox_32.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: 150px;
 +
}
 +
.PKU_BoxL ,
 +
.PKU_BoxR
 +
{
 +
  background-color: transparent;
 +
  background-repeat: repeat-y;
 +
  width: 11px;
 +
}
 +
.PKU_BoxL
 +
{
 +
  background-image: url("/wiki/images/?/??/Peking2012_FloatBox_21.png");
 +
}
 +
.PKU_BoxR
 +
{
 +
  background-image: url("/wiki/images/?/??/Peking2012_FloatBox_23.png");
 +
}
 +
#PKU_navi_index_menu .PKU_BoxL ,
 +
#PKU_navi_index_menu .PKU_BoxR
 +
{
 +
  height: 0; /* edit in javascript */
 +
}
 +
#PKU_navi_history_menu .PKU_BoxL ,
 +
#PKU_navi_history_menu .PKU_BoxR
 +
{
 +
  height: 114px;
 +
}
 +
#PKU_navi_history_menu_BoxC
 +
{
 +
  width: 120px;
 +
  height: 114px;
 +
}
 +
#PKU_navi_menu
 +
{
 +
  width: 460px;
 +
  height: 0; /* edit in javascript */
}
}
Line 134: Line 191:
<div>
<div>
  <ul id="PKU_navi_history_menu" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();">
  <ul id="PKU_navi_history_menu" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();">
-
   <li style="line-height:11px;">
+
   <li class="PKU_BoxBorderT">
-
   <img src="/wiki/images/1/16/Peking2012_Above_H_S.png" alt="" />
+
   <ul>
 +
    <li>
 +
    <img src="Peking2012_FloatBox_11.png" alt="" />
 +
    </li>
 +
    <li>
 +
    <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxT">
 +
    </p>
 +
    </li>
 +
    <li>
 +
    <img src="Peking2012_FloatBox_13.png" alt="" />
 +
    </li>
 +
  </ul>
   </li>
   </li>
   <li>
   <li>
   <ul>
   <ul>
     <li>
     <li>
-
     <a href="https://2007.igem.org/Peking" > 2007 Peking </a>
+
     <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxL">
 +
    </p>
     </li>
     </li>
     <li>
     <li>
-
     <a href="https://2008.igem.org/Team:Peking" > 2008 Peking </a>
+
     <ul id="PKU_navi_history_menu_BoxC">
 +
      <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>
     <li>
     <li>
-
     <a href="https://2009.igem.org/Team:Peking" > 2009 Peking </a>
+
     <p name="PKU_navi_history_menu_BoxLR" class="PKU_BoxR">
 +
    </p>
     </li>
     </li>
 +
  </ul>
 +
  </li>
 +
  <li class="PKU_BoxBorderB">
 +
  <ul>
     <li>
     <li>
-
     <a href="https://2010.igem.org/Team:Peking" > 2010 Peking </a>
+
     <img src="Peking2012_FloatBox_31.png" alt="" />
     </li>
     </li>
     <li>
     <li>
-
     <a href="https://2011.igem.org/Team:Peking_R" > 2011 Peking R </a>
+
     <p name="PKU_navi_history_menu_BoxTB" class="PKU_BoxB">
 +
    </p>
     </li>
     </li>
     <li>
     <li>
-
     <a href="https://2011.igem.org/Team:Peking_S" > 2011 Peking S </a>
+
     <img src="Peking2012_FloatBox_33.png" alt="" />
     </li>
     </li>
   </ul>
   </ul>
-
  </li>
 
-
  <li style="line-height:10px;">
 
-
  <img src="/wiki/images/8/86/Peking2012_Above_H_E.png" alt="" />
 
   </li>
   </li>
  </ul>
  </ul>
Line 167: Line 258:
<div>
<div>
  <ul id="PKU_navi_index_menu" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();">
  <ul id="PKU_navi_index_menu" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();">
-
   <li style="line-height:11px;">
+
   <li class="PKU_BoxBorderT">
-
   <img src="/wiki/images/6/68/Peking2012_Above_S.png" alt="" />
+
   <ul>
 +
    <li>
 +
    <img src="Peking2012_FloatBox_11.png" alt="" />
 +
    </li>
 +
    <li>
 +
    <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxT">
 +
    </p>
 +
    </li>
 +
    <li>
 +
    <img src="Peking2012_FloatBox_13.png" alt="" />
 +
    </li>
 +
  </ul>
   </li>
   </li>
   <li>
   <li>
-
   <ul id="PKU_navi_menu">
+
   <ul>
 +
    <li>
 +
    <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxL">
 +
    </p>
 +
    </li>
 +
    <li>
 +
    <ul id="PKU_navi_menu">
 +
    </ul>
 +
    </li>
 +
    <li>
 +
    <p name="PKU_navi_index_menu_BoxLR" class="PKU_BoxR">
 +
    </p>
 +
    </li>
   </ul>
   </ul>
   </li>
   </li>
-
   <li style="line-height:10px;">
+
   <li class="PKU_BoxBorderB">
-
   <img src="/wiki/images/e/e3/Peking2012_Above_E.png" alt="" />
+
   <ul>
 +
    <li>
 +
    <img src="Peking2012_FloatBox_31.png" alt="" />
 +
    </li>
 +
    <li>
 +
    <p name="PKU_navi_index_menu_BoxTB" class="PKU_BoxB">
 +
    </p>
 +
    </li>
 +
    <li>
 +
    <img src="Peking2012_FloatBox_33.png" alt="" />
 +
    </li>
 +
  </ul>
   </li>
   </li>
  </ul>
  </ul>
Line 217: Line 342:
var NaviHistoryMenu_Cur = 0;
var NaviHistoryMenu_Cur = 0;
var NaviHistoryMenu_Des = 0;
var NaviHistoryMenu_Des = 0;
-
var handle_NaviIndexMenu = null;
+
var handle_NaviIndexMenuShrink = null;
-
var handle_NaviHistoryMenu = null;
+
var handle_NaviHistoryMenuShrink = null;
 +
var handle_NaviIndexMenuHide = null;
 +
var handle_NaviHistoryMenuHide = null;
 +
 
 +
var menutitle = document.getElementsByTagName("h3");
 +
var menuhtml = "";
 +
var menuiter = null;
 +
var borders = document.getElementsByName("PKU_navi_index_menu_BoxLR");
 +
var borderiter = null;
 +
var indexheight = 1.9 * (menutitle.length-1) + 'em';
function ShowNaviIndexMenu()
function ShowNaviIndexMenu()
Line 224: Line 358:
   IndexOn = 1;
   IndexOn = 1;
   NaviIndexMenu_Des = 1;
   NaviIndexMenu_Des = 1;
 +
  document.getElementById("PKU_navi_index_menu").style.display = 'block';
   HoldNaviIndexMenu();
   HoldNaviIndexMenu();
}
}
-
function HideNaviIndexMenu()
+
function ShrinkNaviIndexMenu()
{
{
   IndexOn = 0;
   IndexOn = 0;
   NaviIndexMenu_Des = 0;
   NaviIndexMenu_Des = 0;
   IndexMouseOut(document.getElementById("PKU_navi_index_button"));
   IndexMouseOut(document.getElementById("PKU_navi_index_button"));
-
   if (handle_NaviIndexMenu) clearTimeout(handleNaviIndexMenu);
+
   if (handle_NaviIndexMenuShrink)
-
   handleNaviIndexMenu = null;
+
  {
 +
    clearTimeout(handle_NaviIndexMenuShrink);
 +
   }
 +
  handle_NaviIndexMenuShrink = null;
 +
  handle_NaviIndexMenuHide = setTimeout("HideNaviIndexMenu();",500);
 +
}
 +
function HideNaviIndexMenu()
 +
{
 +
  document.getElementById("PKU_navi_index_menu").style.display = 'none';
 +
  if (handle_NaviIndexMenuHide)
 +
  {
 +
    clearTimeout(handle_NaviIndexMenuHide);
 +
  }
 +
  handle_NaviIndexMenuHide = null;
}
}
function WithdrawNaviIndexMenu()
function WithdrawNaviIndexMenu()
{
{
-
   handle_NaviIndexMenu = setTimeout("HideNaviIndexMenu();",1000);
+
   handle_NaviIndexMenuShrink = setTimeout("ShrinkNaviIndexMenu();",1000);
}
}
function HoldNaviIndexMenu()
function HoldNaviIndexMenu()
{
{
-
   if (handle_NaviIndexMenu)
+
   if (handle_NaviIndexMenuShrink)
   {
   {
-
     clearTimeout(handle_NaviIndexMenu);
+
     clearTimeout(handle_NaviIndexMenuShrink);
-
     handle_NaviIndexMenu = null;
+
     handle_NaviIndexMenuShrink = null;
 +
  }
 +
  if (handle_NaviIndexMenuHide)
 +
  {
 +
    clearTimeout(handle_NaviIndexMenuHide);
 +
    handle_NaviIndexMenuHide = null;
   }
   }
}
}
Line 252: Line 405:
   NaviHistoryMenu_Des = 1;
   NaviHistoryMenu_Des = 1;
}
}
-
function HideNaviHistoryMenu()
+
function ShrinkNaviHistoryMenu()
{
{
   NaviHistoryMenu_Des = 0;
   NaviHistoryMenu_Des = 0;
-
   if (handle_NaviHistoryMenu) clearTimeout(handleNaviHistoryMenu);
+
   if (handle_NaviHistoryMenuShrink)
-
   handleNaviHistoryMenu = null;
+
  {
 +
    clearTimeout(handle_NaviHistoryMenuShrink);
 +
   }
 +
  handle_NaviHistoryMenuShrink = null;
 +
  handle_NaviHistoryMenuHide = setTimeout("HideNaviHistoryMenu();",500);
 +
}
 +
function HideNaviHistoryMenu()
 +
{
 +
  document.getElementById("PKU_navi_history_menu").style.display = 'none';
 +
  if (handle_NaviHistoryMenuHide)
 +
  {
 +
    clearTimeout(handle_NaviHistoryMenuHide);
 +
  }
 +
  handle_NaviHistoryMenuHide = null;
}
}
function WithdrawNaviHistoryMenu()
function WithdrawNaviHistoryMenu()
{
{
-
   handle_NaviHistoryMenu = setTimeout("HideNaviHistoryMenu();",1000);
+
   handle_NaviHistoryMenuShrink = setTimeout("ShrinkNaviHistoryMenu();",1000);
}
}
function HoldNaviHistoryMenu()
function HoldNaviHistoryMenu()
{
{
-
   if (handle_NaviHistoryMenu)
+
   if (handle_NaviHistoryMenuShrink)
   {
   {
-
     clearTimeout(handle_NaviHistoryMenu);
+
     clearTimeout(handle_NaviHistoryMenuShrink);
-
     handle_NaviHistoryMenu = null;
+
     handle_NaviHistoryMenuShrink = null;
 +
  }
 +
  if (handle_NaviHistoryMenuHide)
 +
  {
 +
    clearTimeout(handle_NaviHistoryMenuHide);
 +
    handle_NaviHistoryMenuHide = null;
   }
   }
}
}
Line 273: Line 444:
function FreshNavi()
function FreshNavi()
{
{
-
   NaviIndexMenu_Cur += ( NaviIndexMenu_Des - NaviIndexMenu_Cur ) * 0.35;
+
   NaviIndexMenu_Cur += ( NaviIndexMenu_Des - NaviIndexMenu_Cur ) * 0.5;
-
   NaviHistoryMenu_Cur += ( NaviHistoryMenu_Des - NaviHistoryMenu_Cur ) * 0.35;
+
   NaviHistoryMenu_Cur += ( NaviHistoryMenu_Des - NaviHistoryMenu_Cur ) * 0.5;
    
    
-
   var tmp;
+
   var objs;
 +
  var objiter;
-
   tmp = document.getElementById("PKU_navi_index_menu");
+
   objs = document.getElementById("PKU_navi_index_menu").getElementsByName("PKU_navi_index_menu_BoxTB");
-
   tmp.style.width = NaviIndexMenu_Cur * 480 + "px";
+
   for (objiter=0;objiter<objs.length;++objiter)
 +
  {
 +
    objs[objiter].style.width = NaviIndexMenu_Cur * 460 + "px";
 +
  }
 +
  objs = document.getElementById("PKU_navi_index_menu").getElementsByName("PKU_navi_index_menu_BoxLR");
 +
  for (objiter=0;objiter<objs.length;++objiter)
 +
  {
 +
    objs[objiter].style.width = NaviIndexMenu_Cur * indexheight + "px";
 +
  }
 +
  objs = document.getElementById("PKU_navi_menu");
 +
  objs.style.width = NaviIndexMenu_Cur * 460 + "px";
 +
  objs.style.height = NaviIndexMenu_Cur * indexheight + "px";
-
   tmp = document.getElementById("PKU_navi_history_menu");
+
   objs = document.getElementById("PKU_navi_history_menu").getElementsByName("PKU_navi_history_menu_BoxTB");
-
   tmp.style.width = NaviHistoryMenu_Cur * 120 + "px";
+
   for (objiter=0;objiter<objs.length;++objiter)
 +
  {
 +
    objs[objiter].style.width = NaviHistoryMenu_Cur * 120 + "px";
 +
  }
 +
  objs = document.getElementById("PKU_navi_history_menu").getElementsByName("PKU_navi_history_menu_BoxLR");
 +
  for (objiter=0;objiter<objs.length;++objiter)
 +
  {
 +
    objs[objiter].style.width = 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";
}
}
var handleFreshNavi = setInterval("FreshNavi();",50);
var handleFreshNavi = setInterval("FreshNavi();",50);
-
 
-
var menutitle = document.getElementsByTagName("h3");
 
-
var menuhtml = "";
 
-
var menuiter = null;
 
for (menuiter=1;menuiter<menutitle.length;++menuiter)
for (menuiter=1;menuiter<menutitle.length;++menuiter)

Revision as of 09:17, 23 August 2012

  • Peking Peking

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