View source for Template:Area/LayoutV2

{{#if:{{{Logo|}}} | {{#ifexist: Media:{{{Logo}}}.png | [[File:{{{Logo}}}.png|775px|center]]|[[File:{{{Logo}}}.jpg|775px|center]] }}}}
<br>
<table width="100%" cellspacing="0" cellpadding="0" style="border: 1px solid #97100d; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #5d0505;">
 <td colspan="4" style="font-size: 14px; color: #f0d9a2; padding: 5px 5px 5px 10px;">{{#switch: {{{Empire}}}
| Chunjo = [[File:FlagChunjo.png|24px]]
| Jinno = [[File:FlagJinno.png|24px]]
| Shinsoo = [[File:FlagShinsoo.png|24px]]
| Neutral = [[File:FlagNeutral.png|24px]]
| All = [[File:FlagChunjo.png|24px]] [[File:FlagJinno.png|24px]] [[File:FlagShinsoo.png|24px]]
}} '''{{PAGENAME}}'''
 </td>
 <tr style="background: #FFFFE0;">
 <td rowspan="2" width="30" valign="middle" align="left">
 <div align="center" style="width: 20px; border: 1px solid #35215f; border-bottom-right-radius: 10px; border-top-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;"><div style="width: 10px; word-wrap: break-word;">INFORMATION</div></div>
 </td>
 <td  rowspan="2" style="width: 60%; text-align: justify; padding: 10px; border-right: 1px dashed #88283a;">{{#if: {{{Description}}} | {{{Description}}} | No description available }}
 </td>
 <td valign="top" align="center">
  <div align="center" style="width: 220px; border: 1px solid #35215f; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Interactive Map</div>
 </td>
 </tr>
 <tr style="background: #FFFFE0;">
 <td  align="center" style="padding: 10px;">
{{{Map}}}
 </td>
 </tr>
 <tr>
 <td colspan="3">
  <table cellpadding="0" cellspacing="0" width="100%">
  <tr style="background: #FFFFE0;">
  <td valign="top" align="center" width="33%" style="padding-top: 15px;">
  <div align="center" style="width: 120px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Metins</div>
  </td>
<td valign="top" align="center" width="33%" style="padding-top: 15px;">
  <div align="center" style="width: 120px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Monsters</div>
  </td>
<td valign="top" align="center" style="padding-top: 15px;">
  <div align="center" style="width: 120px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">NPC</div>
  </td>
  </tr>
  <tr style="background: #FFFFE0;">
  <td valign="top" style="padding: 5px;">
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Metins}}} | {{{Metins}}} | <i>No '''metins''' available on this map</i> }}</div>
  </td>
  <td rowspan="3" valign="top" style="padding: 5px;">
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Monster}}} | {{{Monster}}} | <i>No '''monsters''' available on this map</i> }}</div>
  </td>
  <td rowspan="3"  valign="top" style="padding: 5px;">
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{NPC}}} | {{{NPC}}} | <i>No '''NPC's''' available on this map</i> }}</div>
  </td>
  </tr>
  <tr style="background: #FFFFE0;">
  <td valign="top" align="center" style="padding-top: 10px;">
  <div align="center" style="width: 120px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Ore Veins</div>
  </td>
  </tr>
  <tr style="background: #FFFFE0;">
  <td valign="top" style="padding: 5px; height: 100%;">
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Ores}}} | {{{Ores}}} | <i>No '''ore veins''' available on this map</i> }}</div>
  </td>
  </tr>
  </table>
 </td>
 </tr>
</table>
<br>
<table width="100%" cellspacing="0" cellpadding="0" style="border: 1px solid #97100d; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #5d0505;">
 <td colspan="3" style="font-size: 14px; color: #f0d9a2; padding: 5px 5px 5px 10px;">'''Other Information'''
 </td>
 <tr style="background: #FFFFE0;">
 <td colspan="3">
  <table cellpadding="0" cellspacing="0" width="100%">
  <td valign="top" align="center" width="50%">
  <div align="center" style="width: 220px; border: 1px solid #35215f; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">{{#if:{{{Map-1-title}}} | {{{Map-1-title}}} | Monsters Distribution }}</div>
  </td>
  <td valign="top" align="center">
  <div align="center" style="width: 220px; border: 1px solid #35215f; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">{{#if:{{{Map-2-title}}} | {{{Map-2-title}}} | Metins spawn areas }}</div>
  </td>
  <tr>
  <td align="center" style="padding: 10px;">
{{#if:{{{Map-1}}} | {{{Map-1}}} | <i>No image available for Monsters distribution.</i> }}
  </td>
  <td align="center">
{{#if:{{{Map-2}}} | {{{Map-2}}} | <i>No image available for metin spawn areas.</i> }}
  </td>
  </tr>
  </table>
 </td>
 </tr>
 <tr style="background: #FFFFE0;">
 <td valign="top" align="center" width="33%" style="padding-top: 15px;">
 <div align="center" style="width: 140px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Adjacent areas</div>
 </td>
 <td valign="top" align="center" width="33%" style="padding-top: 15px;">
 <div align="center" style="width: 140px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Old Man</div>
 </td>
 <td valign="top" align="center" style="padding-top: 15px;">
 <div align="center" style="width: 140px; border: 1px solid #35215f; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #35215f; color: #dadada; font-weight: bold; padding: 5px;">Teleporter</div>
 </td>
 </tr>
 <tr style="background: #FFFFE0;">
 <td valign="top" style="padding: 5px;">
 <div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Areas}}} | {{{Areas}}} | <i>No '''adjacent areas''' to this map</i> }}</div>
 </td>
 <td valign="top" style="padding: 5px;">
 <div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Old Man}}} | Can be reached via [[Old Man]] in:<br />
{{{Old Man}}} | <i>You cannot reach this area via the [[Old Man]]</i> }}</div>
 </td>
 <td valign="top" style="padding: 5px;">
 <div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Teleporter}}} | Can be reached via [[Teleporter]] in:<br />
{{{Teleporter}}} | <i>You cannot reach this area via the [[Teleporter]]</i> }}</div>
 </td>
 </tr>
</table>