History of CssSchema
Version 43
Here is the page layout for a generic TikiPro page:
<div style="padding:0.5px;border:0.px;margin:0px;">
<div style="padding:1em; margin:0px; background-color:lightblue; text-align:center;clear:both; border:1px solid #000;">#tikibody
<div style="padding:0.5px;background-color:peachpuff; color:black;text-align:center;border:1px solid black;">#tikitop</div>
<div style="padding:0.25em 0.5em;margin:0px;width:90px; float:left; background-color:green; color:white; text-align:center;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;text-align:center;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;">
featuretitle
<div style="background-color:orange;text-align:left;padding:0.25em 0.5em;">
featureheader
featurecontent
featurefooter
</div>
</div>
<div style="padding:0.5px;background-color:peachpuff; clear:both;color:black;text-align:center;border:1px solid black;">#tikibottom</div>
</div>
</div>
this will be the standard for the templates for content pages. within the admin areas, foo will be augmented by a class called admin.
<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>
<div style="padding:0.5px;border:0.px;margin:0px;">
<div style="padding:1em; margin:0px; background-color:lightblue; text-align:center;clear:both; border:1px solid #000;">#tikibody
<div style="padding:0.5px;background-color:peachpuff; color:black;text-align:center;border:1px solid black;">#tikitop</div>
<div style="padding:0.25em 0.5em;margin:0px;width:90px; float:left; background-color:green; color:white; text-align:center;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;text-align:center;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;">
#tikimain
featuretitle
<div style="background-color:orange;text-align:left;padding:0.25em 0.5em;">
featurebody
featureheader
featurecontent
featurefooter
</div>
</div>
<div style="padding:0.5px;background-color:peachpuff; clear:both;color:black;text-align:center;border:1px solid black;">#tikibottom</div>
</div>
</div>
this will be the standard for the templates for content pages. within the admin areas, foo will be augmented by a class called admin.
<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>