"Items" Group

Customize the appearance of items by editing the Item group of rules.

In this section:

Odd Items Body

Even Items Body

Strong Links in Item Body

Custom Links in Item Body

Titles in Item Body

Horizontal Rules in Item Body

Buttons in Items Body

Strong Buttons in Item Body

Highlighted Text in Item Body

Item Header

Item Footer

Link in Item Footer

Odd Items Body

Defines the style for an odd item body area.

Selector

.mod-item-body

Sample

.mod-item-body
{
    border: 1px solid #969696;
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Even Items Body

Defines the style for an even item body area.

Selector

.mod-item-body-alter

Sample

.mod-item-body-alter
{
    border: 1px solid #969696;
    background-color: #F9F9F9;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Strong Links in Item Body

Defines the style for link within an item body area.

Selector

a.mod-item-body-a-strong

Sample

a.mod-item-body-a-strong
{
    color: #003399;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Custom Links in Item Body

Defines the common style for all links within an item body area.

Selector

.mod-item-body a, .mod-item-body-alter a

Sample

.mod-item-body a, .mod-item-body-alter a
{
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

Remarks

This style rule must be defined above the rules Strong Links in Item Body Blocks and Link in Item Footer Blocks.

 

Titles in Item Body

Defines the style for text titles within an item body area.

Selector

.mod-item-body-title

Sample

.mod-item-body-title
{
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Horizontal Rules in Item Body

Defines the style for hr-elements within an item body area.

Selector

.mod-item-body-hr

Sample

.mod-item-body-hr
{
    background-color: #CECECE;
}

 

Buttons in Items Body

Defines the style for simple buttons within an item body area.

Selector

.mod-item-button

Sample

.mod-item-button
{
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Strong Buttons in Item Body

Defines the style for strong buttons within an item body area.

Selector

.mod-item-button-strong

Sample

.mod-item-button-strong
{
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

 

Highlighted Text in Item Body

Defines the style for highlighted text within an item body area.

Selector

.mod-item-highlight, a.mod-item-highlight

Sample

.mod-item-highlight, a.mod-item-highlight
{
    color: #cc0000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Item Header

Defines the style for an item header area.

Selector

.mod-item-header

Sample

.mod-item-header
{
    border: 1px solid #969696;
    background-color: #E5E5E5;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Item Footer

Defines the style for an item footer area.

Selector

.mod-item-footer

Sample

.mod-item-footer
{
    background-color: #F3F3F3;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Link in Item Footer

Defines the style for an item footer area.

Selector

a.mod-item-footer-a

Sample

a.mod-item-footer-a
{
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}