Difference between revisions of "Template:EventStoryHeader"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Samhiuy
>Boblers
(added missing div closer)
 
(126 intermediate revisions by 9 users not shown)
Line 1: Line 1:
 
<includeonly><!--
 
<includeonly><!--
 
+
{{{EventType|}}}
--><div class="panel" style="margin:auto;max-width:800px">
+
{{{EventName|}}}
<div class="panel-heading" style="height:25px">
+
{{{SectionName|}}}
<div style="font-size:small">{{#if: {{{RaidEvent|}}}|<div>Raid Event: [[{{{RaidEvent}}}]]</div>}} </div>
+
{{{QuestViewName|}}}
 +
{{{PreviousQuest|}}}
 +
{{{NextQuest|}}}
 +
{{{ThumbnailImage|}}}
 +
{{{Summary|}}}
 +
{{{Dialogue|}}}
 +
-->{{#widget:Template/EventStoryHeader/css}}<div class="panel" style="margin:auto;min-width:250px;max-width:800px">
 +
<div class="panel-heading">
 +
{{#if: {{{EventType|}}} |
 +
<div style="font-size:small"><div>{{{EventType|}}} Event: [[{{{EventName|}}}]]</div></div>
 +
}}
 +
<div style="position: relative; top: 0px; left: 0px; display:inline-block;"><div class="ESH-thumbnail">[[File:{{{ThumbnailImage|}}}.png|link=]]</div>
 +
<div style="position: absolute;width:100%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;color: #fff;text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;font-size:.8em;">
 +
<div style="font-size:small">{{{SectionName|}}}</div>
 +
<div><span style="display:inline-block;vertical-align:middle;margin:-7px 2px 0 -1px">[[File:Icon_Episode_Title_Summon.png|19px|middle|link=]]</span>{{{QuestViewName|{{PAGENAME}}}}}</div>
 +
</div></div>
 
</div>
 
</div>
 
<div class="panel-body" style="padding:5px">
 
<div class="panel-body" style="padding:5px">
{{#ifeq: {{{PreviousQuest|}}}| | |
+
{{#if: {{{PreviousQuest|}}}|
<div style="position:absolute;bottom:3px;font-size:smaller">
+
<div style="position:absolute;bottom:-2em;font-size:smaller">
<div style="font-weight:bold">Previous Quest</div>
 
<div>[[{{{PreviousQuest}}}]]</div>
 
</div>
 
}}
 
{{#ifeq: {{{PreviousBoss|}}}| | |
 
<div style="position:absolute;bottom:3px;font-size:smaller">
 
<div style="font-weight:bold">Previous Quest</div>
 
<div>[[{{{PreviousBoss}}}/{{{BossDifficulty}}}|{{{PreviousBoss}}}]]</div>
 
</div>
 
}}
 
{{#ifeq: {{{PreviousRaid|}}}| | |
 
<div style="position:absolute;bottom:3px;font-size:smaller">
 
 
<div style="font-weight:bold">Previous Quest</div>
 
<div style="font-weight:bold">Previous Quest</div>
<div>[[{{{PreviousRaid}}}/{{{RaidDifficulty}}}|{{{PreviousRaid}}}]]</div>
+
<div>[[{{{PreviousQuest}}}]]</div></div>|
 +
<div style="position:absolute;bottom:-2em;font-size:smaller">
 
</div>
 
</div>
 
}}
 
}}
{{#ifeq: {{{NextQuest|}}}| | |
+
{{#if: {{{NextQuest|}}}|
<div style="position:absolute;bottom:3px;right:5px;font-size:smaller;text-align:right">
+
<div style="position:absolute;bottom:-2em;right:5px;font-size:smaller;text-align:right">
 
<div style="font-weight:bold">Next Quest</div>
 
<div style="font-weight:bold">Next Quest</div>
<div>[[{{{NextQuest}}}]]</div>
+
<div>[[{{{NextQuest}}}]]</div></div>|
 +
<div style="position:absolute;bottom:-2em;right:5px;font-size:smaller;text-align:right">
 
</div>
 
</div>
 
}}
 
}}
{{#ifeq: {{{NextBoss|}}}| | |
 
<div style="position:absolute;bottom:3px;right:5px;font-size:smaller;text-align:right">
 
<div style="font-weight:bold">Next Quest</div>
 
<div>[[{{{NextBoss}}}/{{{BossDifficulty}}}|{{{NextBoss}}}]]</div>
 
</div>
 
}}
 
{{#ifeq: {{{NextRaid|}}}| | |
 
<div style="position:absolute;bottom:3px;right:5px;font-size:smaller;text-align:right">
 
<div style="font-weight:bold">Next Quest</div>
 
<div>[[{{{NextRaid}}}/{{{RaidDifficulty}}}|{{{NextRaid}}}]]</div>
 
</div>
 
}}
 
<!-- TODO -->
 
 
</div>
 
</div>
 
{{#if: {{{Summary|}}} |
 
{{#if: {{{Summary|}}} |
Line 48: Line 40:
 
<p style="margin:15px auto;border-bottom:1px solid;margin-bottom:15px;font-size:1.2em;font-variant-caps: small-caps;font-weight:bold">Summary</p>
 
<p style="margin:15px auto;border-bottom:1px solid;margin-bottom:15px;font-size:1.2em;font-variant-caps: small-caps;font-weight:bold">Summary</p>
 
{{{Summary|}}}
 
{{{Summary|}}}
 +
</div>
 +
}}
 +
{{#if: {{{Dialogue|}}} |
 +
<div style="padding:1em;">
 +
<p style="margin:15px auto;border-bottom:1px solid;margin-bottom:15px;font-size:1.2em;font-variant-caps: small-caps;font-weight:bold">Dialogue</p>
 +
<div class="event-dialogue"><div>{{{Dialogue|}}}
  
<p style="margin:15px auto;border-bottom:1px solid;margin-bottom:15px;font-size:1.2em;font-variant-caps: small-caps;font-weight:bold">Dialogue</p>
+
</div><!--
{{{Dialogue|}}}
+
This extra div is apparently needed for stuff to work right. Just leave it. Also, the above line break is needed to make sure the last line doesn't wrap improperly.
 +
--></div>
 +
</div>
 
</div>
 
</div>
}}</includeonly>
+
}}[[Category:Event Story]]</includeonly><noinclude>[[Category:Templates]]</noinclude>

Latest revision as of 21:29, 30 June 2020