Style Sheets and Catalog Elements

In a style sheet, you can set the style of all elements of a certain type by using the element’s HTML TAG. For example, the user can put a TD section in the style sheet and affect all table columns on a page, or A to affect all anchors. The user can tailor this even more by giving individual elements classes. This allows you to set style using the tag, or for specific elements override the style by providing class specific style information. Some elements have sub styles that describe how the element appears in different situations. An A tag for example has Hover to cover when the mouse is over the element, and Visited to describe how it should appear after it has been visited.

In order to maximize the flexibility of the look and feel of the catalog each element in the catalog has a class name.  Following is the list of elements and their class names:

HTML Tag Type

Class Name

Description

TD

WWGCatalogLinkTitle

Optional Current Links Title

TD

WWGCatalogProcessFlowTitle

Non-tree format catalog Process Flow Title

TD

WWGCatalogStreamTitle

Non-tree format catalog Stream Title

TD

WWGCatalogOtherTitle

Optional Other Links Title

A

WWGCatalogCurrentLink

Optional Current Links Anchor

A

WWGCatalogProcessFlow

Tree format Process Flow Anchor

A

WWGCatalogStream

Tree format Stream Anchor

A

WWGCatalogPage

Tree and non-tree format Page Anchor

A

WWGCatalogOtherLink

Optional Other Links Anchor

 

Here is an excerpt of a style sheet with some of these items set:

A.WWGCatalogOtherLink:hover

{

            color:#CC0000;

            text-decoration:none;

}

 

TD.WWGCatalogLinkTitle

{

            color:    red;

            font:      bold;

}

 

TD.WWGCatalogProcessFlowTitle

{

            color:    green;

            font:      bold;

}