ComponentOne ToolBar for ASP.NET AJAX: ToolBar Appearance > C1ToolBar CSS Selectors > C1ToolBar Styles

C1ToolBar Styles

The following table defines the individual CSS selectors used to define the style for the C1ToolBar control:

 

CSS Selector

Description

.C1ToolBar_ArcticFox .C1tbGroup

Applies the style to C1ToolBarGroup element of the C1ToolBar.

.C1tbInner

Applied to the innermost of three nested DIV elements that enclose the toolbar. The three nested DIV elements are designed to work together for shaping the toolbar. For an example of this selector, see Creating a Custom Visual Style.

.C1tbOuter

Applied to the outermost of three nested DIV elements that enclose the toolbar. The three nested DIV elements are designed to work together for shaping the toolbar. For an example of this selector, see Creating a Custom Visual Style.

.C1ToolBar_ArcticFox .C1tbContent

Applies to the content area of the C1ToolBar control. For an example of this selector, see Creating a Custom Visual Style.

.C1ToolBar_VisualStyle

Applied to the C1ToolBar control.

.C1ToolBar_VisualStyle .C1tbLink

Applied to a link element in the C1ToolBar.

.C1ToolBar_VisualStyle .C1tbTextNode

Applied to the text element.

.C1ToolBar_VisualStyle .C1tbDisabled

Applied to the disabled element.

.C1ToolBar_VisualStyle .C1tbHover

Applied to the toolbar item when the mouse hovers over it.

.C1ToolBar_ArcticFox-Vertical .C1tbSeparator

Applied to the vertical separator element.

.C1tbFirstItem

Applied to the first normal state toolbar item.

.C1tbFirstItem-Hover

Applied to the first hover toolbar item.

.C1tbFirstItem-Selected-Hover

Applied to the single first selected-hover state toolbar item.

.C1tbLastItem

Applies the style to the last toolbar item in the C1ToolBar control.

.C1tbLastItem-Hover

Applies the style to the last hover state toolbar item.

.C1tbLastItem-Selected-Hover

Applies the style for the selected last item

.C1tbLastItem-Focus

Applies the style to the last focused item.

.C1tbContent

Applies the style to the content.

.C1ToolBar_VisualStyle-Horizontal .C1tbAlternatingItems

Applies the style for the alternating list item.

.C1tbListItem

Applies the style for the list item.

.C1tbListItem-Hover

Applies the style for the hover list item.

.C1tbListItem-Selected

Applies the style for the selected list item.

.C1tbListItem-Focus

Applies the style for the focus list item.

.C1tbNestedList

Applies the style for the nested list.

.C1tbFirstItem-LastItem

Applies to the single items.

.C1tbFirstItem-LastItem-Hover

Applies to the hover single items.

.C1tbFirstItem-LastItem-Selected

Applies to the single selected items.

.C1tbFirstItem-LastItem-Focus

Applies the style to the focus items.

.C1ToolBar_ArcticFox-Vertical .C1tbContainer

Applies the style to the vertical C1ToolBarContainer element.

.C1ToolBar_ArcticFox-Vertical .C1tbTopPaddingGroup

Applies the style to the top padding group for the vertical toolbar.

.C1ToolBar_ArcticFox-Vertical .C1tbBottomPaddingGroup

Applies the style to the bottom padding group for the vertical toolbar.


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.