Locations of CSS files for changing styles

Where are CSS files stored in Pixaria 2.0?

In Pixaria 2.0, CSS (cascading style sheet) files are stored in the 'css' folder inside your currently selected theme. There are two CSS files in this directory:

1. pixaria.css - used for all general Pixaria page layout.
2. pixaria.lightbox.css - used for styles for the 'Lightbox 2' slideshow.
3. pixaria.processing.css - used for displaying 'processing' pages.

Where are CSS templates stored in Pixaria 1.x?

In Pixaria 1.5, CSS (cascading style sheet) files are generated dynamically from Smarty templates. The reason for using templates rather than just plain CSS is that some paths to images such as the 'Pixaria' text in the site masthead are dynamic and change depending on what theme the site is using.

All CSS template files are located in the theme template directory called index.styles. If your selected theme doesn't include these files in the location 'mytheme/templates/index.styles/' then Pixaria will revert to using the default templates in 'resources/templates_default/index.styles/'.

CSS template files are different from HTML template files because Smarty tags are enclosed in special open and close brackets <% %>. This is because the default Smarty tag brackets (curly braces { } ) have a special use in CSS files and so we can't use them.

There are three CSS files included in the index.styles directory each of which is used in a different situation.

pixaria.css.tpl

The file pixaria.css.tpl is the main template for most CSS attributes and from version 2.0 will be the only one used on front end pages. Style settings for the background colour of pages and the site masthead image can be found in this template.

pixaria.css.deprecated.tpl

The file pixaria.css.deprecated.tpl contains older CSS information which is being phased out of Pixaria in order to make it easier to customised. From version 2.0, this file will be removed.

pixaria.css.processing.tpl

This file is used on its own on the pages which are displayed when a user performs an action that requires them to wait while information is saved to the database.

Go back to contents

Created: Thursday, May 3, 2007
Last edited: Friday, October 26, 2007