The Actinic Style Sheet

Actinic makes significant use of a stylesheet file called 'actinic.css' to control the layout and formatting of the pages on the website.

You can tell when a style is being used, because you'll see something like class="..." or  id="...." within an HTML tag.

[AWAITING IMAGE]

The layout that is used as the basis for 'actinic.css' is called 'Actinic Stylesheet'. To edit this layout:

·      In the Design tab, click on the 'Select Page Type' drop down list. At the bottom should be 'Actinic Stylesheet'.

·      Go to 'Design | Library | Layouts' and go to the 'Web Page Outer Layout' group. At the top you should see a layout called 'Actinic Stylesheet'. Double-click on it to edit it.

If you are editing the stylesheet via the Design tab, you'll see that the preview is not a great deal of use.

Actinic also allows you to look up specific 'class=' or 'id=' values in the stylesheet. To do this:

·      Locate a 'class=' or 'id=' value you are interested in.

·      Right-click on it and select 'Lookup in Actinic Stylesheet'.

[AWAITING IMAGE]

This will open the Actinic Stylesheet layout in a new window and take you straight to the desired element.

You can insert any variables you need into the stylesheet (see Using Variables) and also use conditions (see Inserting Conditions).