View source for Template:Critter Info

<div style="display: grid; vertical-align: top; background: #{{{primarycolor|b3b3b3}}}; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}}; max-width: 700px; padding: 5px; {{#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}}">
<div class="flex-item" style="margin:2px; background: #ffffff; {{roundy|11px}}; text-align: center; padding: 10px; max-width: 250px; margin: 2px auto;">
{{#if:{{{number|}}}|<div style="float: left; position: absolute; background: #{{{secondarycolor|d9d9d9}}}; border-radius: 15px; color: #7a7a7a; padding: {{#ifexpr:{{{number|0}}}>9|3px|0px}} 5px;"><small>#{{{number|10}}}</small></div> | }}
<div style="display: table; height: 100%; width: 100%;">
<div style="display: table-cell; vertical-align: middle;">
{{#if:{{{image|}}}|[[File:{{{image}}}|{{{imagesize|200px}}}|{{SUBPAGENAME}}{{#if:{{{crisp|}}}|{{!}}class=sprite}}]]|Have an image of this critter?<br>Then please '''[[Special:Upload|upload]]''' it!}}{{#if:{{{caption|}}}|<br>{{{caption}}}}}<br>{{#if:{{{image2|}}}|[[File:{{{image2}}}|{{{image2size|200px}}}|{{SUBPAGENAME}}{{#if:{{{crisp2|}}}|{{!}}class=sprite}}]]|}}{{#if:{{{caption2|}}}|<br>{{{caption2}}}}}
</div>
</div>
</div>
<div class="flex-item">
{| style="display: inline-table; width: 100%; height: 100%;" |
|-
! width=40% style="background: #{{{secondarycolor|d9d9d9}}}; {{roundytl|9px}}; text-align:center;" | {{{label}}}
| style="background:#ffffff; {{roundytr|9px}}; padding:0 0 0 6px;" | {{{data|}}}
|- {{#if:{{{label2|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label2}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data2|}}}}}
|- {{#if:{{{label3|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label3}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data3|}}}}}
|- {{#if:{{{label4|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label4}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data4|}}}}}
|- {{#if:{{{label5|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label5}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data5|}}}}}
|- {{#if:{{{label6|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label6}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data6|}}}}}
|- {{#if:{{{label7|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label7}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data7|}}}}}
|- {{#if:{{{label8|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label8}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data8|}}}}}
|- {{#if:{{{label9|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label9}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data9|}}}}}
|- {{#if:{{{label10|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label10}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data10|}}}}}
|- {{#if:{{{label11|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label11}}}
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data11|}}}}}
|- {{#if:{{{labelend|}}}|
{{!-}}
! style="background: #{{{secondarycolor|d9d9d9}}}; {{roundybl|9px}} text-align:center;" {{!}} {{{labelend}}}
{{!}} style="background:#ffffff; {{roundybr|9px}} padding:0 0 0 6px;" {{!}} {{{dataend|}}}}}
|}
</div>
</div>
</div>
<noinclude>
==Usage==
<pre>
{{Critter Info
|primarycolor   = 
|secondarycolor = 
|name           = 
|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]]
</noinclude>