Template:Area: Difference between revisions
Appearance
Created all the tabular subcomponents that I'm envisaging for now. Will modularize its framework soon and then make an applicative use of it on area pages. |
Modularized it. Will add it to an applicative page for cursory testwork and then fully operationalize it. |
||
| Line 1: | Line 1: | ||
<noinclude>This is used to tabulate all basic area data.</noinclude> | <noinclude>This is used to tabulate all basic area data.</noinclude> | ||
<includeonly> | <includeonly> | ||
{{#vardefine:border|#{{ | {{#vardefine:border|#{{{{{Type}}}_color_dark}}}} | ||
{{#vardefine:background|#{{ | {{#vardefine:background|#{{{{{Type}}}_color}}}} | ||
{{#vardefine:cell|#{{ | {{#vardefine:cell|#{{{{{Type}}}_color_light}}}} | ||
<table class="informational-box" align="right" style="width: 35%; background-color: {{#var:background}}; border: 5px solid {{#var:border}}; border-radius: 25px; padding: 5px; text-align: center;"> | <table class="informational-box" align="right" style="width: 35%; background-color: {{#var:background}}; border: 5px solid {{#var:border}}; border-radius: 25px; padding: 5px; text-align: center;"> | ||
<tr><td colspan="3"><div style="background-color: {{#var:cell}}; margin: auto auto; border-radius: 25px; width: 50%; border: 3px solid {{#var:border}}; color: {{#var:border}}; font-weight: bold; font-size: 20px;"> | <tr><td colspan="3"><div style="background-color: {{#var:cell}}; margin: auto auto; border-radius: 25px; width: 50%; border: 3px solid {{#var:border}}; color: {{#var:border}}; font-weight: bold; font-size: 20px;">{{PAGENAME}} - {{{Region}}}</div></td></tr> | ||
<tr><td colspan="3"><div style="background-color: #FFFFFF; margin: auto auto; border-radius: 25px; width: 75%; padding: 4px;">[[File: | <tr><td colspan="3"><div style="background-color: #FFFFFF; margin: auto auto; border-radius: 25px; width: 75%; padding: 4px;">[[File:{{PAGENAME}}.png]]</div></td></tr> | ||
<tr><td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};"><p style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold;">Location</p>[[File: | <tr><td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};"><p style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold;">Location</p>[[File:{{PAGENAME}}.gif]]<p style="font-color: 10px: margin-top: 4px;>A positional vantage point of {{PAGENAME}} in {{{Region}}}.</p></td></tr> | ||
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | <tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | ||
<table style="width: 100%; padding: 7px;"> | <table style="width: 100%; padding: 7px;"> | ||
<tr><td colspan="3">[[File: | {{#if:{{{Badge|}}} | | ||
<tr><td colspan="3">[[File:{{{Badge}}}_Badge.png]]<p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">{{PAGENAME}} Gym</p></td></tr> | |||
<tr> | <tr> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Gym-leader</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">Lt. Surge</div></td> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Gym-leader</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">Lt. Surge</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Type specialty</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">[[ | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Type specialty</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">[[{{{GymType}}}_(type)|{{{GymType}}}]]</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Badge</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Badge</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{Badge}}} Badge</div></td></tr> | ||
</table> | </table> | ||
</td> | </td> | ||
</tr> | </tr> | ||
}} | |||
{{#if:{{{LandLevels|}}} | | |||
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | <tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | ||
<table style="width: 100%; padding: 6px;"> | <table style="width: 100%; padding: 6px;"> | ||
<tr><td colspan="3"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Land Pokémon</p></td></tr> | <tr><td colspan="3"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Land Pokémon</p></td></tr> | ||
<tr> | <tr> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Level ranges</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Level ranges</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{LandLevels}}}</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Membership|<span style="color:{{#var:cell}}; font-weight: bold">Members</span>]]-only</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Membership|<span style="color:{{#var:cell}}; font-weight: bold">Members</span>]]-only</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{LandMembers|0}}}</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Extremely Rares (tier 9)</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Extremely Rares (tier 9)</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{LandTier9|0}}}</div></td></tr> | ||
</table> | </table> | ||
</td> | </td> | ||
</tr> | </tr> | ||
}} | |||
{{#if:{{{WaterLevels|}}} | | |||
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | <tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | ||
<table style="width: 100%; padding: 6px;"> | <table style="width: 100%; padding: 6px;"> | ||
| Line 33: | Line 38: | ||
<tr> | <tr> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Level ranges</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">3-7</div></td> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Level ranges</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">3-7</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Membership|<span style="color:{{#var:cell}}; font-weight: bold">Members</span>]]-only</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Membership|<span style="color:{{#var:cell}}; font-weight: bold">Members</span>]]-only</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{WaterMembers|0}}}</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Extremely Rares (tier 9)</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Extremely Rares (tier 9)</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{WaterTier9|0}}}</div></td></tr> | ||
</table> | </table> | ||
</td> | </td> | ||
</tr> | </tr> | ||
}} | |||
{{#if:{{{Resources|}}} | | |||
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | <tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | ||
<table style="width: 100%; padding: 6px;"> | <table style="width: 100%; padding: 6px;"> | ||
<tr><td colspan="4"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Resources</p></td></tr> | <tr><td colspan="4"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Resources</p></td></tr> | ||
<tr> | <tr> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Headbutt|<span style="color:{{#var:cell}}; font-weight: bold">Headbutt trees</span>]]</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Headbutt|<span style="color:{{#var:cell}}; font-weight: bold">Headbutt trees</span>]]</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{HeadbuttTrees|0}}}</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Diggable patches|<span style="color:{{#var:cell}}; font-weight: bold">Diggable patches</span>]]</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">[[Diggable patches|<span style="color:{{#var:cell}}; font-weight: bold">Diggable patches</span>]]</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{DigSpots|0}}}</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Berry trees</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Berry trees</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{BerryTrees|0}}}</div></td></tr> | ||
<tr> | <tr> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Battleable NPCs</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Battleable NPCs</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{BattleNPCs|0}}}</div></td> | ||
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Ground-lootable items</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;"> | <td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Ground-lootable items</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{Items|}}}</div></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
</td> | </td> | ||
</tr> | </tr> | ||
}} | |||
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | <tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};"> | ||
<table style="width: 100%; padding: 7px;"> | <table style="width: 100%; padding: 7px;"> | ||
| Line 57: | Line 65: | ||
<tr> | <tr> | ||
<td></td> | <td></td> | ||
<td style="background-color:#FFFFFF; border-radius: 100px 100px 1px 1px; border: 3px solid {{#var:border}}; margin: auto auto; padding: 8px;"> | <td {{#if:{{{North|}}} | style="background-color:#FFFFFF; border-radius: 100px 100px 1px 1px; border: 3px solid {{#var:border}}; margin: auto auto; padding: 8px;"}}>{{#if:{{{North|}}} | ↑<br>[[{{{North}}}]]}}</td></tr> | ||
<td></td> | <td></td> | ||
<tr> | <tr> | ||
<td style="background-color:#FFFFFF; border-radius: 100px 1px 1px 100px; border: 3px solid {{#var:border}}; padding: 8px;">← | <td {{#if:{{{West|}}} | style="background-color:#FFFFFF; border-radius: 100px 1px 1px 100px; border: 3px solid {{#var:border}}; padding: 8px;"}}>{{#if:{{{West|}}} | ← [[{{{West}}}]]}}</td> | ||
<td style="background-color:#FFFFFF; border: 3px solid {{#var:border}}; margin: auto auto; padding: 8px;">{{PAGENAME}}</td> | <td style="background-color:#FFFFFF; border: 3px solid {{#var:border}}; margin: auto auto; padding: 8px;">{{PAGENAME}}</td> | ||
<td style="background-color:#FFFFFF; border-radius: 1px 100px 100px 1px; border: 3px solid {{#var:border}}; padding: 8px;"> | <td {{#if:{{{East|}}} | style="background-color:#FFFFFF; border-radius: 1px 100px 100px 1px; border: 3px solid {{#var:border}}; padding: 8px;"}}>{{#if:{{{East|}}} | [[{{{East}}}]]→}}</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td></td> | <td></td> | ||
<td style="background-color:#FFFFFF; border-radius: 1px 1px 100px 100px; border: 3px solid {{#var:border}}; padding: 8px;">↑<br> | <td {{#if:{{{South|}}} | style="background-color:#FFFFFF; border-radius: 1px 1px 100px 100px; border: 3px solid {{#var:border}}; padding: 8px;"}}>{{#if:{{{North|}}} | ↑<br>[[{{{South}}}]]}}</td> | ||
<td></td> | <td></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
</includeonly> | </includeonly> | ||
Revision as of 19:22, 21 December 2016
This is used to tabulate all basic area data.