Difference between revisions of "Template:Critter Info"
From Nookipedia, the Animal Crossing wiki
SuperHamster (talk | contribs) (Adding infobox class to enable styling) |
SuperHamster (talk | contribs) (Setting display as grid to avoid conflicting with infoboxes) Tags: mobile edit mobile web edit |
||
| (14 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <div | + | <div style="display: grid; vertical-align: top; background: #{{{primarycolor|b3b3b3}}}; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}} border: 3px solid #{{{bordercolor|4d4d4d}}}; max-width: 700px; padding: 2px; {{#if:{{{minwidth|}}}|min-width: {{{minwidth}}}}};"> |
| − | <div class="flex-container"> | + | {{#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: 0 auto; background: #ffffff; {{roundy|9px}}; text-align: center; padding: 10px; max-width: 250px;"> | <div class="flex-item" style="margin: 0 auto; background: #ffffff; {{roundy|9px}}; text-align: center; padding: 10px; max-width: 250px;"> | ||
| − | {{#if:{{{image|}}}|[[File:{{{image}}}|{{{imagesize|200px}}}]]|Have an image of this | + | {{#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|200px}}}|{{SUBPAGENAME}}]]|Have an image of this critter?<br>Then please '''[[Special:Upload|upload]]''' it!}}{{#if:{{{caption|}}}|<br>{{{caption}}}}}<br>{{#if:{{{image2|}}}|[[File:{{{image}}}|{{{imagesize|200px}}}|{{SUBPAGENAME}}]]|}}{{#if:{{{caption2|}}}|<br>{{{caption2}}}}} | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
<div class="flex-item"> | <div class="flex-item"> | ||
| Line 9: | Line 15: | ||
! width=40% style="background: #{{{secondarycolor|d9d9d9}}}; {{roundytl|9px}}; text-align:center;" | {{{label}}} | ! width=40% style="background: #{{{secondarycolor|d9d9d9}}}; {{roundytl|9px}}; text-align:center;" | {{{label}}} | ||
| style="background:#ffffff; {{roundytr|9px}}; padding:0 0 0 6px;" | {{{data|}}} | | style="background:#ffffff; {{roundytr|9px}}; padding:0 0 0 6px;" | {{{data|}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label2|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label2}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label2}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data2|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data2|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label3|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label3}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label3}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data3|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data3|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label4|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label4}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label4}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data4|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data4|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label5|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label5}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label5}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data5|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data5|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label6|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label6}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label6}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data6|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data6|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label7|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label7}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label7}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data7|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data7|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label8|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label8}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label8}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data8|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data8|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label9|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label9}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label9}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data9|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data9|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label10|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label10}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label10}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data10|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data10|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{label11|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label11}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; text-align:center;" {{!}} {{{label11}}} | ||
{{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data11|}}}}} | {{!}} style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{data11|}}}}} | ||
| − | |- {{#if:{{{ | + | |- {{#if:{{{labelend|}}}| |
{{!-}} | {{!-}} | ||
! style="background: #{{{secondarycolor|d9d9d9}}}; {{roundybl|9px}} text-align:center;" {{!}} {{{labelend}}} | ! style="background: #{{{secondarycolor|d9d9d9}}}; {{roundybl|9px}} text-align:center;" {{!}} {{{labelend}}} | ||
Revision as of 10:47, July 5, 2020
Have an image of this critter?
Then please upload it!
| {{{label}}} |
|---|
Usage
{{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 =
}}
