Template:Peking2012 Color Epilogue

From 2012.igem.org

(Difference between revisions)
m (Created page with "<html> </div> <style type="text/css"> - * Peking 2012 Header * by Sun Sibai * this = /Template:Peking2012_Epilogue: #PKU_navi_index, #PKU_navi_totop #PKU_navi_index li , ...")
m
 
(10 intermediate revisions not shown)
Line 43: Line 43:
   position: fixed;
   position: fixed;
   bottom: 46px;
   bottom: 46px;
-
   right: 15px;
+
   left: 15px;
-
   width: 500px;
+
   width: 0;
   height: 0;
   height: 0;
-
   padding: 0;
+
   padding: 15px;
   overflow: hidden;
   overflow: hidden;
   display: block;
   display: block;
-
   line-height: 17px;
+
   line-height: 20px;
-
   background-color: #3570ff;
+
  font-size: 16px;
 +
  font-family: Arial, sans-serif;
 +
   background-color: #354080;
   border-style: solid;
   border-style: solid;
   border-width: 1px;
   border-width: 1px;
-
   border-color: #70a0ff;
+
   border-color: #35dfff;
 +
  z-index: 20;
 +
  filter: Alpha(Opacity=90%);
 +
  -moz-opacity: 0.9;
 +
  opacity: 0.9;
}
}
#PKU_navi_menu *
#PKU_navi_menu *
Line 60: Line 66:
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
-
}
 
-
#PKU_navi_menu li
 
-
{
 
-
  line-height: 11px;
 
}
}
#PKU_navi_menu a,
#PKU_navi_menu a,
Line 69: Line 71:
#PKU_navi_menu a:visited
#PKU_navi_menu a:visited
{
{
-
   color: #a3a3a3;
+
   color: #fffea3;
}
}
#PKU_navi_menu a:hover,
#PKU_navi_menu a:hover,
Line 92: Line 94:
   <a title="Page Index">
   <a title="Page Index">
     <img src="/wiki/images/a/a9/Peking2012_Index.png" alt="Index" />
     <img src="/wiki/images/a/a9/Peking2012_Index.png" alt="Index" />
-
     <img src="/wiki/images/a/a9/Peking2012_Index.png" alt="Index" />
+
     <img src="/wiki/images/8/81/Peking2012_Index_H.png" alt="Index" />
   </a>
   </a>
   </li>
   </li>
Line 118: Line 120:
var menutitle = document.getElementsByTagName("h3");
var menutitle = document.getElementsByTagName("h3");
var menuhtml = "";
var menuhtml = "";
-
var indexheight = 1.5 * (menutitle.length-1) * 16; /* 1em = 16px */
+
var indexheight = 1.5 * (menutitle.length+2) * 16; /* 1em = 16px */
function ButtonMouseOver(objPointer)
function ButtonMouseOver(objPointer)
Line 147: Line 149:
     naviHandle = setTimeout(NaviIndexGrowth,50);
     naviHandle = setTimeout(NaviIndexGrowth,50);
   }
   }
-
   naviMenu.style.width=naviIndex_Cur*500+'px';
+
   naviMenu.style.width=naviIndex_Cur*250+'px';
   naviMenu.style.height=naviIndex_Cur*indexheight+'px';
   naviMenu.style.height=naviIndex_Cur*indexheight+'px';
}
}
function NaviIndexWither()
function NaviIndexWither()
{
{
-
   naviIndex_Cur = naviIndex_Cur * 0.7 - 0.5;
+
   naviIndex_Cur = naviIndex_Cur * 0.7 - 0.1;
   if (naviIndex_Cur<=0)
   if (naviIndex_Cur<=0)
   {
   {
Line 165: Line 167:
     naviHandle = setTimeout(NaviIndexWither,50);
     naviHandle = setTimeout(NaviIndexWither,50);
   }
   }
-
   naviMenu.style.width=naviIndex_Cur*500+'px';
+
   naviMenu.style.width=naviIndex_Cur*250+'px';
   naviMenu.style.height=naviIndex_Cur*indexheight+'px';
   naviMenu.style.height=naviIndex_Cur*indexheight+'px';
}
}
Line 221: Line 223:
for (var it=1;it<menutitle.length;++it)
for (var it=1;it<menutitle.length;++it)
{
{
-
   menuhtml += '<li><a href="#title' + it + '">' + menutitle[it].innerHTML + "</a></li>";
+
   menuhtml += '<li><a href="#title' + it + '">' + menutitle[it].innerHTML.replace(/<[^>]*>/g,"") + "</a></li>";
}
}
naviMenu.innerHTML = menuhtml;
naviMenu.innerHTML = menuhtml;
 +
naviMenu.style.display="none";
</script>
</script>
</html>
</html>

Latest revision as of 13:59, 26 September 2012

  • Totop Totop