Template:CutsceneText: Difference between revisions
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- | <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;">[[ | <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> | ||
< | |||
</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.