This is a sample of the use of JSR-168 CSS See page 115-117 (Section PLT.C) in the JSR-168 documentation.

This is regular text with in the portlet body - uses style "portlet-font"

This is regular text with in the portlet body - uses style "portlet-font-dim"

This is regular text with in the portlet body - uses style "portlet-msg-status"

This is regular text with in the portlet body - uses style "portlet-msg-info"

This is regular text with in the portlet body - uses style "portlet-msg-error"

This is regular text with in the portlet body - uses style "portlet-message-alert"

This is regular text with in the portlet body - uses style "portlet-msg-success"

This is a portlet section header - uses style "portlet-section-header"

This is a portlet section sub-header - uses style "portlet-section-subheader"

This is a portlet section body - uses style "portlet-section-alternate"

This is a portlet section body - uses style "portlet-section-selected"

This is a portlet section body - uses style "portlet-section-subheader"

This is a portlet section body - uses style "portlet-section-text"

This is a table heading - uses style"portlet-table-header" | Heading 1 | Heading 2 | Heading 3
This is a table sub-heading - uses style "portlet-table-subheader" | Sub-heading 1 | Sub-heading 2 |  |
This is table body text - uses style "portlet-table-body" | Table body text | Table body text | Table body text | Table body text

A Sample Form

This is a form label - uses style "portlet-form-label"
This is text for a form field - uses style "portlet-form-field-label" |
Text for a field (not input field, e.g. checkboxes, etc.) - "portlet-form-field"

Text that appears beside a context dependent action icon - "portlet-icon-label"

Text that appears beside a "standard" icon (e.g. Ok or Cancel) - "portlet-dlg-icon-label"