History: CSS Overview

(from http://doc.tikiwiki.org/tiki-index.php?page=Styles and Themes - to be updated)

Presentation

The presentation of elements, the visual style of your theme, is created using CSS (Cascading Style Sheets). So, the next step in building a custom theme is to make a CSS file for it.

1. Pick an existing CSS file from the styles directory. Please note that the CSS files are not in the templates directory tree. In a default Tiki installation, there are two directories named styles under the Tiki root:
   • styles (for CSS files)
   • templates/styles (for the custom-theme sub-directories, into which you put TPL files--as we just did above)
2. Copy the CSS file, rename it to match your new theme name, and keep it in the styles directory with all the other CSS files. For example, we would call ours screensite.css.
3. Edit it to produce a style for your theme--selecting things like fonts, background colors and the behavior of hypertext links.
4. If you wish to add images to your CSS style, it's best to create a subdirectory for them beneath the styles directory--giving it your theme's name.
   • For example, styles/screensite

We recommend the use of jalist.css as a basic theme that you can use to start your new theme. If you want to make a very detailed theme use subsilver.css as the model.