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 = }}