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;
}