Difference between revisions of "Template:Mystery Island"

From Nookipedia, the Animal Crossing wiki
m
(Redesigning template to be more friendly for small screens)
Line 1: Line 1:
−
{| class=roundy style="border-radius: 14px; background: #fff; margin-left: 10px; margin-bottom: 10px; border: 4px solid #6daef8; padding: 2px;"
+
<div style="display: grid; vertical-align: top; background: hsl(163 58% 75%); margin: 5px; border-radius: 15px; min-width: 1px; max-width: 720px; padding: 5px;">
−
! width=100px rowspan=2 style="border-radius: 9px; background: #cee4fd" |Chance: {{{chance|9.68%}}}
+
<div class="flex-container" style="grid-gap: 5px; flex-wrap: wrap;">
−
| width=150px rowspan=2 style="padding-left:15px; font-size:0.8em;"|[[File:Emotion Curiosity NH Icon cropped.png|12px|link=]] '''Requirements:'''<br>{{{requirements|Available from start}}}
+
<div class="flex-item" style="margin: 0 auto; background: #ffffff; border-radius: 10px; text-align: center; max-width: 320px;">
−
! width=80px style="text-align:right; font-size:0.8em;"| [[File:Tree icon.png|15px|link=]] Trees:
+
<div style="display: table; height: 100%; width: 100%;">
−
| width=80px style="font-size:0.8em;"| {{{trees|Native fruit}}}
+
<div style="display: table-cell; vertical-align: middle; background: hsl(163 58% 90%); border-radius: 10px 0 0 10px;">
−
! width=80px style="text-align:right; font-size:0.8em;" | [[File:ACNH Rose5.png|20px|link=]] Flowers:
+
'''Chance: {{{chance|9.68%}}}'''
−
| width=80px style="font-size:0.8em;" | {{{flowers|Regular}}}
+
</div>
−
! width=80px style="text-align:right; font-size:0.8em;" | [[File:Shovel NH Inv Icon.png|20px|link=]] Rocks:  
+
<div style="display: table-cell; vertical-align: middle; background: hsl(163 58% 75%); width:3px"></div>
−
| width=80px style="font-size:0.8em;" | {{{rocks|x4 Regular}}}
+
<div style="display: table-cell; vertical-align: middle; font-size: 0.8em;">
−
|-
+
[[File:Emotion Curiosity NH Icon cropped.png|12px|link=]] '''Requirements'''<br>{{{requirements|Available from start}}}
−
! width=80px style="text-align:right; font-size:0.8em;" | [[File:Bug NH Icon.png|20px|link=]] Insects:  
+
</div>
−
| width=80px style="font-size:0.8em;" | {{{insects|Regular}}}
+
<div style="display: table-cell; vertical-align: middle; font-size: 0.8em;">
−
! width=80px style="text-align:right; font-size:0.8em;" | [[File:Fish NH Icon.png|20px|link=]] Fish:  
+
'''Internal ID'''<br><code>{{{name|}}}</code>
−
| width=80px style="font-size:0.8em;" | {{{fish|Regular}}}
+
</div>
−
! width=80px style="text-align:right; font-size:0.8em;" | [[File:Timer NH Inv Icon cropped.png|15px|link=]] Limit:  
+
</div>
−
| width=80px style="font-size:0.8em;" | {{{limit|No limit}}}
+
</div>
−
|}<noinclude>{{Documentation}}[[Category:Templates]]</noinclude>
+
<div class="flex-item" style="margin: 0 auto; background: #ffffff; border-radius: 10px; text-align: center; max-width: 420px;">
 +
<div style="display: table; height: 100%; width: 100%;">
 +
<div style="display: table-cell; vertical-align: middle; font-size: 0.8em;">
 +
[[File:Tree icon.png|15px|link=|alt=]] '''Trees''': {{{trees|Native fruit}}}<br>[[File:ACNH Rose5.png|20px|link=]] '''Flowers:''' {{{flowers|Native flowers}}}
 +
</div>
 +
<div style="display: table-cell; vertical-align: middle; font-size: 0.8em;">
 +
[[File:Bug NH Icon.png|20px|link=]] '''Bugs''': {{{insects|Regular}}}<br>[[File:Fish NH Icon.png|20px|link=]] '''Fish:''' {{{fish|Regular}}}
 +
</div>
 +
<div style="display: table-cell; vertical-align: middle; font-size: 0.8em;">
 +
[[File:Shovel NH Inv Icon.png|20px|link=]] '''Rocks:''' {{{rocks|x4 regular}}}<br>[[File:Timer NH Inv Icon cropped.png|15px|link=]] '''Limit:''' {{{limit|None}}}
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<noinclude>{{Documentation}}[[Category:Templates]]</noinclude>

Revision as of 12:07, November 13, 2021

Chance: 9.68%

12px Requirements
Available from start

Internal ID

Trees: Native fruit
20px Flowers: Native flowers

Bug NH Icon.png Bugs: Regular
Fish NH Icon.png Fish: Regular

Shovel NH Inv Icon.png Rocks: x4 regular
Timer NH Inv Icon cropped.png Limit: None

No documentation for Template:Mystery Island exists. Create it.

Retrieved from "https://nookipedia.com/w/index.php?title=Template:Mystery_Island&oldid=666982"