TabberDesign

Tabber tags
To use a tabber you use the code below. Title1=Text1
 * -|Title2=Text2
 * -|Title3=Text3

Customizing
You can use the code below to customize it. Please add it to Special:CSS or another css page to let it work. /* Customizing Tabber */ .tabbertab { border-top: 2px solid grey !important; border-bottom: 2px solid grey !important; border-left: 2px solid grey !important; border-right: 2px solid grey !important; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 2px; } /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0px; } .tabbernav { background: transparent; border-bottom: none !important; padding: 3px 0 !important; } ul.tabbernav li a { color: white !important; padding: 3px 0.5em !important; margin-left: 0px !important; background: #014604 !important; border: 2px solid black !important; font-weight: normal !important; font-size: 16px !important; -moz-border-radius-topright: 5px !important; border-top-right-radius: 5px !important; -moz-border-radius-topleft: 5px !important; border-top-left-radius: 5px !important; position: relative; } ul.tabbernav li.tabberactive a { border: 2px solid black !important; color: white !important; font-weight: bold !important; font-size: 16px !important; background-color: #014604 !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; } /* End of Customizing Tabber */ This code will give you the following layout of the tabber:

Known Bugs
If you find bugs please let me know on talk page or use the talk page of the article.
 * none