Difference between revisions of "Template:Area/LayoutV2"

[checked revision][checked revision]
m
m (Please delete "!important" in MediaWiki:Common.css (td, th))
Line 1: Line 1:
 
{{#if:{{{Logo|}}} | {{#ifexist: Media:{{{Logo}}}.png | [[File:{{{Logo}}}.png|775px|center]]|[[File:{{{Logo}}}.jpg|775px|center]] }}}}
 
{{#if:{{{Logo|}}} | {{#ifexist: Media:{{{Logo}}}.png | [[File:{{{Logo}}}.png|775px|center]]|[[File:{{{Logo}}}.jpg|775px|center]] }}}}
 
<br>
 
<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;">
+
<table width="100%" style="padding: 0; border-spacing: 0; border: 1px solid #97100d; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #FFFFE0;">
<td colspan="4" style="font-size: 14px; color: #f0d9a2; padding: 5px 5px 5px 10px;">{{#switch: {{{Empire}}}
+
  <td colspan="4" style="font-size: 14px; color: #f0d9a2; padding: 5px 5px 5px 10px; border-top-left-radius: 9px; border-top-right-radius: 9px; background: #5d0505;">{{#switch: {{{Empire}}}
| Chunjo = [[File:FlagChunjo.png|24px]]
+
  | Chunjo = [[File:FlagChunjo.png|24px]]
| Jinno = [[File:FlagJinno.png|24px]]
+
  | Jinno = [[File:FlagJinno.png|24px]]
| Shinsoo = [[File:FlagShinsoo.png|24px]]
+
  | Shinsoo = [[File:FlagShinsoo.png|24px]]
| Neutral = [[File:FlagNeutral.png|24px]]
+
  | Neutral = [[File:FlagNeutral.png|24px]]
| All = [[File:FlagChunjo.png|24px]] [[File:FlagJinno.png|24px]] [[File:FlagShinsoo.png|24px]]
+
  | All = [[File:FlagChunjo.png|24px]] [[File:FlagJinno.png|24px]] [[File:FlagShinsoo.png|24px]]
}} '''{{PAGENAME}}'''
+
  }} '''{{PAGENAME}}'''
</td>
+
   </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>
 
  <tr>
<td colspan="3">
+
  <td rowspan="2" width="30" valign="middle" align="left" style="padding-left: 0 !important; padding-top: 0 !important;">
  <table cellpadding="0" cellspacing="0" width="100%">
+
  <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>
  <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>
<td valign="top" align="center" width="33%" style="padding-top: 15px;">
+
  <td rowspan="2" style="width: 60%; text-align: justify; padding: 10px; border-right: 1px dashed #88283a;">{{#if: {{{Description}}} | {{{Description}}} | No description available }}
  <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>
<td valign="top" align="center" style="padding-top: 15px;">
+
  <td valign="top" align="center" style="padding-top: 0 !important;">
  <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>
+
  <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>
 
   </td>
  </tr>
+
</tr>
  <tr style="background: #FFFFE0;">
+
<tr>
   <td valign="top" style="padding: 5px;">
+
   <td align="center" valign="top" style="padding: 10px;">{{{Map}}}
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Metins}}} | {{{Metins}}} | <i>No '''metins''' available on this map</i> }}</div>
 
 
   </td>
 
   </td>
   <td rowspan="3" valign="top" style="padding: 5px;">
+
</tr>
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Monster}}} | {{{Monster}}} | <i>No '''monsters''' available on this map</i> }}</div>
+
<tr>
  </td>
+
   <td colspan="3">
  <td rowspan="3"  valign="top" style="padding: 5px;">
+
  <table width="100%" style="border-spacing: 0;">
<div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{NPC}}} | {{{NPC}}} | <i>No '''NPC's''' available on this map</i> }}</div>
+
    <tr>
  </td>
+
    <td valign="top" align="center" width="33%" style="padding-top: 15px;">
  </tr>
+
      <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>
  <tr style="background: #FFFFE0;">
+
    </td>
  <td valign="top" align="center" style="padding-top: 10px;">
+
    <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;">Ore Veins</div>
+
      <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>
 +
    <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>
 +
    <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>
 +
    <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>
 
   </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>
 
  </tr>
 
</table>
 
</table>
 
<br>
 
<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;">
+
<table width="100%" style="border-spacing: 0; border: 1px solid #97100d; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow:2px 2px 5px #000000; background: #FFFFE0;">
<td colspan="3" style="font-size: 14px; color: #f0d9a2; padding: 5px 5px 5px 10px;">'''Other Information'''
+
  <td colspan="3" style="font-size: 14px; color: #f0d9a2; padding: 5px 5px 5px 10px; border-top-left-radius: 9px; border-top-right-radius: 9px; background: #5d0505;">'''Other Information'''
</td>
+
  </td>
  <tr style="background: #FFFFE0;">
+
  <tr>
<td colspan="3">
+
  <td colspan="3" style="padding-top: 0 !important;">
  <table cellpadding="0" cellspacing="0" width="100%">
+
  <table width="100%">
  <td valign="top" align="center" width="50%">
+
    <td valign="top" align="center" width="50%" style="padding-top: 0 !important;">
  <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>
+
      <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" style="padding-top: 0 !important;">
 +
      <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>
 +
    <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>
 
   </td>
   <td valign="top" align="center">
+
</tr>
  <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>
+
<tr>
 +
   <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>
  <tr>
+
   <td valign="top" align="center" width="33%" style="padding-top: 15px;">
   <td align="center" style="padding: 10px;">
+
  <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>
{{#if:{{{Map-1}}} | {{{Map-1}}} | <i>No image available for Monsters distribution.</i> }}
 
 
   </td>
 
   </td>
   <td align="center">
+
   <td valign="top" align="center" style="padding-top: 15px;">
{{#if:{{{Map-2}}} | {{{Map-2}}} | <i>No image available for metin spawn areas.</i> }}
+
  <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>
 
   </td>
  </tr>
 
  </table>
 
</td>
 
 
  </tr>
 
  </tr>
  <tr style="background: #FFFFE0;">
+
  <tr>
<td valign="top" align="center" width="33%" style="padding-top: 15px;">
+
  <td valign="top" style="padding: 5px;">
<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>
+
  <div style="padding: 5px; border: 1px dashed #88283a;">{{#if:{{{Areas}}} | {{{Areas}}} | <i>No '''adjacent areas''' to this map</i> }}</div>
</td>
+
  </td>
<td valign="top" align="center" width="33%" style="padding-top: 15px;">
+
  <td valign="top" style="padding: 5px;">
<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>
+
  <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>
<td valign="top" align="center" style="padding-top: 15px;">
+
  <td valign="top" style="padding: 5px;">
<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>
+
  <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>
+
  </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>
 
  </tr>
 
</table>
 
</table>

Revision as of 21:29, 3 February 2020


Area/LayoutV2
INFORMATION
{{{Description}}}
Interactive Map
{{{Map}}}
Metins
Monsters
NPC
{{{Metins}}}
{{{Monster}}}
{{{NPC}}}
Ore Veins
{{{Ores}}}


Other Information
{{{Map-1-title}}}
{{{Map-2-title}}}
{{{Map-1}}} {{{Map-2}}}
Adjacent areas
Old Man
Teleporter
{{{Areas}}}
Can be reached via Old Man in:
{{{Old Man}}}
Can be reached via Teleporter in:
{{{Teleporter}}}