Template:Peking2012 Color Epilogue
From 2012.igem.org
(Difference between revisions)
m |
m |
||
(9 intermediate revisions not shown) | |||
Line 46: | Line 46: | ||
width: 0; | width: 0; | ||
height: 0; | height: 0; | ||
- | padding: | + | padding: 15px; |
overflow: hidden; | overflow: hidden; | ||
display: block; | display: block; | ||
- | line-height: | + | line-height: 20px; |
- | background-color: # | + | 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: # | + | 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 a, | #PKU_navi_menu a, | ||
Line 69: | Line 71: | ||
#PKU_navi_menu a:visited | #PKU_navi_menu a:visited | ||
{ | { | ||
- | color: # | + | 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/ | + | <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 | + | 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* | + | 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. | + | 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* | + | 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; |
Latest revision as of 13:59, 26 September 2012