Template:Hmbox/testcases

This is the template test cases page for the sandbox of Template:Hmbox. Purge this page to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins and parsers with these links: MinervaNeue (mobile) MonoBook Timeless Vector legacy (2010) Vector (2022) Switch to new parser (Parsoid) Switch to legacy parser

Empty
{{{1}}}
Expanded code <templatestyles src="Hmbox/styles.css" /><div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] </div></div> <templatestyles src="Hmbox/styles.css" /> <div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] </div></div>

Text inside only
{{{1}}}
Foo
Foo
Expanded code <templatestyles src="Hmbox/styles.css" /><div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] Foo</div></div> <templatestyles src="Hmbox/styles.css" /> <div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] Foo</div></div>

Text inside and text outside
{{{1}}}
Foo  – Bar
Foo  – Bar
Expanded code <templatestyles src="Hmbox/styles.css" /><div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] Foo</div>&#8202;– <span style="font-size: 85%">Bar</span></div> <templatestyles src="Hmbox/styles.css" /> <div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] Foo</div>&#8202;– <span style="font-size: 85%">Bar</span></div>

Lorem inside
{{{1}}}
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.
Expanded code <templatestyles src="Hmbox/styles.css" /><div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] 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.</div></div> <templatestyles src="Hmbox/styles.css" /> <div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] 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.</div></div>

Lorem inside and text outside
{{{1}}}
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.  – Foo
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.  – Foo
Expanded code <templatestyles src="Hmbox/styles.css" /><div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] 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.</div>&#8202;– <span style="font-size: 85%">Foo</span></div> <templatestyles src="Hmbox/styles.css" /> <div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] 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.</div>&#8202;– <span style="font-size: 85%">Foo</span></div>

Lorem outside
{{{1}}}
Foo  – 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.
Foo  – 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.
Expanded code <templatestyles src="Hmbox/styles.css" /><div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] Foo</div>&#8202;– <span style="font-size: 85%">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.</span></div> <templatestyles src="Hmbox/styles.css" /> <div role="note" class="hmbox-outer "><div class="hmbox-inner">[[File:Blank.png|20x20px|link=|alt=]] Foo</div>&#8202;– <span style="font-size: 85%">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.</span></div>