"
Template:Peking2012 Color Epilogue
From 2012.igem.org
(Difference between revisions)
m |
m |
||
| (8 intermediate revisions not shown) | |||
| Line 50: | Line 50: | ||
display: block; | display: block; | ||
line-height: 20px; | line-height: 20px; | ||
| - | font-size: | + | font-size: 16px; |
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
| - | background-color: # | + | 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 67: | 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 90: | 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 116: | 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 145: | 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 163: | 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 219: | 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
