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
From Rogo 6.0 onwards 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.
The Rogo development team are using CSS Compressor which can be used online at: http://csscompressor.com/