<?xml version="1.0"?>
<!--PageText-->
<div id='wikitext'>
<p><span  style='display: none;'>Categories: <a class='categorylink' href='https://www.pmwiki.org/wiki/Category/Skins'>Skins</a> <a class='categorylink' href='https://www.pmwiki.org/wiki/Category/Design'>Design</a> <a class='categorylink' href='https://www.pmwiki.org/wiki/Category/CSS'>CSS</a></span>
<a id='compact_test_start'></a>
</p><div class='frame small' > 
<p><span  style='display: none;'>Test Page Directives form - recipe at Skins:TestPageDirectives</span>
</p><form action='$ScriptUrl/Skins/SkinTest-Compact' method='get'><input type='hidden' name='skin' value='xml' /><input type='checkbox' name='no[]' value='Header' id='lbl_1' /> <label for="lbl_1" >noheader</label>  <input type='checkbox' name='no[]' value='Footer' id='lbl_2' /> <label for="lbl_2" >nofooter</label>  <input type='checkbox' name='no[]' value='Action' id='lbl_3' /> <label for="lbl_3" >noaction</label>  <input type='checkbox' name='no[]' value='Title' id='lbl_4' /> <label for="lbl_4" >notitle</label>  <input type='checkbox' name='no[]' value='Left' id='lbl_5' /> <label for="lbl_5" >noleft</label>  <input type='checkbox' name='no[]' value='Right' id='lbl_6' /> <label for="lbl_6" >noright</label>  <input type='checkbox' name='no[]' value='Search' id='lbl_7' /> <label for="lbl_7" >nosearch</label>  <input type='submit' value='Test' class='inputbutton' /> 
</form>
</div>
<p>Viewing: <span  style='text-decoration: underline;'><strong>xml</strong></span>. <a href='#test_a_skin' title='Test another skin'>Test a different skin</a> or see <a href='#more_test_markup' title='additional markup below'>additional markup examples</a>  below.  This is the "quick/compact" skin test page. Test more extensive markup features on <a class='wikilink' href='https://www.pmwiki.org/wiki/Test/SkinTestAssortment?skin=xml' title='Skin Test Assortment page'>the Skin Test Assortment page</a>.
</p><div class='img imgcaption'><span class='frame rfloat' style='text-align: center;'><img width='100px' src='/pmwiki/uploads/Skins/HaleyDog_thumb.jpg' alt='An image in an rframe' title='An image in an rframe' /><br /><span class='caption'>Haley</span></span></div>
<div class='vspace'></div><h2> Level 2 Heading <strong>Bold</strong> <em>Italic</em> <code class='escaped'>Pre</code> <code>Mono</code> <a href='#foo'>Link</a></h2>
<ul><li>List Item - Use W3C validators to <a target='_blank'  class='urllink' href='http://validator.w3.org/check?verbose=1&amp;outline=1&amp;uri=$ScriptUrl/Skins/SkinTest-Compact?skin=xml' rel='nofollow'>evaluate the HTML</a> and <a target='_blank'  class='urllink' href='http://jigsaw.w3.org/css-validator/validator?warning=0&amp;uri=$ScriptUrl/Skins/SkinTest-Compact?skin=xml' rel='nofollow'>CSS</a> of this skin.
<ul><li>Nested List Item - Evaluate <a target='_blank'  class='urllink' href='http://ami.responsivedesign.is/?url=$ScriptUrl/Skins/SkinTest-Compact?skin=xml' title='RWD Test Page' rel='nofollow'>RWD</a> of this skin. <a target='_blank'  class='urllink' href='https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.pmwiki.org%2FSkins%2FSkinTest-Compact?skin=xml' title='Google&#039;s Mobile-Friendly Test Page' rel='nofollow'>Mobile-friendy?</a> (<a target='_blank'  class='urllink' href='https://support.google.com/adsense/answer/6196932' title='Google&#039;s Mobile-Friendly support page' rel='nofollow'>Why?</a>)
</li></ul></li></ul><div class='vspace'></div><h3> Level 3 Heading <strong>Bold</strong> <em>Italic</em> <code class='escaped'>Pre</code> <code>Mono</code> <a href='#bar'>Link</a></h3>
<ol><li>Numbered (ordered) List Item - There's <a href='#more_test_markup' title='Jump to the additional markup'>additional markup</a> below the <a href='#test_a_skin' title='Jump to Test a Skin'>Test-a-Skin</a> links.
<ol><li>Second level list item (nested ordered list) - <code class='escaped'>Pre</code> and <code>Mono</code>. Test <a href='#headingsHeadingsto'>headings</a>.
</li></ol></li></ol><div class='vspace'></div><h4> Level 4 Heading <strong>Bold</strong> <em>Italic</em> <code class='escaped'>Pre</code> <code>Mono</code> <a href='#baz'>Link</a></h4>
<p><span style='font-size: 83%;'>Small text</span> &middot; Normal text &middot; <span style='font-size: 120%;'>Large text</span> &middot; <a href='#tooltip' title='This link has a tooltip!'>Link with title (tooltip)</a> &middot; <a class='selflink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact'>Visited Link</a> &middot; <a class='urllink' href='http://pmichaud.com' rel='nofollow'>External link</a><br clear='all' />
<a class='createlinktext' href='#'
    title='Make an edit before creating a new page'>Non-Existent link</a> &middot;  <a rel='nofollow' class='createlinktext' 
    href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?action=upload&amp;upname=file.ext'>Attach:file.ext</a><a rel='nofollow' 
    class='createlink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?action=upload&amp;upname=file.ext'>&nbsp;&Delta;</a> &middot;  <code><span style='font-size: 120%;'>Large mono</span></code> &middot; <code>Normal mono</code> &middot;  <code><span style='font-size: 83%;'>Small mono</span></code><br /><strong>Strong text</strong> &middot; <em>Emphasized text.</em> &middot; <strong><em>Strong Emphasised text</em></strong> &middot; <ins>inserted text</ins> &middot; <del>deleted text</del><br />Super<sup>script</sup> and Sub<sub>script</sub> &middot; <a href='#stronglink'><strong>Strong link</strong></a> &middot; <a href='#emph'><em>Emphasised link</em></a> &middot; <a href='#strongemph'><strong><em>Strong Emphasised link</em></strong></a>
