StructureCSS
Page layout
The tree below represents the structure of pages that is valid for all wikidot-powered sites. This reference should help all these who wish to develop custom CSS themes.
* div#container
o div#header
+ h1
# a
* span (with the name of the site)
+ h2 (if subtitle exists)
# span (with the subtitle of the site)
+ div#top-bar (if top-bar navigation element exists)
+ div#login-status
+ div#header-extra-div-1 (extra divs for CSS design)
# span
+ div#header-extra-div-2 (extra divs for CSS design)
# span
+ div#header-extra-div-3 (extra divs for CSS design)
# span
o div#content-wrap
+ div#side-bar (if side-bar navigation element exists)
+ div#main-content
# div#action-area-top
# div#page-title
# div#breadcrumbs
# div#page-content (main content of the page)
# div#page-info
# div#page-options-bottom.page-options-bottom
# div#page-options-bottom-2.page-options-bottom
# div#action-area
o div#footer
+ div.options
o div#license-area
* div#extra-div-1 (extra divs for CSS design)
o span
* div#extra-div-2
o span
* div#extra-div-3
o span
* div#extra-div-4
o span
* div#extra-div-5
o span
* div#extra-div-6@@
page revision: 4, last edited: 11 Mar 2009 19:42