login | register
20 Aug 2008 [20:32 UTC]

bitweaver

Web Application Framework and CMS

Refresh cacheHistorys5 slideshowPrint

CssSchema

Default CSS schema applied in all templates

Created by: musus,Last modification on 24 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

Login box

Wiki

Search bitweaver