Difference between revisions of "Template:EventStoryHeader"

Latest revision as of 21:29, 30 June 2020

@@ Line 9: / Line 9: @@
 {{{Summary|}}}
 {{{Dialogue|}}}
---><div class="panel" style="margin:auto;min-width:250px;max-width:800px">
+-->{{#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 style="position: relative; top: 0px; left: 0px; display:inline-block;"><div class="ESH-thumbnail">[[File:{{{ThumbnailImage|}}}.png|link=]]</div>
-<div style="position:relative; top:0px; left:0px;">[[File:{{{ThumbnailImage|}}}.png|400px|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>
@@ Line 23: / Line 22: @@
 <div class="panel-body" style="padding:5px">
 {{#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>|
-<div style="position:absolute;bottom:3px;font-size:smaller">
+<div style="position:absolute;bottom:-2em;font-size:smaller">
 </div>
 }}
 {{#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>[[{{{NextQuest}}}]]</div></div>|
-<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>
 }}
@@ Line 46: / Line 45: @@
 <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 class="event-dialogue"><div>{{{Dialogue|}}}
-{{{Dialogue|}}}
+</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.
+--></div>
 </div>
 </div>
-<script>
+}}[[Category:Event Story]]</includeonly><noinclude>[[Category:Templates]]</noinclude>
-(function(mw, $) {
-		$(".event-dialogue > p").each(function() {
-			var wrapper = $('<div style="display: flex; align-items: center;margin-top: 10px;margin-bottom: 10px;"></div>')
-			var text = $(this).text().trim();
-			var img = $(this).find("a:first-child");
-			var imgWrapper = $('<div style="padding-right: 10px"></div>');
-			var textWrapper = $('<div style="flex-grow: 1"></div>');
-			textWrapper.text(text);
-			imgWrapper.append(img);
-			wrapper.append(imgWrapper);
-			wrapper.append(textWrapper);
-			$(this).parent().append(wrapper);
-			$(this).remove();
-		});
-	})(mediaWiki, jQuery);
-</script>
-}}</includeonly>

Difference between revisions of "Template:EventStoryHeader"

Latest revision as of 21:29, 30 June 2020

Navigation menu

Search