(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