Difference between revisions of "Template:Tabs"
m (fix width) |
m |
||
(33 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | <div class="poot-tabs- | + | <div class="poot-tabs-container poot-tabs-nojs poot-tabs-{{{orientation|vertical}}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed|}} poot-tabs-selected-{{{selected|1}}} {{#if:{{{instant|}}}|poot-tabs-noanimations}} {{#if:{{{notitle|}}}|poot-tabs-notitle}}" style="width:{{{width|800px}}}; {{#if: {{{noalign|}}}|margin-left:0px; margin-right: 0px;|}} {{{style|}}}">{{#if:{{{edittabs|}}} | <span class="poot-tabs-edittabs">{{ |
− | < | + | #if:{{{edit1|}}}|<span>{{Navbar|{{{edit1}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ |
− | < | + | #if:{{{edit2|}}}|<span>{{Navbar|{{{edit2}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ |
+ | #if:{{{edit3|}}}|<span>{{Navbar|{{{edit3}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit4|}}}|<span>{{Navbar|{{{edit4}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit5|}}}|<span>{{Navbar|{{{edit5}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit6|}}}|<span>{{Navbar|{{{edit6}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit7|}}}|<span>{{Navbar|{{{edit7}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit8|}}}|<span>{{Navbar|{{{edit8}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit9|}}}|<span>{{Navbar|{{{edit9}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit10|}}}|<span>{{Navbar|{{{edit10}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit11|}}}|<span>{{Navbar|{{{edit11}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit12|}}}|<span>{{Navbar|{{{edit12}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit13|}}}|<span>{{Navbar|{{{edit13}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit14|}}}|<span>{{Navbar|{{{edit14}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit15|}}}|<span>{{Navbar|{{{edit15}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit16|}}}|<span>{{Navbar|{{{edit16}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit17|}}}|<span>{{Navbar|{{{edit17}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit18|}}}|<span>{{Navbar|{{{edit18}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit19|}}}|<span>{{Navbar|{{{edit19}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit20|}}}|<span>{{Navbar|{{{edit20}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}</span>}} | ||
+ | <div class="poot-tabs-title" {{#if:{{{noheader|}}}|style="display:none;"}}>{{#if:{{{name|}}} | ||
+ | | <span class="poot-tabs-navbar">{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span> | ||
+ | }}{{#ifeq:{{{state|}}}|off||<span class="poot-tabs-hidelink">[[[#top|{{#if:{{{collapsed|}}}|show|hide}}]]]</span>}}<span class="poot-tabs-titletext">{{#if:{{{notitle|}}}||{{{title}}}}}</span> | ||
+ | {{clr}}</div> | ||
<div class="poot-tabs"> | <div class="poot-tabs"> | ||
<ul> | <ul> | ||
<li class="poot-tabs-selected">{{{icon1}}}</li> | <li class="poot-tabs-selected">{{{icon1}}}</li> | ||
− | {{#if:{{{icon2|}}}|<li>{{{icon2}}}</li>}} | + | {{#if:{{{icon2|}}}|<li>{{{icon2}}}</li>}}{{ |
− | {{#if:{{{icon3|}}}|<li>{{{icon3}}}</li>}} | + | #if:{{{icon3|}}}|<li>{{{icon3}}}</li>}}{{ |
− | {{#if:{{{icon4|}}}|<li>{{{icon4}}}</li>}} | + | #if:{{{icon4|}}}|<li>{{{icon4}}}</li>}}{{ |
− | {{#if:{{{icon5|}}}|<li>{{{icon5}}}</li>}} | + | #if:{{{icon5|}}}|<li>{{{icon5}}}</li>}}{{ |
− | {{#if:{{{icon6|}}}|<li>{{{icon6}}}</li>}} | + | #if:{{{icon6|}}}|<li>{{{icon6}}}</li>}}{{ |
− | {{#if:{{{icon7|}}}|<li>{{{icon7}}}</li>}} | + | #if:{{{icon7|}}}|<li>{{{icon7}}}</li>}}{{ |
− | {{#if:{{{icon8|}}}|<li>{{{icon8}}}</li>}} | + | #if:{{{icon8|}}}|<li>{{{icon8}}}</li>}}{{ |
− | {{#if:{{{icon9|}}}|<li>{{{icon9}}}</li>}} | + | #if:{{{icon9|}}}|<li>{{{icon9}}}</li>}}{{ |
− | {{#if:{{{icon10|}}}|<li>{{{icon10}}}</li>}} | + | #if:{{{icon10|}}}|<li>{{{icon10}}}</li>}}{{ |
+ | #if:{{{icon11|}}}|<li>{{{icon11}}}</li>}}{{ | ||
+ | #if:{{{icon12|}}}|<li>{{{icon12}}}</li>}}{{ | ||
+ | #if:{{{icon13|}}}|<li>{{{icon13}}}</li>}}{{ | ||
+ | #if:{{{icon14|}}}|<li>{{{icon14}}}</li>}}{{ | ||
+ | #if:{{{icon15|}}}|<li>{{{icon15}}}</li>}}{{ | ||
+ | #if:{{{icon16|}}}|<li>{{{icon16}}}</li>}}{{ | ||
+ | #if:{{{icon17|}}}|<li>{{{icon17}}}</li>}}{{ | ||
+ | #if:{{{icon18|}}}|<li>{{{icon18}}}</li>}}{{ | ||
+ | #if:{{{icon19|}}}|<li>{{{icon19}}}</li>}}{{ | ||
+ | #if:{{{icon20|}}}|<li>{{{icon20}}}</li>}} | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="poot-tabs-content"> | <div class="poot-tabs-content"> | ||
− | <div class="poot-tabs-selected">{{{content1}}}</div> | + | <div class="{{#ifexpr: {{{selected|1}}} = 1 | poot-tabs-selected}}">{{{content1}}}</div> |
− | {{#if:{{{icon2|}}}|<div>{{{content2}}}</div>}} | + | {{#if:{{{icon2|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 2 | poot-tabs-selected}}">{{{content2}}}</div>}}{{ |
− | {{#if:{{{icon3|}}}|<div>{{{content3}}}</div>}} | + | #if:{{{icon3|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 3 | poot-tabs-selected}}">{{{content3}}}</div>}}{{ |
− | {{#if:{{{icon4|}}}|<div>{{{content4}}}</div>}} | + | #if:{{{icon4|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 4 | poot-tabs-selected}}">{{{content4}}}</div>}}{{ |
− | {{#if:{{{icon5|}}}|<div>{{{content5}}}</div>}} | + | #if:{{{icon5|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 5 | poot-tabs-selected}}">{{{content5}}}</div>}}{{ |
− | {{#if:{{{icon6|}}}|<div>{{{content6}}}</div>}} | + | #if:{{{icon6|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 6 | poot-tabs-selected}}">{{{content6}}}</div>}}{{ |
− | {{#if:{{{icon7|}}}|<div>{{{content7}}}</div>}} | + | #if:{{{icon7|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 7 | poot-tabs-selected}}">{{{content7}}}</div>}}{{ |
− | {{#if:{{{icon8|}}}|<div>{{{content8}}}</div>}} | + | #if:{{{icon8|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 8 | poot-tabs-selected}}">{{{content8}}}</div>}}{{ |
− | {{#if:{{{icon9|}}}|<div>{{{content9}}}</div>}} | + | #if:{{{icon9|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 9 | poot-tabs-selected}}">{{{content9}}}</div>}}{{ |
− | {{#if:{{{icon10|}}}|<div>{{{content10}}}</div>}} | + | #if:{{{icon10|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 10 | poot-tabs-selected}}">{{{content10}}}</div>}}{{ |
− | </div> | + | #if:{{{icon11|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 11 | poot-tabs-selected}}">{{{content11}}}</div>}}{{ |
+ | #if:{{{icon12|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 12 | poot-tabs-selected}}">{{{content12}}}</div>}}{{ | ||
+ | #if:{{{icon13|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 13 | poot-tabs-selected}}">{{{content13}}}</div>}}{{ | ||
+ | #if:{{{icon14|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 14 | poot-tabs-selected}}">{{{content14}}}</div>}}{{ | ||
+ | #if:{{{icon15|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 15 | poot-tabs-selected}}">{{{content15}}}</div>}}{{ | ||
+ | #if:{{{icon16|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 16 | poot-tabs-selected}}">{{{content16}}}</div>}}{{ | ||
+ | #if:{{{icon17|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 17 | poot-tabs-selected}}">{{{content17}}}</div>}}{{ | ||
+ | #if:{{{icon18|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 18 | poot-tabs-selected}}">{{{content18}}}</div>}}{{ | ||
+ | #if:{{{icon19|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 19 | poot-tabs-selected}}">{{{content19}}}</div>}}{{ | ||
+ | #if:{{{icon20|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 20 | poot-tabs-selected}}">{{{content20}}}</div>}} | ||
</div> | </div> | ||
+ | <!-- Poot translation switching here so that the text inside poot-tabs-showhide says "show;hide" (with this format) in the current language) --> | ||
+ | <div class="poot-tabs-showhide">show;hide</div> | ||
+ | {{clr}} | ||
</div> | </div> |