Template:Area: Difference between revisions
Jump to navigation
Jump to search
Created page with "<includeonly> {{#vardefine:border|#{{Land_color_dark}}}} {{#vardefine:background|#{{Land_color}}}} {{#vardefine:cell|#{{Land_color_light}}}} <table class="informational-box" a..." |
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. |
||
| Line 1: | Line 1: | ||
<noinclude>This is used to tabulate all basic area data.</noinclude> | |||
<includeonly> | <includeonly> | ||
{{#vardefine:border|#{{Land_color_dark}}}} | {{#vardefine:border|#{{Land_color_dark}}}} | ||
{{#vardefine:background|#{{Land_color}}}} | {{#vardefine:background|#{{Land_color}}}} | ||
{{#vardefine:cell|#{{Land_color_light}}}} | {{#vardefine:cell|#{{Land_color_light}}}} | ||
<table class="informational-box" align="right" style="width: | <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;">Route 1 - Kanto</div></td></tr> | <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;">Route 1 - Kanto</div></td></tr> | ||
<tr><td colspan="3"><div style="background-color: #FFFFFF; margin: auto auto; border-radius: 25px; width: 75%; padding: 4px;">[[File:Route_1.png]]</div></td></tr> | <tr><td colspan="3"><div style="background-color: #FFFFFF; margin: auto auto; border-radius: 25px; width: 75%; padding: 4px;">[[File:Route_1.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:Route_1.gif]]<p style="font-color: 10px: margin-top: 4px;>A | <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:Route_1.gif]]<p style="font-color: 10px: margin-top: 4px;>A positional vantage point of Route 1 in Kanto.</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;"> | ||
| Line 18: | Line 19: | ||
</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: | <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> | ||
| Line 28: | Line 29: | ||
</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: | <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;">Water 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;">Water Pokémon</p></td></tr> | ||
<tr> | <tr> | ||
| Line 36: | Line 37: | ||
</table> | </table> | ||
</td> | </td> | ||
</tr> | |||
<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;"> | |||
<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 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;">3</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;">3</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;">3</div></td></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;">1</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;">3</div></td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
<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;"> | |||
<tr><td colspan="3"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Contiguous areas</p></td></tr> | |||
<tr> | |||
<td></td> | |||
<td style="background-color:#FFFFFF; border-radius: 100px 100px 1px 1px; border: 3px solid {{#var:border}}; margin: auto auto; padding: 8px;"><div >↑<br>Northern area</div></td></tr> | |||
<td></td> | |||
<tr> | |||
<td style="background-color:#FFFFFF; border-radius: 100px 1px 1px 100px; border: 3px solid {{#var:border}}; padding: 8px;">← Western area</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;">Eastern area→</td> | |||
</tr> | |||
<tr> | |||
<td></td> | |||
<td style="background-color:#FFFFFF; border-radius: 1px 1px 100px 100px; border: 3px solid {{#var:border}}; padding: 8px;">↑<br>Southern area</td> | |||
<td></td> | |||
</tr> | </tr> | ||
</table> | </table> | ||
</includeonly> | </includeonly> | ||
Revision as of 18:11, 21 December 2016
This is used to tabulate all basic area data.