History of CssSchema

<h1>Page Layout</h1>
<div style="padding:0.5px;border:0.px;margin:0px;text-align:center;">
<div style="padding:1em;margin:0px;background-color:lightblue;clear:both;border:1px solid #000;">#tikibody
<div style="padding:0.5px;background-color:peachpuff;color:black;border:1px solid black;">#tikitop</div>
<div style="padding:0.25em 0.5em;margin:0px;width:90px;float:left;background-color:green;color:white;height:100%;border:0px;clear:none;">#tikileft</div>
<div style="padding:0.25em 0.5em;margin:0px;width:90px;float:right;background-color:purple ;color:white;height:100%;border-right:0.5px solid black;clear:none;">#tikiright</div>
<div style="margin-right:90px;margin-left:90px;padding:.25em 2.0em;background-color:blue;color:white;height:100%;border:0px;clear:none;">
<p>#tikimain</p>

<div style="background-color:orange;padding:0.25em 0.5em;">
<p>header</p>
<p>content</p>
<p>footer</p>
</div>
</div>

<div style="padding:0.5px;background-color:peachpuff;clear:both;color:black;border:1px solid black;">#tikibottom</div>
</div>

<p>this will be the standard for the templates for content pages. within the admin areas, foo will be augmented by a class called admin.</p>

<div class="tikibar">For a hypothetical TikiPackage foo, here is how it should present its data:</div>

{code( syntax=html )}
<div class="foo">
or
<div class="admin foo">

<div class="header">
<h1 class="title">pile of foo</h1>
<div class="date">created by fooster on april 1, 2004</div>
<div class="description">desciption of foo</div>
</div>

<div class="body">
<div class="introduction">this is foo</div>
<div class="content">this is more foo</div>
</div>

<div class="footer">read comments...</div>

<div class="navbar">navigation bar</div>
<div class="pagination">page 1/1</div>

</div>
{code}