Difference between revisions of "Template:CampaignQuestHeader"

From Dragalia Lost Wiki
Jump to navigation Jump to search
(attempt to fix overlap on dialogue-only campaign quests)
>Canim44
(#css → #widget/css)
 
Line 14: Line 14:
 
|PreviousQuest=String
 
|PreviousQuest=String
 
|Summary=Wikitext (size=3000)
 
|Summary=Wikitext (size=3000)
}}</noinclude><includeonly><!--
+
}}</noinclude><includeonly>{{#widget:Template/CampaignQuestHeader/css}}<!--
  
 
-->{{#cargo_store:
 
-->{{#cargo_store:
Line 36: Line 36:
 
<div>{{#if: {{{NextQuest2|}}}|<div style="font-size:small">EX: [[{{{NextQuest2}}}]]</div>}}
 
<div>{{#if: {{{NextQuest2|}}}|<div style="font-size:small">EX: [[{{{NextQuest2}}}]]</div>}}
 
{{Exists|page={{PAGENAME}}/Normal|then=|else=
 
{{Exists|page={{PAGENAME}}/Normal|then=|else=
<div style="position: relative; top: 0px; left: 0px; display:inline-block;">{{#css:
+
<div style="position: relative; top: 0px; left: 0px; display:inline-block;">
.CQH-thumbnail {
+
<div class="CQH-thumbnail">[[File:{{{ThumbnailImage|}}}.png|link=]]</div>
position: relative;
 
top: 0px;
 
left: 0px;
 
}
 
.CQH-thumbnail img {
 
max-width:70vw;
 
height:auto;
 
}
 
}}<div class="CQH-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="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">{{#ifeq:{{{Chapter|}}} | | |  Chapter {{{Chapter|?}}} / {{{Location|?}}}-{{{Part|?}}}}}</div>
 
<div style="font-size:small">{{#ifeq:{{{Chapter|}}} | | |  Chapter {{{Chapter|?}}} / {{{Location|?}}}-{{{Part|?}}}}}</div>
Line 95: Line 86:
 
<div style="padding:1em;">
 
<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>
 
<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>
{{#css:
+
<div class="story-dialogue"><div>{{{Dialogue|}}}
 
 
.story-dialogue div > p {
 
    display: flex;
 
    margin-bottom: 1em;
 
    margin-top: 1.5em;
 
}
 
 
 
 
 
.story-dialogue div > p > span,
 
.story-dialogue div > p > a {
 
    margin-right: 1em;
 
    margin-top: -.5em;
 
    flex-shrink: 0;
 
}
 
 
 
}}<div class="story-dialogue"><div>{{{Dialogue|}}}
 
 
 
 
</div><!--
 
</div><!--
 
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.
 
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.

Latest revision as of 22:24, 22 February 2020

This template defines the table "CampaignQuestHeaders". This table has not been created yet.