Customizing the Skin Components in the Skin Style Sheet (CSS) File

This section describes the properties/classes that you need to use to customize the individual skin components in the skin style sheet file. For details regarding how these classes are used in the css style sheet file, refer to the Appendix section.

Classes/properties used for the skin style sheet

Style Class

Usage

Ulogo

Style for logo on top, also style with background image

Ubanner

Style for banner on top, also style with background image

navbar-background

Background image for navigation bar (menubar.gif)

navButton-on

On button in navigation bar (menuButton_on.gif)

navButton-off

Off button in navigation bar

sidebarWindow-login

Login window background and foreground colors for "Logged in as" left corner box

button-small

For example, Logout button

sidebarWindow-find

Search window in the top left

Subhead sub heading

For example, Search heading in the search window

sidebar-taskboxes

Styles for left hand side navigation links

NAV_Item, NAV_Group

Styles for left hand side navigation links

twoColRightCell

Sets background color, padding and width

pageID-home

Background image; Home at the top in the right pane

contentWindow

bottomright/bootomleft

topright/topleft

top/bottom/right/left

inside/tabOn/tabOff

Store images required at various pages

tableContent-middleColumn

Images on default page (the first page)

tableContent-leftColumn-cpanel

The first image in each row

text-copyright

Copyright text font.

actionBar-button-disabled

For example, remove button

actionBar-button-enabled

For example, add site button.

tab-on-capLeft

tab-on-capRight

tab-on-capLeft.gif

tab-on-capRight.gif

from css\images

tab-off-capLeft

tab-off-capRight

tab-off-capLeft.gif

tab-off-capRight.gif

from css\images