|
|
| (16 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <noinclude>== Full-width Quote == | + | <includeonly><div class={{#switch: {{{1}}} | full="box-wide" | left="box-left" | right="box-right"}}><div class={{#switch: {{{1}}} | full="quotation" | left="miniquote" | right="miniquote"}}>{{{2}}}</div> |
| | + | <div class="quotation-citation">– {{{3}}}</div></div></includeonly><noinclude> |
| | + | == Full Quote == |
| | + | <div class="box-wide"><div class="quotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam. </div> |
| | + | <div class="quotation-citation">– Source</div></div> |
| | | | |
| − | <div style="width: 85%; margin-left: 1.5em; font-size: 120%; padding: 8px 10px; box-shadow: 4px 4px 5px #262417; background-image: linear-gradient(170deg, rgba(242,235,220,1), rgba(217,204,180,1)); font-family: 'Scope One', serif; font-weight: 400; text-align: justify; color: #262417">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam. | + | <code><nowiki>{{Quote|full|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.|Source}}</nowiki></code> |
| − | <div style="text-align: right; padding-right: 36px">– Source</div></div>
| |
| − | | |
| − | <nowiki>{{Quote|full|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.|Source}}</nowiki>
| |
| | | | |
| | == Side Quote == | | == Side Quote == |
| | + | <div class="box-left"><div class="miniquote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam. </div> |
| | + | <div class="quotation-citation">– Source</div></div> |
| | | | |
| − | <div style="width: 20%; float: right; margin: 1em; font-size: 100%; padding: 8px; box-shadow: 4px 4px 5px #262417; background-image: linear-gradient(170deg, rgba(242,235,220,1), rgba(217,204,180,1)); font-family: 'Scope One', serif; font-weight: 400; text-align: justify; color: #262417">Nam id suscipit leo, id cursus tellus. Mauris sit amet malesuada sem. Etiam eu orci nulla. Etiam congue magna sit amet pellentesque tincidunt. Sed a quam id orci vehicula malesuada id sit amet dui. Praesent elementum faucibus facilisis. Mauris id ligula ac diam molestie vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus. In risus nunc, convallis a nibh ac, tempor semper metus. Nulla facilisi. Sed turpis eros, aliquet id rhoncus eget, pharetra ut nibh. Nunc in enim magna. | + | <code><nowiki>{{Quote|left/right|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.|Source}}</nowiki></code> |
| − | <div style="text-align: right; padding-right: 12px">– Source</div></div>
| |
| | | | |
| − | <nowiki>{{Quote|side right|Nam id suscipit leo, id cursus tellus. Mauris sit amet malesuada sem. Etiam eu orci nulla. Etiam congue magna sit amet pellentesque tincidunt. Sed a quam id orci vehicula malesuada id sit amet dui. Praesent elementum faucibus facilisis. Mauris id ligula ac diam molestie vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus. In risus nunc, convallis a nibh ac, tempor semper metus. Nulla facilisi. Sed turpis eros, aliquet id rhoncus eget, pharetra ut nibh. Nunc in enim magna.|Source}}</nowiki>
| + | [[Category:Formatting|Quote]] |
| | </noinclude> | | </noinclude> |
| − |
| |
| − | <includeonly><div style={{#switch: {{{1}}} | full = "width: 85%; margin-left: 1.5em; font-size: 120%; padding: 8px 10px; box-shadow: 4px 4px 5px #262417; background-image: linear-gradient(170deg, rgba(242,235,220,1), rgba(217,204,180,1)); font-family: 'Scope One', serif; font-weight: 400; text-align: justify; color: #262417" | side right = "width: 20%; float: right; margin: 1em; font-size: 100%; padding: 8px; box-shadow: 4px 4px 5px #262417; background-image: linear-gradient(170deg, rgba(242,235,220,1), rgba(217,204,180,1)); font-family: 'Scope One', serif; font-weight: 400; text-align: justify; color: #262417" | side left = "width: 20%; float: left; margin: 1em; font-size: 100%; padding: 8px; box-shadow: 4px 4px 5px #262417; background-image: linear-gradient(170deg, rgba(242,235,220,1), rgba(217,204,180,1)); font-family: 'Scope One', serif; font-weight: 400; text-align: justify; color: #262417" }}>{{{2|}}}
| |
| − | <div style="text-align: right; padding-right: {{#switch: {{{1}}} | full = 36px | side right = 12px | side left = 12px }}">– {{{3|}}}</div></div></includeonly>
| |
Full Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.
– Source
{{Quote|full|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.|Source}}
Side Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.
– Source
{{Quote|left/right|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare nulla rhoncus mi laoreet pulvinar. Fusce vitae ultricies mi. Aliquam at euismod risus, at mattis urna. Maecenas ut mollis risus, id ornare augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat at arcu convallis venenatis. Proin sed purus suscipit, posuere magna vel, egestas libero. Duis lorem enim, commodo non ex non, malesuada finibus mi. Vestibulum ex nulla, auctor sit amet dapibus quis, consectetur et diam.|Source}}