Template:Quote: Difference between revisions

From The Reed and Rite
← Older edit
m Removed background color to allow dynamic color shift in dark mode.
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><blockquote class="source" style="border-left: none; padding-left: 0; {{#if:{{{align|}}}{{{width|}}}|float: {{{align}}}; width: {{{width}}};}} margin: 0.5em 0.5em 0.5em 2em; {{{style|}}}"><div style="display: flex; align-items: flex-start; line-height: 1.4;"><!--
<includeonly><blockquote class="source" style="border-left: none; padding-left: 0; padding-right: 5px; {{#if:{{{align|}}}{{{width|}}}|float: {{{align}}}; width: {{{width}}};}} margin: 0.5em 0em 0.5em .1em; overflow: auto; {{{style|}}}"><div style="display: flex; align-items: flex-start; line-height: 1.4;"><!--


--><span
--><span
class="quotation-mark"
class="quotation-mark"
style="
style="
width: 40px;
color: #9DC6C2;
color: #9DC6C2;
font-size: 50px;
font-size: 40px;
font-family: 'Baskerville', 'Times New Roman', Times, serif;
font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
font-weight: bold;
font-weight: bold;
line-height: .3em;
line-height: .1em;
text-align: left;
text-align: left;
padding: 10px 10px 0px 0px;
padding: 20px 3px 0px 0px;
margin-left: -30px;
margin-left: 20px;
"
"


>&#x301D;</span><!--
>&#8220;</span><!--


--><em style="font-size: 130%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; display: inline;">
--><em style="font-size: 130%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; display: inline; text-align: left;">
{{#if:{{{1|}}}|{{{1}}}|}}
{{#if:{{{1|}}}|{{{1}}}|}}
</em>
</em><!--
<span style="
--><span style="
vertical-align: bottom;
vertical-align: bottom;
color: #9DC6C2;
color: #9DC6C2;
font-size: 50px;
font-size: 38px;
font-family: 'Baskerville', 'Times New Roman', Times, serif;
font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
font-weight: bold;
font-weight: bold;
line-height: .4em;
line-height: .7em;
padding: 0px 0px;
padding: 0px 0px 0px 0px;
margin-left: -5px;
margin-left: -4px;
"
">&#8221;
</span></div><!--


>&#x301E;
--><div style="margin-left: 3.2em; display: inline-block; text-align: left;"><span style="font-size: 120%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; font-variant: small-caps;">—{{#if:{{{2|}}}|{{{2}}}|}}</span>{{#if: {{{ref|}}} | {{{ref}}} }}<!--
</span></div><!--


--><div style="margin-left: 1.3em; display: inline;"><span style="font-size: 120%; font-family: 'Libre Baskerville'; font-variant: small-caps;">—{{#if:{{{2|}}}|{{{2}}}|}}</span>{{#if: {{{ref|}}} | {{{ref}}} }}</div><!--
--></div><!--


--></blockquote><!--
--></blockquote><!--
Line 45: Line 44:
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
|-
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Block Quote</span><br><span style="font-weight: normal;">This method will insert the quote as a block element. Meaning no text will surround it when used.</span>
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Block Quote</span><br><div style="text-align: left;"><span style="font-weight: normal;">This method will insert the quote as a block element. Meaning no text will surround it when used.</span></div>
|-
|-
! width=25%|You Type
! width=25%|You Type
!You Get
!You Get
|-
|-
| style="text-align: left; background-color: white;" |<pre>{{quote
| style="text-align: left;" |<pre>{{quote
|A thing someone said.
|A thing someone said.
|Who Said It
|Who Said It
}}</pre>
}}</pre>
| style="background-color: white;" |{{quote
|{{quote
|A thing someone said.
|A thing someone said.
|Who Said It
|Who Said It
}}
}}
|-
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Inline Quote</span><br><span style="font-weight: normal;">To insert a quote as a block element (have text wrap around it), pass both <code>align=</code> and <code>width=</code>.<br>• <code>align=</code> can be passed with either <code>left</code> or <code>right</code>.<br>• <code>width=</code> can be either a set pixel amount (e.g., <code>250px</code>), or a percentage (e.g., <code>35%</code>)</span>
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Inline Quote</span><br><div style="text-align: left;"><span style="font-weight: normal;">To insert a quote as an inline element (have text wrap around it), pass both <code>align=</code> and <code>width=</code>. <code>align=</code> can be passed with either <code>left</code> or <code>right</code>. <code>width=</code> can be either a set pixel amount (e.g., <code>250px</code>), or a percentage (e.g., <code>35%</code>)</span></div>
|-
|-
! width=25%|You Type
! width=25%|You Type
!You Get
!You Get
|-
|-
| style="text-align: left; background-color: white;" |<pre>{{quote
| style="text-align: left;" |<pre>{{quote
|A thing someone said.  
|A thing someone said.  
|Who Said It
|Who Said It
Line 70: Line 69:
|width=250px
|width=250px
}}</pre>
}}</pre>
| style="background-color: white; text-align:justify;" |Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor.
| style="text-align:justify;" |Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor.
{{quote
{{quote
|A thing someone said.  
|A thing someone said.  
Line 78: Line 77:
}} Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
}} Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
|-
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Quote Reference</span><br><span style="font-weight: normal;">To include a footnote, pass <code>ref=</code>, with either the {{t|ref}}, {{t|Emma ref}}, or {{t|book ref}} templates.</span>
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Quote Reference</span><br><div style="text-align: left;"><span style="font-weight: normal;">To include a footnote, pass <code>ref=</code>, with either the {{t|ref}}, {{t|Emma ref}}, or {{t|book ref}} templates.</span></div>
|-
|-
! width=25%|You Type
! width=25%|You Type
!You Get
!You Get
|-
|-
| style="text-align: left; background-color: white;" |<pre>{{quote
| style="text-align: left;" |<pre>{{quote
|A thing someone said.
|A thing someone said.
|Who Said It
|Who Said It
|ref={{ref|text=A reference to the quote's origin.}}
|ref={{ref|text=A reference to the quote's origin.}}
}}</pre>
}}</pre>
| style="background-color: white;" |{{quote
|{{quote
|A thing someone said.
|A thing someone said.
|Who Said It
|Who Said It

Latest revision as of 22:35, 27 May 2025

Description

This template allows you to insert a quote on a page either as a block element or an inline element.

Usage

Block Quote
This method will insert the quote as a block element. Meaning no text will surround it when used.
You Type You Get 
{{quote
|A thing someone said.
|Who Said It
}}
“

A thing someone said. ”

—Who Said It
Inline Quote
To insert a quote as an inline element (have text wrap around it), pass both align= and width=. align= can be passed with either left or right. width= can be either a set pixel amount (e.g., 250px), or a percentage (e.g., 35%)
You Type You Get 
{{quote
|A thing someone said. 
|Who Said It
|align=right
|width=250px
}}
 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor.
“

A thing someone said. ”

—Who Said It
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
Quote Reference
To include a footnote, pass ref=, with either the {{ref}}, {{Emma ref}}, or {{book ref}} templates.
You Type You Get 
{{quote
|A thing someone said.
|Who Said It
|ref={{ref|text=A reference to the quote's origin.}}
}}
“

A thing someone said. ”

—Who Said It[1]

Notes

  1. ^ A reference to the quote's origin.

Articles Using Template

This list is limited to 100 pages. For a full listing, see here.
Retrieved from "https://thereedandrite.org/index.php?title=Template:Quote&oldid=6535"