Introduction to ScrewTurn Wiki Themes

Modified on Wed, 07 Oct 2009 12:19 by Dario Solera — Categorized as: Uncategorized

This page is a considered complete and accurate. However, if you find an error, please take the time report it.

The visual appearance of ScrewTurn Wiki can be customized entirely using CSS (Cascading Style Sheets).

Introduction

A theme is a set of files that define the appearance of ScrewTurn Wiki in every detail. Themes are packaged in directory, whose name is also the name of the theme. If you take a look at the Themes directory of ScrewTurn Wiki, you would find a structure similar to this:

Themes\
  Default\
    Images\
      Attachment.png
      DropDown.png
      ...
      Search.png
    Icon.ico
    Print_Styles.css
    Screen_Styles.css
    Scripts.js
  Default-v2\
    ...
  Elegant\
    ...

All files with .CSS or .JS extensions are always sent to the browser. If a file is named Icon.ico, it is used as favicon.

CSS Naming Conventions

CSS Classes are always named with a full-lowercase name, for example a.imagelink.
CSS IDs are always names with a CamelCase name, for example MainDiv.

CSS Media Types

The CSS standard defines different media types. Each one specify a different target device, such as a PC screen, a PDA or a printer. ScrewTurn Wiki supports different media types through a special naming convention of CSS files. If you want to specify that a CSS file is intended for the screen media type, just prepend to its name the label screen_. A complete list of available media types is reported here (names are not case-sensitive):


Note: media types are interpreted by the browser, thus the results may vary from browser to browser and from device to device.

Themes Reference

You can find a complete theming reference at this page.