</p><div class='indent'>Indented text - There's a large indented paragraph of text among the <a href='#more_test_markup' title='Jump down to the additional markup'>examples below</a>.
</div><div class='outdent'>Hanging text - There's a large hanging-indent paragraph of text among the <a href='#more_test_markup' title='Jump down to the additional markup'>examples below</a>.
</div><p><code class='escaped'>This escaped-text line is 80 characters wide so you can see how it appears here.</code>
</p><div class='indent'><span class='hlt php'></span><pre class='escaped'>
## This two-line block is an indented preformatted block.
$PageLogoUrl = "$PubDirUrl/skins/pmwiki/pmwiki-32.gif";
</pre>
</div><p class='vspace'><strong>Test PmSyntax coloring:</strong>
</p><table class='markup norender' align='center'>
      <tr><td class='markup1' valign='top'><pre>(:comment Testing PmSyntax colors:)
[[(Cookbook/)PmSyntax]] test some [[feature]]s:
* item\\
  new line
(:input checkbox name=name value="{*$Value}" label="$[Accept terms]":)
!!!! Heading [[#anchor]]
Attach:image.jpg"alt text"
|| border=1
||! header || cell ||
</pre></td></tr></table>
<p class='vspace'><a id='compact_test_end'></a><a id='test_a_skin'></a> 
</p><h2> Test a Skin</h2>
<p>Click on the link below to show this page with the skin, or <a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin='>reset</a> to the PmWiki skin.
</p><div class='fpltemplate'><p><a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=2016'>2016</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=abitmodern'>A Bit Modern</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=academian'>Academian</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=adapt'>Adapt</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=alalike'>Alalike</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=amber'>Amber</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=barthelme'>Barthelme</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=beeblebroxnetgila'>Beeblebrox Net Gila</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bfreedom'>B Freedom</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bitterlemon'>Bitter Lemon</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=blix'>Blix</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=blog'>Blog</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=blueberry'>Blue Berry</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bluefur'>Blue Fur</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bluehead'>Bluehead</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=blues'>Blues</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=boira'>Boira</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bonny'>Bonny</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bs-001'>Bs-001</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=bs-002'>Bs-002</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=choice'>Choice</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=cinnamon'>Cinnamon</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=classic'>Classic</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=cleansimple'>Clean Simple</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=colorimetry'>Colorimetry</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=defaultskinwithouttable'>Default Skin Without Table</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=dropdown'>Drop Down</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=dropshadow'>Drop Shadow</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=enlighten'>Enlighten</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=equilibrium'>Equilibrium</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=evolver'>Evolver</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=fixflow'>Fix Flow</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=flckr'>Flckr</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=flexi'>Flexi</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=gemini'>Gemini</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=glossyhue'>Glossy Hue</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=grayness'>Grayness</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=grease'>Grease</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=green'>Green</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=ipmwiki'>IPM Wiki</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=jh'>JH</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=jhmp'>JHMP</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=kaylen'>Kaylen</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=lean'>Lean</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=leaves'>Leaves</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=lens'>Lens</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=light'>Light</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=lines'>Lines</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=lt9602'>Lt 9602</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=maguila'>Maguila</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=marathon'>Marathon</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=marble'>Marble</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=marinee'>Marinee</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=minimous'>Minimous</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=mobile'>Mobile</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=monobook'>Monobook</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=mouse'>Mouse</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=mouseskin'>Mouse Skin</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=neat'>Neat</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=netstreams'>Netstreams</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=neutral'>Neutral</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=newspaper'>News Paper</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=night'>Night</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=not2simple'>Not 2 Simple</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=notebook'>Notebook</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=notebook-nt'>Notebook-NT</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=notebook2'>Notebook 2</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=notsosimple'>Not So Simple</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=papyrus'>Papyrus</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=parchment'>Parchment</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=photogallery'>Photo Gallery</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=phpnet'>Php Net</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=plain'>Plain</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=plainblog'>Plain Blog</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=pmwiki-divs'>Pm Wiki-Divs</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=pmwiki-dt'>Pmwiki-dt</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=pmwiki-responsive'>Pm Wiki-responsive</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=pmwiki2bars'>Pm Wiki 2 Bars</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=pukkafloat'>Pukka Float</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=recurve'>Recurve</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=redberry'>Red Berry</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=rosetrellis'>Rose Trellis</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=rounded'>Rounded</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=royale'>Royale</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=schlaefertwo'>Schlaefer Two</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=simpla'>Simpla</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=simple'>Simple</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=simpletab'>Simple Tab</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=simplyimpact'>Simply Impact</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=sinorca'>Sinorca</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=skidoo'>Skidoo</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=skintest'>Skin Test</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=skintests'>Skin Tests</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=skittlish'>Skittlish</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=soma'>Soma</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=somethingcorporate'>Something Corporate</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=ssofbjoomlarhuk'>Ssofb Joomla Rhuk</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=steamport'>Steamport</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=steamport-groupbar'>Steamport-Group Bar</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=steamport-splashbar'>Steamport-Splash Bar</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=stripped'>Stripped</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=technobabble'>Technobabble</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=testpagedirectives'>Test Page Directives</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=textpattern'>Text Pattern</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=textpattern4'>Textpattern 4</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=triad'>Triad</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=trish'>Trish</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=twitterbootstrap'>Twitter Bootstrap</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=uselesstuesday'>Useless Tuesday</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=vanilla5'>Vanilla 5</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=vector'>Vector</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=wikilove'>Wiki Love</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=yaml132'>Yaml 132</a> &nbsp;
<a class='wikilink' href='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact?skin=yamlforth'>YAML Forth</a> &nbsp;
</p>
</div>
<div  style='display: none;' > 
<p><a id='skintestcompact'></a>
(:template each:)
 &nbsp;
<a id='skintestcompactend'></a>
</p></div>
<p class='vspace'><a id='more_test_markup'></a>
<a id='paragraphs'></a><a id='menustart'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Paragraphs</h2>
<p>For best results, WikiAuthors should avoid putting Level 1 (&lt;h1&gt;) Headings in wiki pages. Instead use Levels 2  (!! markup) through 6 (!!!!!! markup) without skipping levels. L2 to L6 without skipping levels improves a page's structure and increases accessibility and discoverability of the page's content because headings establish a page outline. This editorial note is normal paragraph text. --<a class='wikilink' href='https://www.pmwiki.org/wiki/Profiles/HaganFox'>Hagan</a>
</p>
<div class='vspace'></div><div class='indent'>Indented text - A page's outline is meaningful when the page is parsed by machines (e.g. screen readers and search-engine spiders). See this page's outline <a target='_blank'  class='urllink' href='http://validator.w3.org/check?verbose=1&amp;outline=1&amp;uri=$ScriptUrl/Skins/SkinTest-Compact?skin=xml#outlineresult' title='W3C Validator' rel='nofollow'>here</a>. Conventionally &lt;h1&gt; headings are used only once per page as the page's main heading. Some skins&mdash;including the default PmWiki Skin&mdash;tag the page's title with an &lt;h1&gt; tag to improve content accessibility and discoverability. 
</div><div class='vspace'></div><div class='outdent'>Hanging text - The <a target='_blank'  class='urllink' href='https://www.w3.org/WAI/tutorials/page-structure/headings/' title='Headings &amp;bull; Page Structure &amp;bull; WAI Web Accessibility Tutorials' rel='nofollow'>W3C explains it</a> this way: "When looking at the content, the highest available heading level should be used to mark up the heading of the main content, as this makes it easy to discover. Ideally use an &lt;h1&gt; or &lt;h2&gt;." You can also improve accessibility and discoverability by adding page <a target='_blank'  class='wikilink' href='https://www.pmwiki.org/wiki/PmWiki/PageDirectives#description' title='(:description:) diretive'>(:description:)</a> text, adding alt-text to images, and adding link titles to links in your pages.
</div><div class='vspace'></div><div class='img imgonly'><span class='lfloat'><img src='/pmwiki/uploads/Skins/CaraCat_thumb.jpg' alt='A left-floated image' title='A left-floated image' /></span></div>
<p>Normal paragraph text next to a right-floated image using <code>%rfloat%</code> <a target='_blank'  class='wikilink' href='https://www.pmwiki.org/wiki/PmWiki/WikiStyles' title='WikiStyles'>WikiStyle</a> markup - PmWiki doesn't make any attempt to do everything that can be done in HTML. There are good reasons that people don't use web browsers to edit HTML--it's just not very effective. If you need to be writing lots of funky HTML in a web page, then PmWiki is not what you should be using to create it. What PmWiki does try to do is make it easy to link PmWiki to other "non-wiki" web documents, to embed PmWiki pages inside of complex web pages, and to allow other web documents to easily link to PmWiki. 
</p>
<p class='vspace'><a id='misc'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Miscellaneous Markup</h2>
<p><a id='widetext'></a>
</p>
<p class='vspace'>Wide text: [@preformatted@], -&gt;[@intented preformatted@], and leading-space preformatted
<code class='escaped'>This escaped-text line is 80 characters wide so you can see how it appears here.</code>
</p><div class='indent'><code class='escaped'>This indented line is 80 characters wide for testing how a line that wide looks.</code>
</div><pre> This line is also 80 characters wide.. also for testing how a wide line appears.
</pre><p class='vspace'><a id='unicode'></a>
Some Unicode UTF-8 Symbols: ☕ &#9790; &#9728; ☀ ☽
</p>
<p class='vspace'><span  style='border: 1px solid #999;'>This is a line of plain text with a border around it. <br /></span><span  style='border: 1px solid #999;'><code class='escaped'>This is a line of preformatted text with a border around it.</code> <br /></span><span  style='border: 1px solid #999;'><code>This is a line of monospaced text with a border around it.</code></span>
</p>
<p class='vspace'><a id='searchbox'></a>
</p>A searchbox: <form  class='wikisearch' action='https://www.pmwiki.org/wiki/Skins/SkinTest-Compact' method='get'><input type='hidden' name='skin' value='xml' /><input type='hidden' name='action' value='search' /><input type='text' name='q' value=''   placeholder='Search'   class='inputbox searchbox' size='40' /><input type='submit' class='inputbutton searchbutton' value='Search' /></form>
<p class='vspace'><a id='hr'></a>
In HTML 4.01, the &lt;hr&gt; tag is a "horizontal rule".
In HTML5, the &lt;hr&gt; tag defines a thematic break. (<a target='_blank'  class='urllink' href='http://www.w3schools.com/tags/tag_hr.asp' title='HTML &amp;lt;hr&amp;gt; Tag' rel='nofollow'>Reference</a>)
</p><hr />
<p><a id='headings'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h1> Level 1 Heading &middot; <strong>Bold</strong> &middot; <em>Italic</em> &middot; <code class='escaped'>Pre</code> &middot; <code>Mono</code> &middot; <a href='#fred'>Link</a></h1>
<p>Some text.
</p><h2> Level 2 Heading &middot; <strong>Bold</strong> &middot; <em>Italic</em> &middot; <code class='escaped'>Pre</code> &middot; <code>Mono</code> &middot; <a href='#barney'>Link</a></h2>
<p>Some text.
</p><h3> Level 3 Heading &middot; <strong>Bold</strong> &middot; <em>Italic</em> &middot; <code class='escaped'>Pre</code> &middot; <code>Mono</code> &middot; <a href='#wilma'>Link</a></h3>
<p>Some text.
</p><h4> Level 4 Heading &middot; <strong>Bold</strong> &middot; <em>Italic</em> &middot; <code class='escaped'>Pre</code> &middot; <code>Mono</code> &middot; <a href='#betty'>Link</a></h4>
<p>Some text.
</p><h5> Level 5 Heading &middot; <strong>Bold</strong> &middot; <em>Italic</em> &middot; <code class='escaped'>Pre</code> &middot; <code>Mono</code> &middot; <a href='#pebbles'>Link</a></h5>
<p>Some text.
</p><h6> Level 6 Heading &middot; <strong>Bold</strong> &middot; <em>Italic</em> &middot; <code class='escaped'>Pre</code> &middot; <code>Mono</code> &middot; <a href='#bammbamm'>Link</a></h6>
<p>Some more text.
</p><hr />
<p><a id='lists'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Lists</h2>
<h3> Unordered list</h3>
<ul><li>Unordered List Item 
<ul><li>Nested Unordered List Item
<ul><li>Nested even more
</li><li>And another one
<ul><li>Fourth level
</li></ul></li></ul></li><li>Second level
</li></ul></li><li>Item
</li><li>Item
</li></ul><div class='vspace'></div><h3> Ordered list</h3>
<ol><li>Ordered List Item 
<ol><li>Nested Ordered List Item
<ol><li>Nested even more
</li><li>And another one
<ol><li>Fourth level
</li></ol></li></ol></li><li>Second level
</li></ol></li><li>Item
</li><li>Item
</li></ol><div class='vspace'></div><h3> Definitions / Descriptions</h3>
<dl><dt>definition list</dt><dd>An HTML 4.01 list of terms, with a definition of each term.
</dd><dt>description list</dt><dd>An HTML5 list of terms, with a description of each term.
</dd><dt>PmWiki</dt><dd> A wiki-based system for collaborative creation and maintenance of websites. 
</dd></dl><p class='vspace'><a id='tables'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Tables</h2>
<h3>Simple Table - <a target='_blank'  class='wikilink' href='https://www.pmwiki.org/wiki/PmWiki/Tables' title='PmWiki Tables'>PmWiki.Tables</a></h3>
<table border='1' ><tr class='row1 ind1'><th  align='center'>Header 1</th><th  align='center'>Header 2</th><th  align='center'>Header 3</th><th  align='center'>Header 4</th><th  align='center'>Header 5</th><th  align='center'>Header 6</th><th  align='center'>Header 7</th><th  align='center'>Header 8</th></tr>
<tr class='row2 ind2'><td  align='center'>A 1</td><td  align='center'>A 2</td><td  align='center'>A 3</td><td  align='center'>A 4</td><td  align='center'>A 5</td><td  align='center'>A 6</td><td  align='center'>A 7</td><td  align='center'>A 8</td></tr>
<tr class='row3 ind3'><td  align='center'>B 1</td><td  align='center'>B 2</td><td  align='center'>B 3</td><td  align='center'>B 4</td><td  align='center'>B 5</td><td  align='center'>B 6</td><td  align='center'>B 7</td><td  align='center'>B 8</td></tr>
<tr class='row4 ind4'><td  align='center'>C 1</td><td  align='center'>C 2</td><td  align='center'>C 3</td><td  align='center'>C 4</td><td  align='center'>C 5</td><td  align='center'>C 6</td><td  align='center'>C 7</td><td  align='center'>C 8</td></tr>
</table>
<div class='vspace'></div><h3>Simple Table - with the "simpletable" class</h3>
<table class='simpletable sortable' ><tr class='row1 ind1'><th  align='center'>Header 1</th><th  align='center'>Header 2</th><th  align='center'>Header 3</th><th  align='center'>Header 4</th><th  align='center'>Header 5</th><th  align='center'>Header 6</th><th  align='center'>Header 7</th><th  align='center'>Header 8</th></tr>
<tr class='row2 ind2'><td  align='center'>A 1</td><td  align='center'>A 2</td><td  align='center'>A 3</td><td  align='center'>A 4</td><td  align='center'>A 5</td><td  align='center'>A 6</td><td  align='center'>A 7</td><td  align='center'>A 8</td></tr>
<tr class='row3 ind3'><td  align='center'>B 1</td><td  align='center'>B 2</td><td  align='center'>B 3</td><td  align='center'>B 4</td><td  align='center'>B 5</td><td  align='center'>B 6</td><td  align='center'>B 7</td><td  align='center'>B 8</td></tr>
<tr class='row4 ind4'><td  align='center'>C 1</td><td  align='center'>C 2</td><td  align='center'>C 3</td><td  align='center'>C 4</td><td  align='center'>C 5</td><td  align='center'>C 6</td><td  align='center'>C 7</td><td  align='center'>C 8</td></tr>
</table>
<div class='vspace'></div><h3>Advanced Table - <a target='_blank'  class='wikilink' href='https://www.pmwiki.org/wiki/PmWiki/TableDirectives' title='PmWiki Table Directives'>PmWiki.TableDirectives</a></h3>
<table border='1' ><tr><td  valign='top'><strong>Header 1</strong>
</td><td  valign='top'><strong>Header 2</strong>
</td><td  valign='top'><strong>Header 3</strong>
</td><td  valign='top'><strong>Header 4</strong>
</td><td  valign='top'><strong>Header 5</strong>
</td><td  valign='top'><strong>Header 6</strong>
</td><td  valign='top'><strong>Header 7</strong>
</td><td  valign='top'><strong>Header 8</strong>
</td></tr><tr><td  valign='top'>A 1
</td><td  valign='top'>A 2
</td><td  valign='top'>A 3
</td><td  valign='top'>A 4
</td><td  valign='top'>A 5
</td><td  valign='top'>A 6
</td><td  valign='top'>A 7
</td><td  valign='top'>A 8
</td></tr><tr><td  valign='top'>B 1
</td><td  valign='top'>B 2
</td><td  valign='top'>B 3
</td><td  valign='top'>B 4
</td><td  valign='top'>B 5
</td><td  valign='top'>B 6
</td><td  valign='top'>B 7
</td><td  valign='top'>B 8
</td></tr><tr><td  valign='top'>C 1
</td><td  valign='top'>C 2
</td><td  valign='top'>C 3
</td><td  valign='top'>C 4
</td><td  valign='top'>C 5
</td><td  valign='top'>C 6
</td><td  valign='top'>C 7
</td><td  valign='top'>C 8
</td></tr></table>
<p class='vspace'><a id='forms'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Forms - <a target='_blank'  class='wikilink' href='https://www.pmwiki.org/wiki/PmWiki/Forms' title='PmWiki Forms'>PmWiki.Forms</a></h2>
<div class='property-Select'>Select:</div>
<p><select name='FIRST' class='inputbox'><option value='Hughey'>Hughey</option><option value='Dewey'>Dewey</option><option value='Louie'>Louie</option></select>
</p>
<div class='vspace'></div><div class='property-Radio'>Radio:</div>
<p><input type='radio' name='RADIO' value='1' id='lbl_8' /> <label for="lbl_8" >Animal</label>  &nbsp; <input type='radio' name='RADIO' value='2' id='lbl_9' /> <label for="lbl_9" >Mineral</label>  &nbsp; <input type='radio' name='RADIO' value='3' id='lbl_10' /> <label for="lbl_10" >Vegetable</label> 
</p>
<div class='vspace'></div><div class='property-Checkbox'>Checkbox:</div>
<p><input type='checkbox' name='CB' value='1' id='lbl_11' /> <label for="lbl_11" >Air</label>  &nbsp; <input type='checkbox' name='CB' value='2' id='lbl_12' /> <label for="lbl_12" >Water</label>  &nbsp; <input type='checkbox' name='CB' value='2' id='lbl_13' /> <label for="lbl_13" >Fire</label>  &nbsp; <input type='checkbox' name='CB' value='3' id='lbl_14' /> <label for="lbl_14" >Earth</label> 
</p>
<div class='vspace'></div><div class='property-Text'>Text:</div>
<p><input type='text' name='TEXT' value='text' class='inputbox' size='25' />
</p><div class='property-Textarea'>Textarea:</div>
<p><textarea name='TEXTAREA' class='inputbox' rows='2' cols='25'>Some text goes in this area.</textarea>
</p><div class='property-Password'>Password:</div>
<p><input type='password' name='PASS' value='password' class='inputbox' size='25' />
</p><div class='property-Email'>Email:</div>
<p><input type='email' name='EMAIL' value='user@example.com' class='inputbox' />
</p><div class='property-File'>File:</div>
<p><input type='file' name='FILE' />
</p>
<p class='vspace'><a id='floats'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Floats and Frames</h2>
<p>Floats and frames are <a class='wikilink' href='https://www.pmwiki.org/wiki/PmWiki/WikiStyles#predefined' title='predefined style shortcuts'>predefined wikistyle shortcuts</a>.
</p><h3> Text Floats and Frames</h3>
<p>Jump to <a href='#image_floats' title='Jump to Image Floats'>Image Floats</a>
</p><hr />
<p>Some text before an rframe...
</p><div class='frame rfloat' > 
<pre class='escaped'>This is a PmWiki rframe div
with two lines of preformatted text.</pre>
</div>
<p>...and some more text after it.
<br clear='all' />
</p><hr />
<p>Some text before an lfloat...
</p><div class='lfloat' > 
<pre class='escaped'>This is a PmWiki lfloat div
with two lines of preformatted text.</pre>
</div>
<p>...and some more text after it.
<br clear='all' />
</p><hr />
<p>Some text before a cframe...
</p><div class='frame' style='margin-left: auto; margin-right: auto; width: 200px; text-align: center;' > 
<pre class='escaped'>This is a PmWiki cframe div
with two lines of preformatted text.</pre>
</div>
<p>...and some more text after it.
<br clear='all' />
</p><hr />
<p><a id='image_floats'></a>
</p><h3> Large-image Float &amp; Frame</h3>
<p>Two 600px-wide images in an rframe and lfloat...
</p>
<div class='vspace'></div><div class='frame rfloat' style='text-align: center;' > 
<div class='property-Attach'><img src='/pmwiki/uploads/Skins/FarmersMarketVeggies.jpg' alt='Farmer&#39;s Market Veggies' title='Farmer&#39;s Market Veggies' /><br /><span class='caption'>Farmer's Market Veggies</span></div>
</div>
<p>This is some text with an EighteenLetterWord that's in an area that ideally won't become too narrow to display properly.<br clear='all' />
</p><div class='lfloat' style='text-align: center; background-color: lightblue;' class='img imgcaption'><img src='/pmwiki/uploads/Skins/SunnyslopeAfricanDaisies.jpg' alt='Sunnyslope African Daisies' title='Sunnyslope African Daisies' /><br /><span class='caption'>African Daisies</span></div>
<p>This is some text with an EighteenLetterWord that's in an area that ideally won't become too narrow to display properly.<br clear='all' />
</p>
<p class='vspace'><a id='skin_specific'></a>
</p><div class='frame' > 
<p><a href='#paragraphs' title='Paragraphs'>Paragraphs</a> &middot;
<a href='#misc' title='Miscellaneous'>Misc.</a> &middot;
<a href='#headings' title='Headings'>Headings</a> &middot;
<a href='#lists' title='Lists'>Lists</a> &middot;
<a href='#tables' title='Tables'>Tables</a> &middot;
<a href='#forms' title='Forms'>Forms</a> &middot;
<a href='#floats' title='Floats and Frames'>Floats</a> &middot;
<a href='#skin_specific' title='Skin-specific Markup'>Specific</a> &middot;
<a href='#sandbox' title='Sandbox'>Sandbox</a> &middot;
<a href='#compact_test_start' title='Top Section'>Top</a>
</p></div>
<h2> Skin-Specific</h2>
<p>Skin-specific markup goes here. (This section will be empty for most skins.)
</p><div  style='display: none;' > 
<p>Use conditional markup like this:
</p>
<div class='vspace'></div></div>
<p class='vspace'><span  style='display: none;'> This sandbox section won't appear when the page is (:include:)d.</span>
<a id='sandbox'></a>
</p><h2> Sandbox</h2>
<p><span  style='display: none;'> Experiment below. Sandbox content may be deleted from time to time.</span>
Experiment here.
</p>
<div class='vspace'></div><div  style='font-size: .9em; border-top: 1px solid #ddd; margin-top: 1em;' > 
</div>
</div>

