(Mirror of http://tikiwiki.org/tiki-index.php?page=CssStylesDev - Should probably be relocated to here.)

Overview

This page describes all used/defined CSS entities. Theme makers can use this page as the TikiWiki styles reference guide . Of couse all developers must pay attention to update this page if something is changed. And theme makers can subscribe to be notified on page changes...

Btw, when style for link is defined of course other pseudo classes can (and should be used/defined too.

Table Of Contents

TikiWiki 1.9 Readiness

The following is a, probably incomplete, list of changes needed to make earlier themes ready for TikiWiki 1.9

• ReleaseProcess19 lists the new CSS classes added during the Tiki 1.9 development cycle.
• Themes that have a local copy of module.tpl or mod-*.tpl: designers should perform a merge with parent to pick up changes to module parameters. See ShowHideModulesAndColumns and cvs commits to BRANCH-1-9 by mdavey starting 2005-02-23.
• Themes that have a local copy of tiki.tpl: designers should perform a merge with parent to pick up changes to feature_left_modules and feature_right_modules tests. See ShowHideModulesAndColumns and cvs commits to BRANCH-1-9 by mdavey starting 2005-02-25.
• Themes that have a local copy of tiki-show_page.tpl: designers should perform a merge with parent to pick up chages to the editdate (authors and date line) section.
• Finally, add the line "@version: 1.9" into the comments at the top of the stylesheet (within the first 30 lines) once every new CSS class introduced in 1.9 has been added to the stylesheet.

See also

• MoreNeatLayoutSchema
• ReleaseProcess19
• StyleCreation
• Color Scheme Generator
• RecipeRestoreCss - tool to list CSS entities

General Layout Styles

The tiki application is enclosed as a whole in tiki-main. tiki-main contains three divs: tiki-top, tiki-mid and tiki-bot that will be used for the header, application and footer.
tiki-mid contains a 3-column table, the columns are called (ids) leftcolumn, centercolumn and rightcolumn. Finally centercolumn contains tiki-center where the main area of the application is displayed.

Boxes

Boxes are used to present a box with a title bar and content, they are used for modules and they are also used in the rankings, admin screen, {-+BOX+-} wiki plugin etc.
The box class is used for modules while the cbox class is used for other boxes. (what other boxes??). Simple box generated by wiki '^' syntax.

Menus

Tables

Wiki Page

Wiki list

File gals

Image gals

List blogs

List articles

Articles Home

History