login | register
Sat 11 of Oct, 2008 (07:44 UTC)

bitweaver - Web Application Framework and CMS

Web Application Framework and CMS

Refresh cacheHistoryPrint

CssSchema

Default CSS schema applied in all templates

Created by: musus, Last modification: Mon 24 of Jul, 2006 (06:14 UTC) by Will

#container

#header

#bittop

#bittopbar

modules

#navigation
modules

#extra
modules

#content

.header

.content

#footer

modules

#bitbottom



For a hypothetical bitweaverPackage foo, here is how it should present its data:


<div class="display foo">
  <div class="header">
    <h1>pile of foo</h1>
    <div class="date">created by fooster on april 1, 2004</div>
  </div>
 
  <div class="body">
    <div class="content">this is more foo</div>
    <div class="pagination">page 1 of 4</div>
  </div>
</div>


depending on the type of page, in the outermost div we use the following classifcations:
  • display
  • edit
  • listing
  • admin
when we use what class should be self explanatory.

in the CSS, the selection of any h1 that is part of the very top of the page would be:
.header h1 {}

for the header h1 title of the package foo, you would use
.foo .header h1 {}

as an example you could define the following:
.header h1 {background: silver;}
.foo .header h1 {color: red;}

on all pages, the h1 title will appear with a silver background
on the foo package, the top header will appear with a silver background and red text.

for a more detailed list of css instructions and notes, please visit ThemeTutorial

Comments