Chapter 8. CSS Styling

Table of Contents

Back End styling

This section describes some of the possible configuration that can be performed to change the 'look and feel' of the front end of the site. It is not the purpose of this document to describe all of the possible CSS configuration options that can be used, but instead to describe a few of the more commonly used options.

[Note]Note

It is beyond the scope of this document to go into the details of CSS styling as there are a number of resources available on the web providing details.

It is possible to change the CSS styling used on your site by using a media override. When installed the CSS stylesheets for the Timesheet Component are installed in the 'media/com_timesheet' directory. The site administrator can create a site override by creating a directory named media/com_timesheet under the site template directory. One then copies the folders and files that it is desired to override in this location. Then almost like magic, Timesheet will now load which ever files are under the template instead of that contained in the media directory under the site's root directory.

The name of the CSS style sheet file used in the front end of your site is named 'timesheet.css'.

[Note]Note

There are a few additional defined classes used in the views which have not been configured in the CSS file. This is deliberate and provides some additional display options for those sites that desire them. Please see the code for the specific class details.

Back End styling

The styling sheet for the back end is named 'administrator.css'. It contains all of the colour coding, and table style specific to the administrator forms. Where a class is not specified within this file, the details of the style are obtained from the site administration template (default Isis).

Go To Top

Joomla! Debug Console

Session

Profile Information

Memory Usage

Database Queries