Customizing the Format of the User Interface Theme

The following describes the elements of the .css file that you can customize. These descriptions are presented in the following format:

Body

Image: N/A

Description: The Body style is the parent of all elements and also describes the background image.

CSS classes: .body

Header

Description: The Header element contains the logo and the navigation menu.

CSS classes: .header_wrapper , .hdr

Logo

Description: Main logo

CSS classes: .main_logo

Navigation menu

Description: Navigation menu common style

CSS classes: .mininav_wrapper

Element navigation menu

Description: Navigation menu item

CSS classes: .mininav_wrapper a:link, .mininav_wrapper a:visited, .mininav_wrapper a:active, A:link, A:visited .menuBarItem

Welcome item on the navigation menu

Description: Welcome item in navigation menu

CSS classes: .menubox, .menuoption

Menu

Description: Main menu in the Admin user interface.

CSS classes: .content-rightpanel

Box for menu items

Description: Box for menu items

CSS classes: .content-rightpanel .moreinfo_box, .content-rightpanel .seealso_box, .content-rightpanel .customer_qoutes

Header box for menu items

Description: A description of the element.

CSS classes: .seealso_box h1

Menu items

Description: Menu items

CSS classes: .seealso_box .links, .archive .links, .moreinfo_box .links

Menu items link

Description: Menu items link

CSS classes: .archive .links a:link, .archive .links a:visited, .archive .links a:active, .moreinfo_box .links a:link, .moreinfo_box .links a:visited, .moreinfo_box .links a:active, .seealso_box .links a:link, .seealso_box .links a:visited, .seealso_box .links a:active

Welcome to Embarcadero AppWave Dashboard (welcome.spg)

Description: Dashboard page common style

CSS classes: .bodyText

Dashboard header

Description: Header for dashboard page

CSS classes: .bodyText h1

Dashboard header picture

Description: Picture for header dashboard

CSS classes: .pageTitle_icon, img

Dashboard description

Description: Dashboard description

CSS classes: .wizard_desc, .image_holder, p, .std

Dashboard elements

Description: Dashboard elements common class

CSS classes: .wizard

Dashboard element image

Description: Dashboard element image

CSS classes: .wizard_icon, .wizard A, .wizard_icon img

Dashboard element header

Description: Dashboard element header

CSS classes: .wizard A, A:link, A:visited

Dashboard element description

Description: Dashboard element description

CSS classes: .image_holder, p, .std, .wizard span

Dashboard element description image

Description: Image for dashboard element description

CSS classes: .wizard_top_icon, img

Dashboard element tips

Description: Dashboard element tips

CSS classes: .wizard_tips

Dashboard element tips item

Description: Dashboard element tips item

CSS classes: .wizard_item

Users (viewUsers.spg)

Description: Common style for this page

CSS classes: .bodyText

Users header

Description: Style for header

CSS classes: .bodyText h1

Users form search

Description: Style for search form

CSS classes: .searchPad

Users form search label

Description: Style for search form label

CSS classes: .filterLabel

Users results table

Description: Style for users results table

CSS classes: .downloads_table