Edge Rewrite
everything Source code View original
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a22147354a58c465

Jump to content

Template:Userbox/testcases

Add links
From Wikipedia, the free encyclopedia

Standard boxes

[edit]
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
xpfoodddd bar
xpfoodddd bar
This user plays maimai.
xpfoodddd bar
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
This user has different colors of eyes.
This user has different colors of eyes.
This user plays maimai.
This user has different colors of eyes.
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
ALAThis User Lives or Lived in Alameda, California
ALAThis User Lives or Lived in Alameda, California
This user plays maimai.
ALAThis User Lives or Lived in Alameda, California
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
TSThis user likes Taylor Swift
TSThis user likes Taylor Swift
This user plays maimai.
TSThis user likes Taylor Swift

Border width

[edit]
Border width test cases
border-s=10px
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=-9
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=-2
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=-1
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=0
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=1
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=2
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=3
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=5
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=12
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
border-s=10
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=50
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=21
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=0
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=1
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=2
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=15
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=100
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
border-s=150
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}

Body margin

[edit]
Body margin test cases


no float specified, no margin specified
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
no float, user-specified bodymargin=0 20px 0 0
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
float=left, default margin
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
float=left, user-specified bodymargin=0 22px 0 0
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
float=right, default margin
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
float=right, user-specified bodymargin=0 0 0 22px
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Samuel JohnsonThis user honours Samuel Johnson
for his enduring contributions to the
English language.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Maths

[edit]
Math testcases

Side by side

{{Userbox}} to the left of {{Userbox/sandbox}}

Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
π3.1415926535897932384626433832795028841941693993751058209749445923808162...
π3.1415926535897932384626433832795028841941693993751058209749445923808162...
This user plays maimai.
π3.1415926535897932384626433832795028841941693993751058209749445923808162...
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
42The Answer to Great Question of the Universe, Life, and Everything
42The Answer to Great Question of the Universe, Life, and Everything
This user plays maimai.
42The Answer to Great Question of the Universe, Life, and Everything
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
;This user thinks TeX is cool.
;This user thinks TeX is cool.
This user plays maimai.
;This user thinks TeX is cool.

Floating

3 instances of {{Userbox}} precede 3 instances of {{Userbox/sandbox}} and 3 instances of {{Userbox/sandbox2}}.

π3.1415926535897932384626433832795028841941693993751058209749445923808162...
42The Answer to Great Question of the Universe, Life, and Everything
;This user thinks TeX is cool.

{{Userbox/sandbox}}

π3.1415926535897932384626433832795028841941693993751058209749445923808162...
This user plays maimai.
42The Answer to Great Question of the Universe, Life, and Everything
This user plays maimai.
;This user thinks TeX is cool.
This user plays maimai.

{{Userbox/sandbox2}}

π3.1415926535897932384626433832795028841941693993751058209749445923808162...
42The Answer to Great Question of the Universe, Life, and Everything
;This user thinks TeX is cool.

Stacked

{{Userbox}} precedes {{Userbox/sandbox}} followed by {{Userbox/sandbox2}} in each case.

π3.1415926535897932384626433832795028841941693993751058209749445923808162...
π3.1415926535897932384626433832795028841941693993751058209749445923808162...
This user plays maimai.
π3.1415926535897932384626433832795028841941693993751058209749445923808162...
42The Answer to Great Question of the Universe, Life, and Everything
42The Answer to Great Question of the Universe, Life, and Everything
This user plays maimai.
42The Answer to Great Question of the Universe, Life, and Everything
;This user thinks TeX is cool.
;This user thinks TeX is cool.
This user plays maimai.
;This user thinks TeX is cool.

Long text

[edit]
Lorem ipsum 1
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This user plays maimai.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum 2
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
Mr. Lorem, I don't feel so good...Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Mr. Lorem, I don't feel so good...Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This user plays maimai.
Mr. Lorem, I don't feel so good...Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Blank parameters

[edit]
{{userbox
| border-width=
| border-s=10
}}
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
{{userbox
| 
| border-c=blue
}}
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}
{{userbox
| id = id
| info-background =
}}
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
id{{{info}}}
id{{{info}}}
This user plays maimai.
id{{{info}}}
{{userbox
| id = id
| id-w = 
}}
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
id{{{info}}}
id{{{info}}}
This user plays maimai.
id{{{info}}}
{{userbox
| info-color = 
| info-fc = red
}}
Side by side comparison
{{Userbox}}{{Userbox/sandbox}}{{Userbox/sandbox2}}
{{{info}}}
{{{info}}}
This user plays maimai.
{{{info}}}

Multiple boxes together

[edit]

Test default floating style with 3 userboxes together.

{{Userbox}}

1{{{info}}}
2{{{info}}}
3{{{info}}}

{{Userbox/sandbox}}

1{{{info}}}
This user plays maimai.
2{{{info}}}
This user plays maimai.
3{{{info}}}
This user plays maimai.

{{Userbox|float=left}}

1{{{info}}}
2{{{info}}}
3{{{info}}}

{{Userbox/sandbox|float=left}}

1{{{info}}}
This user plays maimai.
2{{{info}}}
This user plays maimai.
3{{{info}}}
This user plays maimai.

{{Userbox|float=right}}

1{{{info}}}
2{{{info}}}
3{{{info}}}

{{Userbox/sandbox|float=right}}

1{{{info}}}
This user plays maimai.
2{{{info}}}
This user plays maimai.
3{{{info}}}
This user plays maimai.

{{Userbox|float=none}}

1{{{info}}}
2{{{info}}}
3{{{info}}}

{{Userbox/sandbox|float=none}}

1{{{info}}}
This user plays maimai.
2{{{info}}}
This user plays maimai.
3{{{info}}}
This user plays maimai.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Template:Userbox/testcases&oldid=1320472686"