Template:CutsceneText: Difference between revisions

From Homecoming Wiki
Jump to navigation Jump to search
(rewrite in HTML5 blockquote style, fixes horizontal overflow in mobile)
m (margin/padding adjust)
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div role="figure" {{#if:{{{Char|}}}|aria-labelledby="{{anchorencode:{{{Char}}}}}"}} style="position: relative; margin: 0.5em; border: 1px solid #4169E1; padding-left: 48px; background: #F4F4F4; text-align: left;">
<div role="figure" {{#if:{{{Char|}}}|aria-labelledby="cutscenetext-{{anchorencode:{{{Char}}}}}"}} style="display: flow-root; position: relative; margin: 0.5em; border: 1px solid #4169E1; padding: 0 1em 0 48px; max-width: 70ch; background: #F4F4F4; text-align: left; {{{style|}}}">
<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;">
<div style="margin: 1em 0;"><span id="cutscenetext-{{anchorencode:{{{Char}}}}}" style="font-weight: bold;">{{{Char}}}</span>:</div>
<cite id="{{anchorencode:{{{Char}}}}}" style="font-weight: bold; font-style: inherit;">{{{Char}}}</cite>:
</div>
}}
}}
<blockquote style="margin: 0;">
<blockquote style="margin: 1em 0; border: 0; padding: 0;">
{{{Text}}}
{{{Text}}}
</blockquote>
</blockquote>

Latest revision as of 14:09, 18 November 2022

{{{Text}}}

Example Usage

This:

{{CutsceneText|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 {{Cutscene}} in that this is for recording in-game text and dialogue that occurs outside a cutscene, or for a character's cutscene dialogue copied onto their page's own "Quotes" section. For other meta-related quotes from devs, players, or outside sources, use {{Quotebox}}.

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