Template:TabbedMenuTop

From OpenWetWare
Jump to: navigation, search

<html> <style type="text/css">

  1. content {margin:0; padding:0; font: bold 11px/1.5em </html>{{{font}}}<html>;}
  2. tabContent { display:none; background:</html>{{{bgColor}}}<html>;}
  3. tabs {float:left; width:100%; background:</html>{{{bgColor}}}<html>; font-size:93%; line-height:normal;}
  4. tabs ul {margin:0; padding:10px 10px 0 50px; list-style:none;}
  5. tabs li {display:inline; margin:0; padding:0;}
  6. tabs a {float:left; background:url("</html>{{{leftImage}}}<html>") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
  7. 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>;}
  8. tabs a span {float:none;}
  9. tabs a:hover span {color:</html>{{{hoverColor}}}<html>;}
  10. tabs a:hover {background-position:0% -42px;}
  11. 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>