Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Navbox: Difference between revisions

Template page
Arin Mara (talk | contribs)
Updated Navbox with modern, post-2013, syntax
Use subpage for css.
 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!--
{{#CSS: Template:Navbox/styles.css}}
 
{{#switch:{{{border|{{{1|}}}}}}
Please do not edit without discussion first as this is a VERY complex template.
|subgroup
 
|child=</div>
-->{{#css:
|none=
.navbox {
|#default=<table class="navbox {{{bodyclass|}}}" cellspacing="0" <!--
  border: 1px solid #222;
}
.navbox, .navbox-inner, .navbox-subgroup {
  width: 100%;
}
.navbar.plainlinks {
  float: left;
  padding-left: 5px;
}
.navbox-list div, .navbox-abovebelow {
  text-align: center;
}
.navbox-list li {
  list-style: none;
  display: inline;
}
.navbox-list li+li:before {
  content: '\25CB';
  padding-right: 4px;
}
.navbox-title {
  background-color: #000;
  border: 1px solid #2D2413;
  color: #B89964;
}
.navbox-group, .navbox-list {
  color: #CCC;
}
.navbox-group {
  background-color: #30281A !important;
  border-width: 0px;
}
.navbox-list {
  background-color: #222 !important;
  border-right: 1px solid #000 !important;
  border-top: 1px solid #000 !important;
  border-bottom 1px solid #000 !important;
}
.navbox .collapseButton {
  float: right;
}
 
}}
 
{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=</div>|none=|#default=<table class="navbox {{{bodyclass|}}}" cellspacing="0" <!--
  -->style="width: 100%; {{{bodystyle|}}};{{{style|}}}"><tr><td style="padding:2px;">}}<!--
  -->style="width: 100%; {{{bodystyle|}}};{{{style|}}}"><tr><td style="padding:2px;">}}<!--


Line 65: Line 20:
  -->class="navbox-title"><!--
  -->class="navbox-title"><!--


-->{{#if:{{#if:{{{name|}}}||{{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=1}}}}|<!--
-->{{#if:{{#switch:{{{navbar|}}}|plain|off=1}}<!--
-->{{#if:{{{name|}}}||{{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=1}}}}|<!--
-->{{#ifeq:{{{navbar|}}}|off|{{#ifeq:{{{state|}}}|plain|<div style="float:right;width:6em;">&nbsp;</div>}}|<!--
-->{{#ifeq:{{{state|}}}|plain||<div style="float:left;width:6em;">&nbsp;</div>}}}}|<!--
  --><div style="float:left;width:6em;text-align:left;"><!--
  --><div style="float:left;width:6em;text-align:left;"><!--
-->{{Navbar|{{{name}}}|mini=1|fontstyle={{{basestyle|}}};{{{titlestyle|}}};background:none transparent;border:none;font-size:100%;}}<!--
  --></div>{{#ifeq:{{{state|}}}|plain|<div style="float:right;width:6em;">&nbsp;</div>}}}}<!--
  --></div>{{#ifeq:{{{state|}}}|plain|<div style="float:right;width:6em;">&nbsp;</div>}}}}<!--


Line 98: Line 57:
  -->{{#if:{{{groupwidth|}}}|width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}|width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{list1padding|{{{listpadding|0em 0.25em}}}}}}">{{{list1}}}</div></td><!--
  --><div style="padding:{{{list1padding|{{{listpadding|0em 0.5em}}}}}}">{{{list1}}}</div></td><!--


-->{{#if:{{{image|}}}|<!--
-->{{#if:{{{image|}}}|<!--
Line 120: Line 79:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list2}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list2}}}</div></td></tr>}}<!--


-->{{#if:{{{list3|}}}|<!--
-->{{#if:{{{list3|}}}|<!--
Line 128: Line 87:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list3style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list3style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list3}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list3}}}</div></td></tr>}}<!--


-->{{#if:{{{list4|}}}|<!--
-->{{#if:{{{list4|}}}|<!--
Line 136: Line 95:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list4}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list4}}}</div></td></tr>}}<!--


-->{{#if:{{{list5|}}}|<!--
-->{{#if:{{{list5|}}}|<!--
Line 144: Line 103:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list5style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list5style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list5}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list5}}}</div></td></tr>}}<!--


-->{{#if:{{{list6|}}}|<!--
-->{{#if:{{{list6|}}}|<!--
Line 152: Line 111:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list6}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list6}}}</div></td></tr>}}<!--


-->{{#if:{{{list7|}}}|<!--
-->{{#if:{{{list7|}}}|<!--
Line 160: Line 119:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list7style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list7style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list7}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list7}}}</div></td></tr>}}<!--


-->{{#if:{{{list8|}}}|<!--
-->{{#if:{{{list8|}}}|<!--
Line 168: Line 127:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list8}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list8}}}</div></td></tr>}}<!--


-->{{#if:{{{list9|}}}|<!--
-->{{#if:{{{list9|}}}|<!--
Line 176: Line 135:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list9style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list9style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list9}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list9}}}</div></td></tr>}}<!--


-->{{#if:{{{list10|}}}|<!--
-->{{#if:{{{list10|}}}|<!--
Line 184: Line 143:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list10}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list10}}}</div></td></tr>}}<!--


