Portlet Styling Quick Reference - JSR-168

CSS Class Definition

portlet-dlg-icon-label
portlet-font
portlet-font-dim
portlet-form-button
portlet-form-field
portlet-form-field-label
portlet-form-input-field
portlet-form-label
portlet-icon-label
portlet-menu
portlet-menu-caption
portlet-menu-cascade-item
portlet-menu-cascade-item-selected Selected sub-menu item that has sub-menus.
portlet-menu-description
portlet-menu-item
portlet-menu-item-hover
portlet-menu-item-hover-selected
portlet-menu-item-selected
portlet-msg-alert
portlet-msg-error
portlet-msg-info
portlet-msg-status
portlet-msg-success
portlet-section-alternate
portlet-section-body
portlet-section-footer
portlet-section-header
portlet-section-selected
portlet-section-subheader
portlet-section-text
Text that appears beside a "standard" icon (e.g. Ok, or Cancel)
Font attributes for the "normal" fragment font. Used for the display of non-accentuated
information.
Font attributes similar to the .portlet.font but the color is lighter.
Text on a button
Text for a field (not input field, e.g. checkboxes, etc)
Text for a separator of fields (e.g. checkboxes, etc.)
Text of the user-input in an input field.
Text used for the descriptive label of the whole form (not the labels for fields).
Text that appears beside a context dependent action icon.
General menu settings such as background color, margins, etc.
Menu caption
Normal, unselected menu item that has sub-menus.
Descriptive text for the menu (e.g. in a help context below the menu)
Normal, unselected menu item.
Normal, unselected menu item when the mouse hovers over it.
Selected menu item when the mouse hovers over it.
Selected menu item.
Warning messages.
Error messages.
Help messages, general additional information, etc.
Status of the current operation.
Verification of the successful completion of a task.
Text in every other row in the cell
Normal text in a table cell
Table or section footnote
Table or section header
Text in a selected cell range
Text of a subheading
Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or
help text that is associated with the section).

A custom CSS class is not defined for the <a> tag. The entity should use the default classes when embedding anchor tags.

If an portlet developer wants a certain font type to be larger or smaller, they should indicate this using a relative size.

by Gary S. Weaver 2009-10-19. For more information please see: http://jcp.org/aboutJava/communityprocess/final/jsr168/index.html

 Portlet Styling Quick Reference - JSR-286 (as addendum to JSR-168)
CSS Class
*
portlet-form-field
*
portlet-form-field-label
portlet-menu-cascade
*
portlet-menu-cascade-item
portlet-menu-cascade-item-hover
portlet-menu-cascade-item-hover-selected Selected menu item when the mouse hovers over it.
*
portlet-menu-cascade-item-selected
portlet-menu-cascade-separator
portlet-menu-content
portlet-menu-content-hover
portlet-menu-content-hover-selected
portlet-menu-content-selected
portlet-menu-indicator
portlet-menu-indicator-hover
portlet-menu-indicator-hover-selected
portlet-menu-indicator-selected
portlet-menu-separator
portlet-table-alternate
portlet-table-body
portlet-table-footer
portlet-table-header
portlet-table-selected
portlet-table-subheader
portlet-table-text
*
- Items marked with star were originally defined in JSR-168 but were redefined in JSR-286.
Definition
Text for a field which is not input field (e.g. checkboxes, etc.)
Text that appears beside a form field (e.g. input fields, checkboxes, etc.)
General sub-menu settings such as background color, margins, etc.
A normal, unselected sub-menu item
Normal, unselected sub-menu item when the mouse hovers over it.
Selected sub-menu item
Separator between sub-menu items
Content for a normal, unselected menu or sub-menu item
Content for an unselected menu or sub-menu item when the mouse hovers over it
Content for a selected menu or sub-menu item when the mouse hovers over it
Content for an selected menu or sub-menu item
Indicator that a menu item has an associated sub-menu
Indicator when the associated menu item has the mouse hover over it
Indicator when the associated menu item is selected and has the mouse hover over it
Indicator when the associated menu item is selected
Separator between menu items
Text in every other row in the table
Normal text in a table cell
Table footer
Table header
Text in a selected cell range
Text of a subheading
Text that belongs to the table but does not fall in one of the other categories (e.g.
explanatory or help text that is associated with the table).

by Gary S. Weaver 2009-10-19. For more information please see: http://jcp.org/aboutJava/communityprocess/final/jsr286/index.html