<%--****************************************************************************--%>
<%-- WSRP Portlet styles. These are the standard styles defined for WSRP --%>
<%-- support. If possible, portlets should use these styles. --%>
<%--****************************************************************************--%>
<%-- PORLTET ACTION BUTTONS --%>
<%-- Text for tasks on header bar. --%>
.portlet-dlg-icon-label {
font-weight: bold;
color: #000000;
white-space: nowrap;
}
<%-- Text labels for icons in portlet body --%>
.portlet-icon-label {
color: #000000;
}
<%-- Text for section header in standard portlet and portlet in edit mode --%>
.portlet-section-header {
font-weight: bold;
color: #333333;
}
<%-- Background color for section header in standard portlet and portlet in edit mode --%>
.portlet-section-header-highlight {
background-color: #F0F0F0;
}
<%-- Text in body of standard portlet and portlet in edit mode --%>
.portlet-font {
font-family: ${requestScope.cssRules.portalSansSerif};
font-size: ${requestScope.cssRules.fontSize.portalNormal};
color: #333333;
}
<%-- Main portlet body style --%>
.portlet-section-body {
}
.portlet-section-alternate {
}
.portlet-section-selected {
}
.portlet-section-footer {
}
<%-- Text of a subheading --%>
.portlet-section-subheader {
color: #333333;
}
<%-- PORTLET TABLES --%>
<%-- Standard text within table --%>
.portlet-table-text {
}
<%-- Text in a selected cell range --%>
.portlet-table-selected {
color: #333333;
background-color: #c5d1de;
}
<%-- Shaded table row - used to alternate row colors with standard row --%>
.portlet-table-alternate {
color: #333333;
}
<%-- Styles for left, middle and right cells of the header row --%>
.portlet-table-header {
font-weight: normal;
color: #000000;
text-align: ${requestScope.cssRules.bidiLeft};
background-color: #ffffff;
border-width: 0px 0px 0px 0px;
border-style: none;
border-color: #aaaaaa;
}
<%-- Styles for the left, middle, and right cells of a data row. --%>
<%-- ! important is on some of these attributes to override the backward compatibility styles
.wpsTableRow td, .wpsTableNrmRow td, .wpsTableShdRow td --%>
.portlet-table-body {
text-align: ${requestScope.cssRules.bidiLeft};
border-width: 1px 0px 0px 0px ! important;
border-style: solid ! important;
border-color: #aaaaaa ! important;
}
.portlet-table-footer{
}
<%-- PORTLET PAGING TABLES --%>
<%-- new style for a section header row --%>
.portlet-table-subheader {
font-weight: bold;
color: #000000;
text-align: ${requestScope.cssRules.bidiLeft};
}
<%-- Text for form entryfields --%>
.portlet-form-input-field {
border: 1px solid #999999;
}
<%-- Text for form buttons --%>
.portlet-form-button {
text-decoration: none;
text-align: center;
background-image: url("./colors/default/ButtonBackground.gif");
background-repeat: repeat-x;
background-position: ${requestScope.cssRules.bidiLeft} center;
border: 1px solid #919191;
padding: 0px 2px;
margin: 0px;
overflow: visible;
font-weight: normal;
color: #000000;
cursor: pointer;
}
<%-- Text for form element labels --%>
<%-- The wpsRequiredLabelText style should also used on the text explaining that the field is required even if it is in a footnote. --%>
.portlet-form-field, .portlet-form-field-label {
color: #333333;
}
<%-- Text for form element descriptions --%>
.portlet-font-dim {
color: #808080;
}
<%-- Text used for the descriptive label of the whole form (not the labels for fields) --%>
.portlet-form-label {
color: #333333;
}
<%-- PORTLET MESSAGE AND INLINE HELP TEXT STYLES --%>
<%-- Text for error messages --%>
.portlet-msg-error {
color: #000000;
}
<%-- Text for warning messages --%>
.portlet-msg-alert {
color: #000000;
}
<%-- Text for success messages --%>
.portlet-msg-success {
color: #000000;
}
<%-- Text for information messages --%>
.portlet-msg-info {
color: #000000;
}
<%-- Text for inline help information --%>
.portlet-section-text {
color: #666666;
}
<%-- Text for status messages such as "Progress: 80%" --%>
.portlet-msg-status {
color: #333333;
}
<%-- PORTLET MENUS --%>
<%-- General menu settings such as background color, margins, etc. --%>
.portlet-menu, .portlet-menu-cascade {
background-color: #EEEEEE;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px;
}
<%-- Normal, unselected menu item --%>
.portlet-menu-item {
background-color: #EEEEEE;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px;
}
<%-- Selected menu item --%>
.portlet-menu-item-selected {
background-color: #aaaaaa;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px;
}
<%-- Normal, unselected menu item when the mouse hovers over it --%>
.portlet-menu-item-hover, .portlet-menu-cascade-item-hover {
background-color: #cccccc;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px;
}
<%-- Selected menu item when the mouse hovers over it --%>
.portlet-menu-item-hover-selected, .portlet-menu-cascade-item-hover-selected {
background-color: #cccccc;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px;
}
<%-- Normal, unselected menu item that has sub-menus --%>
.portlet-menu-cascade-item {
background-color: #eeeeee;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px 3px 3px 3px;
}
<%-- Normal, unselected menu item that has sub-menus --%>
.portlet-menu-cascade-item-selected {
background-color:#cccccc;
border-style: solid;
border-color: #333333;
border-width: 1px;
padding: 3px 3px 3px 3px;
}
<%-- Separator between menu items, and submenu items --%>
.portlet-menu-separator, .portlet-menu-cascade-separator {
background-color: #999999;
}
<%-- Content for a normal, unselected menu or sub-menu item --%>
.portlet-menu-content, .portlet-menu-content-selected {
background-color: #eeeeee;
}
<%-- Content of an unselected menu or sub-menu item when the user's pointer hovers over it --%>
.portlet-menu-content-hover, .portlet-menu-content-hover-selected {
background-color: #cccccc;
}
<%-- Indicator that a menu item has an associated sub-menu--%>
.portlet-menu-indicator, .portlet-menu-indicator-selected {
}
<%-- Indicator when the associated menu item has the user's pointer hover over it--%>
.portlet-menu-indicator-hover, .portlet-menu-indicator-hover-selected {
}
<%-- Descriptive text for the menu (e.g. in a help context below the menu) --%>
.portlet-menu-description {
}
<%-- Menu caption --%>
.portlet-menu-caption {
border-style: solid;
border-color: #333333;
border-width: 1px;
}
<%-- Color for separator lines within portlets --%>
.portlet-separator {
background-color: #999999;
height: 1px;
}
div.portlet-separator {
background-color: #999999;
margin: 2px 0 2px 0;
}