User:Rigel Kent/Cquote tests: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
(adding test for quotes inside a list (potential break of whole page layout))
(other skins view links)
 
Line 1: Line 1:
{| style="max-width: 60em;"
<div role="navigation" aria-labelledby="other-skins-label" class="plainlinks" style="margin: 0 auto 1em; text-align: center; background-color: #eee; max-width: 25em;">
<div id="other-skins-label">'''View in other skins'''</div>
<ul style="margin: 0;">
<li style="display: inline;">[{{fullurl:{{FULLPAGENAME}}|useskin=monobook}} Monobook] &bull;</li>
<li style="display: inline;">[{{fullurl:{{FULLPAGENAME}}|useskin=vector}} Vector] &bull;</li>
<li style="display: inline;">[{{fullurl:{{FULLPAGENAME}}|useskin=minerva}} Minerva]</li>
</ul>
</div>
 
{| style="max-width: 80em;"
! scope="col" | Live version
! scope="col" | Live version
! scope="col" | Draft version
! scope="col" | Draft version
Line 13: Line 22:
|-
|-
|
|
<div style="float: right; background-color: #ccc;">Right floated element</div>
<div style="float: right; background-color: #ccc; opacity: 0.4;">Right floated element</div>
{{Cquote|Quote following a right float}}
{{Cquote|Quote following a right float}}
|
|
<div style="float: right; background-color: #ccc;">Right floated element</div>
<div style="float: right; background-color: #ccc; opacity: 0.4;">Right floated element</div>
{{User:Rigel Kent/Cquote draft|Quote following a right float}}
{{User:Rigel Kent/Cquote draft|Quote following a right float}}
|-
|-
| {{Cquote|Coloured quotes|col=#cc3}}
| {{Cquote|Coloured quotation marks|col=#cc3}}
| {{User:Rigel Kent/Cquote draft|Coloured quotes|col=#cc3}}
| {{User:Rigel Kent/Cquote draft|Coloured quotation marks|col=#cc3}}
|-
|-
|
|
{{Cquote|Right floated quote|float=right}}
{{Cquote|Right floated quote|float=right}}
Filler paragraph following a right floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill even more space.
<span style="opacity: 0.4;">Filler text following a right floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.</span>
|
|
{{User:Rigel Kent/Cquote draft|Right floated quote|float=right}}
{{User:Rigel Kent/Cquote draft|Right floated quote|float=right}}
Filler paragraph following a right floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill even more space.
<span style="opacity: 0.4;">Filler text following a right floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.</span>
|-
|-
|
|
{{Cquote|Left floated quote|float=left}}
{{Cquote|Left floated quote|float=left}}
Filler paragraph following a left floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill even more space.
<span style="opacity: 0.4;">Filler text following a left floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.</span>
|
|
{{User:Rigel Kent/Cquote draft|Left floated quote|float=left}}
{{User:Rigel Kent/Cquote draft|Left floated quote|float=left}}
Filler paragraph following a left floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill even more space.
<span style="opacity: 0.4;">Filler text following a left floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.</span>
|-
|-
|
|

Latest revision as of 03:28, June 13, 2016

Live version Draft version
Template:Cquote User:Rigel Kent/Cquote_draft
Basic quote
Basic quote
Quote with cite
—Cite
Quote with cite

—Cite

Right floated element
Quote following a right float
Right floated element
Quote following a right float
Coloured quotation marks
Coloured quotation marks
Right floated quote

Filler text following a right floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.

Right floated quote

Filler text following a right floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.

Left floated quote

Filler text following a left floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.

Left floated quote

Filler text following a left floated quote to demonstrate the wrapping around it. The paragraph has a second sentence to fill more space. The paragraph also has a third sentence to fill even more space. A fourth sentence in the paragraph is sure to demonstrate wrapping in all but the largest of widths.

Quote 1 in a list
—first
Quote 2 in a list
—second
  • Quote 1 in a list

    —first

  • Quote 2 in a list

    —second