Difference between revisions of "Template:Quote"

From sureai
Jump to: navigation, search
m (Remove unintended paragraphs)
(Use grid to avoid text breaking on floats)
Line 1: Line 1:
<includeonly><div style = "width: auto; max-width: 500px; display: inline-block; ">
+
<includeonly><div style = "width: auto; max-width: 500px; display: grid; grid-template: 1fr auto / auto 1fr auto; grid-gap: .25em; align-items: center; ">
<div style = "position: relative; width: auto; padding: .25em 3em .05em 3em; ">
+
 
<div style = "position: absolute; line-height: .5em; top: 50%; left: 5px; font-family: 'Georgia', 'Times New Roman', 'Arial', serif; font-size: 64pt; color: RGBA(0, 0, 0, 25%); user-select: none; -moz-user-select: none; z-index: -1; ">&ldquo;</div>
+
<div style = "grid-area: 1 / 1 / span 1 / span 1; line-height: 0; transform: translateY(.25em); font-family: 'Georgia', 'Times New Roman', 'Arial', serif; font-size: 64pt; color: RGBA(0, 0, 0, 25%); user-select: none; -moz-user-select: none; z-index: -1; ">&ldquo;</div>
<div style = "position: absolute; line-height: .5em; top: 50%; right: 5px; font-family: 'Georgia', 'Times New Roman', 'Arial', serif; font-size: 64pt; color: RGBA(0, 0, 0, 25%); user-select: none; -moz-user-select: none; z-index: -1; ">&rdquo;</div>
+
<div style = "grid-area: 1 / 3 / span 1 / span 1; line-height: 0; transform: translateY(.25em); font-family: 'Georgia', 'Times New Roman', 'Arial', serif; font-size: 64pt; color: RGBA(0, 0, 0, 25%); user-select: none; -moz-user-select: none; z-index: -1; ">&rdquo;</div>
<div style = "text-align: justify; z-index: 1;">{{{1}}}</div>
+
<div style = "grid-area: 1 / 2 / span 1 / span 1; text-align: justify; z-index: 1;">
 +
{{{1}}}
 
</div>
 
</div>
 +
<div style = "grid-area: 2 / 2 / span 1 / span 2; margin-left: 1em; ">
 +
{{#if: {{{speaker|{{{context|}}}}}}|&mdash;&nbsp;|}}{{{speaker|}}}{{#if: {{{speaker|}}}|{{#if: {{{context|}}}|,&nbsp;|}}|}}{{{context|}}}
 
</div>
 
</div>
<div style = "margin-left: 4.5em; ">{{#if: {{{speaker|{{{context|}}}}}}|&mdash;&nbsp;|}}{{{speaker|}}}{{#if: {{{speaker|}}}|{{#if: {{{context|}}}|,&nbsp;|}}|}}{{{context|}}}</div></includeonly><noinclude>
+
</div>
 +
</includeonly><noinclude>
 
This template is used to insert a quote, preferably at the start of a page or section.
 
This template is used to insert a quote, preferably at the start of a page or section.
  

Revision as of 14:25, 18 September 2017

This template is used to insert a quote, preferably at the start of a page or section.

Parameters

  • 1: The quote itself
  • speaker: The speaker of said quote (optional)
  • context: Context of the quote, such as "when asked about his life", "torwards the player" (optional)

Examples

{{Quote|
Blasted, blistering blazes! Does this room look like the bosom of a whore to you, or what makes you think you can go around touching anything you get your fingers on?! These documents are confidential, for heck's sake! 
|speaker = [[Enderal:Constantine Firespark|]]
|context = during [[Enderal:The First Steps|]]
}}

Blasted, blistering blazes! Does this room look like the bosom of a whore to you, or what makes you think you can go around touching anything you get your fingers on?! These documents are confidential, for heck's sake!

— Constantine Firespark, during The First Steps


{{Quote|
Here, put this on, and before you ask: yes, it's necessary. Just trust me.
|speaker = [[Enderal:Jespar Dal'Varek|]]
}}

Here, put this on, and before you ask: yes, it's necessary. Just trust me.

— Jespar Dal'Varek


{{Quote|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis est justo, luctus quis dapibus consectetur, interdum nec tellus. Quisque et magna vitae eros semper accumsan. Integer rhoncus nisl vitae hendrerit blandit. In ut turpis eu nibh faucibus mollis. Phasellus ut augue rhoncus, euismod ligula in, sodales est. Sed in sapien velit. Ut blandit libero quis nisi tristique, sed mattis ante mollis. In lacinia, mi id porttitor posuere, nisl nibh vestibulum dui, ut consequat leo dolor nec nunc.
|context = Famous internet saying
}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis est justo, luctus quis dapibus consectetur, interdum nec tellus. Quisque et magna vitae eros semper accumsan. Integer rhoncus nisl vitae hendrerit blandit. In ut turpis eu nibh faucibus mollis. Phasellus ut augue rhoncus, euismod ligula in, sodales est. Sed in sapien velit. Ut blandit libero quis nisi tristique, sed mattis ante mollis. In lacinia, mi id porttitor posuere, nisl nibh vestibulum dui, ut consequat leo dolor nec nunc.

— Famous internet saying