Adobe Dreamweaver CC 2014 v.13 User Manual

Page 303

Background color of selected tab

.TabbedPanelsTabSelected

background-color: #EEE; (This is the
default value.)

Background color of panel tabs when the
mouse pointer moves over them

.TabbedPanelsTabHover

background-color: #CCC; (This is the
default value.)

Constrain the width of tabbed panels

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

1. Locate the .TabbedPanels CSS rule by opening the SpryTabbedPanels.css file. This rule defines properties for the main container element

of the Tabbed Panels widget.

You can also locate the rule by selecting the Tabbed Panels 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;.