Styles used in the Business Process Choreographer Explorer interface

The style.css file contains styles that you can change to adapt the look and feel of the default user interface.

The style.css file contains styles for the following elements of the default user interface:
This file is in the following directory:
<profile_directory>\installedApps\<node_name>\<explorer_instance>\bpcexplorer.war\theme 

Body of a page

Style name Description
.pageBody The main content area in a table layout with two columns: navigator and content.
.pageBody td The individual cell in the overall page body layout.
.pageBodyNavigator The column that contains the navigator.
.pageBodyContent The column that contains the content.

Login page

Style name Description
.loginPanel The panel containing the login form.
.loginTitle The title on the form.
.loginText The instructional text.
.loginForm The form that contains the input controls.
.loginValues The table that determines the layout of the controls.
.loginField The labels used for the logon fields, for example, Name or Password.
.loginValue The text input field.

Menu bar

Style name Description
.menubar The JSF subview.
.menuContainer The container panel including the menu items, for example, labels, and links.
.menuItem An item on the menu bar.
.menuitem a A menu item that is a link.
.menuitem a:visited A menu item that is a link that the user has visited.
.menuitem a:hover Hovering over a menu item that is a link.

Navigator

Style name Description
.navigator JSF subview for navigator which contains the links to the lists.
.navigatorTitle The title for each navigator box.
.navigatorFrame The division for each navigator box, for example, to draw a border.
.taskNavigatorTitle A class of titles for navigation boxes. They are used to distinguish between links to lists of business process objects and human task objects.
.navigatorItem An item in the navigator box.
.navigatorItemList An item that represents a list.
.expanded / .expanded div / .expanded a .expanded a:visited Used when the navigator boxes are expanded.
.collapsed Used when the navigator boxes are collapsed.

Content panels

Style name Description
.panelContainer The division panel that contains the list, details or messages. This element is embedded in the pageBodyContent column.
.panelTitle The title for the displayed content, for example, My Tasks.
.panelHelp The division container that contains the help text and the icon.
.panelGroup The division container that contains the command bar and list, details or message.

Command bar

Style name Description
.commandbarHeader The title above the command bar.
.commandbar The division container around the command-bar area.

Lists

Style name Description
.listHeader The style used in the header row of the list.
.list The table that contains the rows.
.list tbody td, .list th Styles for the header row.
.list thead input, .list tbody input Check boxes for lists.
.list tfoot td Last row entry is the footer information.
.list tfoot div The division container around the footer elements.
.list tfoot input The input controls in the footer.
.list a / .list a:visited For links rendered in the list.

Details panel

Style name Description
.details The division container around a details panel.
div.details Details styles that are embedded in the division container.
table.details Details styles that are embedded in the table container.
td.detailsProperty The label for a property name.
td.detailsValue The text for a property value.

Message data

Style name Description
.messageData The division container around a message.
.messageData table The table container in which the message is placed.
.messageDataButton Button style for Add and Remove buttons in the message form.
.messageData td / .messageData th Body and header cells.
.messageDataOutput For rendering read-only text.
.messageDataValidInput For message values that are valid.
.messageDataInvalidInput For message values that are not valid.

Tabbed panes

Style name Description
.tabbedPane The division container around all of the tabbed panes.
.tabHeader The tab header of a tabbed pane.
.tabHeader ul Each header is organized in an unordered list.
.tabHeader li Each header label is a list item.
.tabHeader a / .tabHeader a:hover / .tabHeader a.tab The header label as a link.
.tabHeader a.selectedTab The selected tab header.
.tabPane The division container that encloses a tabbed pane.
.tabPane table A pane is always embedded in a panel grid. This action results in a table container around the pane.
.tabPane .list th, .tabPane .list tfoot div Settings for lists on a tabbed pane.

Error details

Style name Description
.errorPage The tabbed pane for an error page.
.errorLink / .errorLink a / .errorLink a:visited Styles uses to render the button links on a page.
.errorDetails Tabbed pane with error details.
.errorDetailsStack Tabbed pane with an exception stack.
.errorDetailsStack table / .errorDetailsStack td The exception stack that is shown as rows in a table.
.errorDetailsMessage Text style for error message.

Sorting

Style name Description
.ascending Style for the list header class when the list is sorted by this column in ascending order.
.descending Style for the list header class when the list is sorted by this column in descending order.
.unsorted Style for the list header class when the list is not sorted by this column.

(c) Copyright IBM Corporation 2005, 2006.
This information center is powered by Eclipse technology (http://www.eclipse.org)