|
|
| Line 1: |
Line 1: |
| <noinclude> | | <noinclude> |
| This is a template for merchant NPC pages. | | This is a test template for merchants. |
| | |
| Common parameters:
| |
| * <code>imagefilename</code> — optional image filename
| |
| * <code>width</code> — optional image width, defaults to <code>520px</code>
| |
| * <code>second_image</code> — optional secondary image
| |
| * <code>second_width</code> — optional secondary image width, defaults to <code>320px</code>
| |
|
| |
|
| | Usage notes: |
| | * <code>imagefilename</code> is optional. |
| | * <code>width</code> is optional and defaults to <code>520px</code>. |
| | * Example: <code>| width = 420px</code> |
| ---- | | ---- |
| </noinclude>__NOTOC__ | | </noinclude>__NOTOC__ |
|
| |
|
| <div class="merchant-page-shell" style=" | | {{#if:{{{imagefilename|}}}| |
| margin: 0.75rem 0 1.25rem;
| | <div class="merchant-page-image" style="float:right; margin: 0 0 1rem 1.25rem; max-width: min(620px, 55vw); text-align:center;"> |
| padding: 1rem;
| | [[File:{{{imagefilename}}}|{{#if:{{{width|}}}|{{{width}}}|520px}}|frameless|alt={{{name|Merchant image}}}]] |
| background: linear-gradient(180deg, rgba(13,18,26,0.88), rgba(8,12,18,0.94));
| | </div> |
| border: 1px solid rgba(216,183,92,0.34);
| | }} |
| border-radius: 10px;
| |
| box-shadow: 0 12px 34px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.04);
| |
| box-sizing: border-box;
| |
| ">
| |
| | |
| <div class="merchant-page-overview" style=" | |
| display: grid;
| |
| grid-template-columns: minmax(260px, 0.72fr) minmax(320px, 1.28fr);
| |
| gap: 1.25rem;
| |
| align-items: start;
| |
| ">
| |
|
| |
|
| <div class="merchant-page-stats" style="
| |
| min-width: 0;
| |
| padding: 0.85rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(255,255,255,0.10);
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| ">
| |
| {{Mobstatsbox | | {{Mobstatsbox |
| | name = {{{name}}} | | | name = {{{name}}} |
| Line 54: |
Line 33: |
| | damage_per_hit = {{{damage_per_hit}}} | | | damage_per_hit = {{{damage_per_hit}}} |
| | special = {{{special}}} | | | special = {{{special}}} |
| }}
| |
| </div>
| |
|
| |
| <div class="merchant-page-media" style="
| |
| min-width: 0;
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 1rem;
| |
| ">
| |
|
| |
| {{#if:{{{imagefilename|}}}|
| |
| <div class="merchant-page-image" style="
| |
| padding: 0.75rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(216,183,92,0.28);
| |
| border-radius: 8px;
| |
| text-align: center;
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
| |
| box-sizing: border-box;
| |
| ">
| |
| [[File:{{{imagefilename}}}|{{#if:{{{width|}}}|{{{width}}}|520px}}|frameless|alt={{{name|Merchant image}}}]]
| |
| <div style="
| |
| margin-top: 0.45rem;
| |
| color: #aab3c2;
| |
| font-size: 0.86rem;
| |
| line-height: 1.25;
| |
| ">
| |
| '''{{{name|Merchant}}}'''
| |
| </div>
| |
| </div>
| |
| }} | | }} |
|
| |
|
| {{#if:{{{second_image|}}}| | | {{#if:{{{second_image|}}}| |
| <div class="merchant-page-image-secondary" style=" | | <div class="merchant-page-image-secondary" style="float:right; clear:right; margin: 0 0 1rem 1.25rem; max-width: min(420px, 45vw); text-align:center;"> |
| padding: 0.75rem;
| | [[File:{{{second_image}}}|{{#if:{{{second_width|}}}|{{{second_width}}}|320px}}|frame|{{{second_imagetext|}}}]] |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(216,183,92,0.22);
| |
| border-radius: 8px;
| |
| text-align: center;
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
| |
| box-sizing: border-box;
| |
| "> | |
| [[File:{{{second_image}}}|{{#if:{{{second_width|}}}|{{{second_width}}}|320px}}|frameless|{{{second_imagetext|}}}]] | |
| {{#if:{{{second_imagetext|}}}|
| |
| <div style="
| |
| margin-top: 0.45rem;
| |
| color: #aab3c2;
| |
| font-size: 0.86rem;
| |
| line-height: 1.25;
| |
| ">
| |
| {{{second_imagetext}}}
| |
| </div>
| |
| }}
| |
| </div> | | </div> |
| }} | | }} |
|
| |
|
| </div>
| | <div class="mobPageDiv"> |
| </div>
| |
| | |
| </div>
| |
| | |
| <div class="mobPageDiv merchant-page-content" style=" | |
| margin-top: 1rem;
| |
| display: grid;
| |
| grid-template-columns: minmax(0, 1fr);
| |
| gap: 1rem;
| |
| "> | |
|
| |
|
| <div class="merchant-page-section" style="
| | === Description === |
| padding: 1rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(255,255,255,0.10);
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| ">
| |
| <h2 style="
| |
| margin-top: 0;
| |
| color: #d8b75c;
| |
| font-family: Georgia, 'Times New Roman', serif;
| |
| letter-spacing: 0.04em;
| |
| ">Description</h2>
| |
|
| |
|
| {{{description|none}}} | | {{{description|none}}} |
| </div>
| |
|
| |
|
| <div class="merchant-page-section" style="
| | === Items Sold === |
| padding: 1rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(255,255,255,0.10);
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| ">
| |
| <h2 style="
| |
| margin-top: 0;
| |
| color: #d8b75c;
| |
| font-family: Georgia, 'Times New Roman', serif;
| |
| letter-spacing: 0.04em;
| |
| ">Items Sold</h2>
| |
|
| |
|
| {{{items_sold|* None}}} | | {{{items_sold|* None}}} |
| </div>
| |
|
| |
|
| <div class="merchant-page-section" style="
| | === Factions === |
| display: grid;
| |
| grid-template-columns: repeat(3, minmax(0, 1fr));
| |
| gap: 1rem;
| |
| ">
| |
| | |
| <div style="
| |
| padding: 1rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(255,255,255,0.10);
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| ">
| |
| <h2 style="
| |
| margin-top: 0;
| |
| color: #d8b75c;
| |
| font-family: Georgia, 'Times New Roman', serif;
| |
| letter-spacing: 0.04em;
| |
| ">Factions</h2>
| |
|
| |
|
| {{{factions|* None}}} | | {{{factions|* None}}} |
| </div>
| |
|
| |
|
| <div style="
| | === Opposing Factions === |
| padding: 1rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(255,255,255,0.10);
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| ">
| |
| <h2 style="
| |
| margin-top: 0;
| |
| color: #d8b75c;
| |
| font-family: Georgia, 'Times New Roman', serif;
| |
| letter-spacing: 0.04em;
| |
| ">Opposing Factions</h2>
| |
|
| |
|
| {{{opposing_factions|* None}}} | | {{{opposing_factions|* None}}} |
| </div>
| |
|
| |
|
| <div style="
| | === Related Quests === |
| padding: 1rem;
| |
| background: rgba(255,255,255,0.035);
| |
| border: 1px solid rgba(255,255,255,0.10);
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| ">
| |
| <h2 style="
| |
| margin-top: 0;
| |
| color: #d8b75c;
| |
| font-family: Georgia, 'Times New Roman', serif;
| |
| letter-spacing: 0.04em;
| |
| ">Related Quests</h2>
| |
|
| |
|
| {{{related_quests|* None}}} | | {{{related_quests|* None}}} |
| </div>
| |
|
| |
|
| </div> | | </div> |
|
| |
| </div>
| |
|
| |
| <div style="clear:both;"></div> | | <div style="clear:both;"></div> |
|
| |
|
This is a test template for merchants.
Usage notes:
imagefilename is optional.
width is optional and defaults to 520px.
- Example:
| width = 420px
| {{{name}}}
|
|---|
| Race: {{{race}}}
|
| Class: {{{class}}}
|
| Level: {{{level}}}
|
| Spawn
|
|---|
| Zone: {{{zone}}}
|
| Location: {{{location}}}
|
| Stats
|
|---|
| AC: {{{AC}}}
|
| HP: {{{HP}}} ({{{HP_regen}}})
|
| Damage per hit: {{{damage_per_hit}}}
|
| Attacks per round: {{{attacks_per_round}}} ({{{attack_speed}}})
|
| Special: {{{special}}}
|
Description
none
Items Sold
Factions
Opposing Factions