Template:TabbedMenuTop
From OpenWetWare
Jump to navigationJump to search
<html> <style type="text/css">
- content {margin:0; padding:0; font: bold 11px/1.5em </html>{{{font}}}<html>;}
- tabContent { display:none; background:</html>{{{bgColor}}}<html>;}
- tabs {float:left; width:100%; background:</html>{{{bgColor}}}<html>; font-size:93%; line-height:normal;}
- tabs ul {margin:0; padding:10px 10px 0 50px; list-style:none;}
- tabs li {display:inline; margin:0; padding:0;}
- tabs a {float:left; background:url("</html>{{{leftImage}}}<html>") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
- tabs a span {float:left; display:block; background:url("</html>{{{rightImage}}}<html>") no-repeat right top; padding:5px 15px 4px 6px; color:</html>{{{linkColor}}}<html>;}
- tabs a span {float:none;}
- tabs a:hover span {color:</html>{{{hoverColor}}}<html>;}
- tabs a:hover {background-position:0% -42px;}
- tabs a:hover span {background-position:100% -42px;}
</style> <script language="JavaScript"> var currentTab = ''; function turnOff(tab){ var me = document.getElementById(tab); me.style.display="none"; } function turnOn(tab){ if (currentTab != '') turnOff(currentTab); var me = document.getElementById(tab); me.style.display="inline"; currentTab = tab; } </script> </html>