-->{{#if:{{{list11|}}}|<!--
-->{{#if:{{{list11|}}}|<!--
Line 192: Line 151:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list11style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list11style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list11}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list11}}}</div></td></tr>}}<!--


-->{{#if:{{{list12|}}}|<!--
-->{{#if:{{{list12|}}}|<!--
Line 200: Line 159:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list12}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list12}}}</div></td></tr>}}<!--


-->{{#if:{{{list13|}}}|<!--
-->{{#if:{{{list13|}}}|<!--
Line 208: Line 167:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list13style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list13style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list13}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list13}}}</div></td></tr>}}<!--


-->{{#if:{{{list14|}}}|<!--
-->{{#if:{{{list14|}}}|<!--
Line 216: Line 175:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list14}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list14}}}</div></td></tr>}}<!--


-->{{#if:{{{list15|}}}|<!--
-->{{#if:{{{list15|}}}|<!--
Line 224: Line 183:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list15style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list15style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list15}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list15}}}</div></td></tr>}}<!--


-->{{#if:{{{list16|}}}|<!--
-->{{#if:{{{list16|}}}|<!--
Line 232: Line 191:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list16}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list16}}}</div></td></tr>}}<!--


-->{{#if:{{{list17|}}}|<!--
-->{{#if:{{{list17|}}}|<!--
Line 240: Line 199:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list17style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list17style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list17}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list17}}}</div></td></tr>}}<!--


-->{{#if:{{{list18|}}}|<!--
-->{{#if:{{{list18|}}}|<!--
Line 248: Line 207:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list18}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list18}}}</div></td></tr>}}<!--


-->{{#if:{{{list19|}}}|<!--
-->{{#if:{{{list19|}}}|<!--
Line 256: Line 215:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list19style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list19style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list19}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list19}}}</div></td></tr>}}<!--


-->{{#if:{{{list20|}}}|<!--
-->{{#if:{{{list20|}}}|<!--
Line 264: Line 223:
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" <!--
  -->{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" <!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  -->class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}}"><!--
  --><div style="padding:{{{listpadding|0em 0.25em}}}">{{{list20}}}</div></td></tr>}}<!--
  --><div style="padding:{{{listpadding|0em 0.5em}}}">{{{list20}}}</div></td></tr>}}<!--




Line 275: Line 234:


--></table>{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=<div>|none=|#default=</td></tr></table>}}<!--
--></table>{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=<div>|none=|#default=</td></tr></table>}}<!--
 
--><noinclude> {{documentation}} <!-- Please add categories and interwikis to the bottom of sub-page /doc, not here --></noinclude>
-->
<noinclude>
 
{{documentation}}
<!-- Add categories and interwikis to the /doc subpage, not here! -->
</noinclude>