Adobe Dreamweaver CC 2014 v.13 User Manual

Page 297

Background color of panel tabs on hover

.AccordionPanelTabHover

color: #555555; (This is the default value.)

Background color of open panel tab on
hover

.AccordionPanelOpen

.AccordionPanelTabHover

color: #555555; (This is the default value.)

Constrain the width of an accordion

By default, the Accordion widget expands to fill available space. You can constrain the width of an Accordion widget, however, by setting a width
property for the accordion container.

1. Locate the .Accordion CSS rule by opening up the SpryAccordion.css file. This is the rule that defines properties for the main container

element of the Accordion widget.

You can also locate the rule by selecting the Accordion widget, and looking in the CSS Styles panel (Window > CSS Styles). Make sure
the panel is set to Current mode.

2. Add a width property and value to the rule, for example width: 300px;.