View source for Template:Villager Info Box

<div style="display: grid; vertical-align: top; background: #{{{primarycolor|93C5D9}}}; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}} border: 3px solid #{{{bordercolor|93C5D9}}}; max-width: 700px; padding: 2px; {{#if:{{{minwidth|}}}|min-width: {{{minwidth}}}}};">
{{#if: {{{collapse|}}} | <div class="infobox mw-customtoggle-{{{collapse-id|1}}}">Click to toggle.</div>}}
<div {{#if: {{{collapse|}}} | id="mw-customcollapsible-{{{collapse-id|1}}}"}} class="flex-container {{#if: {{{collapse|}}} | mw-collapsible mw-collapsed mw-collapsible-content}}">
{{#if:{{{image|}}}|
<div class="flex-item" style="margin: 0 auto; background: #ffffff; {{roundy|9px}}; text-align: center; padding: 10px; max-width: 250px;">
{{#if:{{{number|}}}|<div style="float: left; position: absolute; background: #{{{secondarycolor|d9d9d9}}}; border-radius: 15px; color: #FFFFFF; padding: 5px;"><small>#{{{number|}}}</small></div> | }}
<div style="display: table; height: 100%; width: 100%;">
<div style="display: table-cell; vertical-align: middle;">
{{#if:{{{image|}}}|[[File:{{{image}}}|{{{imagesize|128x128px}}}|{{SUBPAGENAME}}{{#if:{{{crisp|}}}|{{!}}class=sprite}}]]|Have an image of the villager?<br>Then please '''[[Special:Upload|upload]]''' it!}}{{#if:{{{caption|}}}|<br>{{{caption}}}}}<br>{{#if:{{{image2|}}}|<br>[[File:{{{image2}}}|{{{imagesize2|128px}}}|{{SUBPAGENAME}}{{#if:{{{crisp2|}}}|{{!}}class=sprite}}]]|}}<br>{{#if:{{{image3|}}}|<br>[[File:{{{image3}}}|{{{imagesize3|128px}}}|{{SUBPAGENAME}}{{#if:{{{crisp3|}}}|{{!}}class=sprite}}]]|}}
</div>
</div>
</div>
|}}
<div class="flex-item">
{| style="display: inline-table; width: 100%; height: 100%;" |
|- {{#if:{{{title|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; {{roundytl|9px}}; {{roundytr|10px}}; text-align:center;" {{!}} {{{title}}}}}
|-
! style="background: #{{{secondarycolor|C8E2ED}}}; {{#if:{{{title|}}}||{{roundytl|9px}};}} text-align:center; width:40%" | {{{label}}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label2}}}
! style="background: #{{{secondarycolor|C8E2ED}}}; {{#if:{{{title|}}}||{{roundytr|10px}};}}text-align:center;" {{!}} {{{label3}}}
|-
| style="background:#ffffff; padding:0 0 0 6px; text-align:center;" | {{{data|}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px; text-align:center;" {{!}} {{{data2|}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px; text-align:center;" {{!}} {{{data3|}}}
|- {{#if:{{{labelbetween3-4|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween3-4}}}}}
|- {{#if:{{{label4|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label4}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data4|}}}}}
|- {{#if:{{{labelbetween4-5|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween4-5}}}}}
|- {{#if:{{{label5|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label5}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data5|}}}}}
|- {{#if:{{{labelbetween5-6|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween5-6}}}}}
|- {{#if:{{{label6|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label6}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data6|}}}}}
|- {{#if:{{{labelbetween6-7|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween6-7}}}}}
|- {{#if:{{{label7|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label7}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data7|}}}}}
|- {{#if:{{{labelbetween7-8|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween7-8}}}}}
|- {{#if:{{{label8|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label8}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data8|}}}}}
|- {{#if:{{{labelbetween8-9|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween8-9}}}}}
|- {{#if:{{{label9|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label9}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data9|}}}}}
|- {{#if:{{{labelbetween9-10|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween9-10}}}}}
|- {{#if:{{{label10|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label10}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data10|}}}}}
|- {{#if:{{{labelbetween10-11|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween10-11}}}}}
|- {{#if:{{{label11|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label11}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data11|}}}}}
|- {{#if:{{{labelbetween11-12|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween11-12}}}}}
{{!-}}
|- {{#if:{{{label12|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label12}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data12|}}}}}
|- {{#if:{{{labelbetween12-13|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween12-13}}}}}
|- {{#if:{{{label13|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label13}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data13|}}}}}
|- {{#if:{{{labelbetween13-14|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween13-14}}}}}
|- {{#if:{{{label14|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label14}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data14|}}}}}
|- {{#if:{{{labelbetween14-15|}}}|
{{!-}}
! colspan="3" style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{labelbetween14-15}}}}}
|- {{#if:{{{label15|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label15}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data15|}}}}}
|- {{#if:{{{label16|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label16}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data16|}}}}}
|- {{#if:{{{label17|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label17}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data17|}}}}}
|- {{#if:{{{label18|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label18}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data18|}}}}}
|- {{#if:{{{label19|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label19}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data19|}}}}}
|- {{#if:{{{label20|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label20}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data20|}}}}}
|- {{#if:{{{label21|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label21}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data21|}}}}}
|- {{#if:{{{label22|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label22}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data22|}}}}}
|- {{#if:{{{label23|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label23}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data23|}}}}}
|- {{#if:{{{label24|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} {{{label24}}}
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data24|}}}}}
|- {{#if:{{{labelend|}}}|
{{!-}}
! style="background: #{{{secondarycolor|C8E2ED}}}; {{roundybl|9px}} text-align:center;" {{!}} {{{labelend}}}
{{!}} colspan="2" style="background:#ffffff; {{roundybr|9px}} padding:0 0 0 6px;" {{!}} {{{dataend|}}}}}
|}
</div>
</div>
</div>
<noinclude>
==Usage==
<pre>
{{Infobox
|bordercolor    = 
|primarycolor   = 
|secondarycolor = 
|title          = 
|image          =
|caption        =
|image2         =
|caption2       =
|label          = 
|data           = 
|label2         = 
|data2          = 
|label3         = 
|data3          = 
|label4         = 
|data4          = 
|label5         = 
|data5          = 
|label6         = 
|data6          = 
|label7         = 
|data7          = 
|label8         = 
|data8          = 
|label9         = 
|data9          = 
|label10        = 
|data10         = 
|label11        = 
|data11         = 
|labelend       = 
|dataend        = 
}}</pre>
[[Category:Infobox templates]]