Template:Cutscene: Difference between revisions

From Unofficial Homecoming Wiki
Jump to navigation Jump to search
(copy changes from Template:CutsceneText: rewrite in html5 blockquote style, fixes right side overflow on mobile, limits line length for widescreen readability)
m (rm improper cite tag)
Line 1: Line 1:
<div role="figure" {{#if:{{{Char|}}}|aria-labelledby="{{anchorencode:{{{Char}}}}}"}} style="position: relative; margin: 0.5em; border: 1px solid #4169E1; padding: 0 1em 0 48px; max-width: 70ch; background: #F4F4F4; text-align: left;">
<div role="figure" {{#if:{{{Char|}}}|aria-labelledby="{{anchorencode:{{{Char}}}}}"}} style="position: relative; margin: 0.5em; border: 1px solid #4169E1; padding: 0 1em 0 48px; max-width: 70ch; background: #F4F4F4; text-align: left;">
<div style="position: absolute; left: 8px; top: 10px;">[[Image:Balloon.png|link=|alt=]]</div>
<div style="position: absolute; left: 8px; top: 10px;">[[File:Balloon.png|link=|alt=]]</div>
{{#if:{{{Char|}}}|
{{#if:{{{Char|}}}|
<div style="margin: 1em 0;"><cite id="{{anchorencode:{{{Char}}}}}" style="font-weight: bold; font-style: inherit;">{{{Char}}}</cite>:</div>
<div style="margin: 1em 0;"><span id="{{anchorencode:{{{Char}}}}}" style="font-weight: bold;">{{{Char}}}</span>:</div>
}}
}}
<blockquote style="margin: 0;">
<blockquote style="margin: 0;">

Revision as of 22:08, 18 March 2022

{{{Text}}}

Example Usage

This:

{{Cutscene|Char=Lin Chiao Ryu|Text=Curses!<br />Foiled again!}}

Yields:

Lin Chiao Ryu:

Curses!
Foiled again!

Editor's Note:

The usage of this template differs from {{CutsceneText}} in that this is for recording in-game cutscene dialogue on the actual mission article, not in the "Quotes" section of the speaker's page.

The icon used in this template is File:Balloon.png.