Styling

Cascading Style Sheets

Using

Below are some commonly used style sheets:

body.cssUnless there is a good reason all pages should include this as it sets up basic colours and fonts for the whole system.
header.cssThis styles the blue bar at the top of most of the main screens (including the breadcrumb links).
submenu.cssThis styles the left-hand sidebar menu.
tablesort.cssStyles any page using the Tablesorter JQuery plugin.

Compressing

The CSS files are compressed to minimise their size and thus increase download speed. The human-readable versions are stored in the folder /css/source/ while the compressed versions are in /css/. The code should always refer to the compressed versions.