Template:Tabs

{{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|red}};"> }}{{#if:{{{tab2| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab2}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if:{{{tab3| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab3}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if: {{{tab4| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab4}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if: {{{tab5| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab5}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if: {{{tab6| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab6}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if: {{{tab7| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab7}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if: {{{tab8| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab8}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }} }}{{#if: {{{tab9| }}}| {{#ifeq:{{SUBPAGENAME}}|{{{tab9}}}| <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|red}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|red}}}; color: black; font-size:100%;"> <div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};"> }}}}

This template is supposed to be the base template for other tab templates.

Usage
All parameters, except tab1, are optional.
 * backcolor - background color of active tab; default #000000;
 * altbackcolor - background color of inactive tabs; default transparent;
 * bordercolor - border color of every tab; default gray;
 * borderradius - border radius of every tab; default 4;
 * height - height of tabs, in em; default 3.8em;
 * minwidth - min. width of tabs, in em; default 5.0em;
 * maxwidth - max. width of tabs, in em; default 12.0em;
 * tab1 - an arbitrary title of the first tab;
 * tab2 - title of the second tab; it must correspond to the part after "/" of the name of the page, to which it links
 * tab3, tab4, tab5, tab6, tab7, tab8, tab9 - like tab2