Styling

Styling

Cascading Style Sheets

Using

Below are some commonly used style sheets:

body.css

Unless there is a good reason all pages should include this as it sets up basic colours and fonts for the whole system.

header.css

This styles the blue bar at the top of most of the main screens (including the breadcrumb links).

submenu.css

This styles the left-hand sidebar menu.

tablesort.css

Styles 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.