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

C1ToolBar Group Styles

When you add a C1ToolBarGroup to C1ToolBar you can style the items in the group using its CSS selectors. Within the C1ToolBarGroup the following items can exist: C1ToolbarDropDownList, C1ToolBarButton and C1ToolBarSplitButton.

The following table describes the different CSS selectors used to style the C1ToolBarGroup element.

 

CSS Selector

Property Value

Description

.C1ToolBar_ArcticFox .C1tbGroup .C1tbListItem .C1tbInner

{

padding: 5px 0 0 5px;

}

Applies the style to the inner list items in the C1ToolBarGroup.

.C1ToolBar_ArcticFox .C1tbGroup .C1tbListItem .C1tbContent

{

padding: 0 5px 5px 0;

}

Applies the style for the content in the list items of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem .C1tbContainer

{

background: transparent url( 'Images/ToolbarBgGroupBLFirst.gif' ) no-repeat left bottom;

}

Applies the style to the first item in the dropdown list of the C1ToolBarGroup for a horizontal toolbar.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarBgGroupTRFirst.gif' ) no-repeat right top;

}

Applies the style to the first item in the outer part of the container of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarBgGroupTLFirst.gif' ) no-repeat left top;

}

Applies the style to the first item in the inner part of the container for the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem .C1tbContent

{

background: transparent url( 'Images/ToolbarBgGroupFirst.gif' ) no-repeat right bottom;

}

Applies the style to the first content item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Hover .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemHoverBLFirst.gif' ) no-repeat left bottom;

}

Applies the style to the first hover item in the nested list of the container in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem-Hover .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemHoverTRFirst.gif' ) no-repeat right top;

}

Applies the style to the first hover item in the outer part of the container in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem-Hover .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemHoverTLFirst.gif' ) no-repeat left top;

}

Applies the style to the first hover item of the inner part of the container in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Hover .C1tbContent

{

background: transparent url( 'Images/ToolbarItemHoverFirst.gif' ) no-repeat right bottom;

}

Applies the style to the first hover content item of the nested list in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Selected-Hover .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemActiveBLFirst.gif' ) no-repeat left bottom;

}

Applies the style to the first selected item of the nested list in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem-Selected-Hover .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemActiveTRFirst.gif' ) no-repeat right top;

}

Applies the style to the first selected hover item in the outer part of the container’s C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbFirstItem-Selected-Hover .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemActiveTLFirst.gif' ) no-repeat left top;

}

Applies the style to the first selected hover item in the inner part of the container’s C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Selected-Hover .C1tbContent

{

background: transparent url( 'Images/ToolbarItemActiveFirst.gif' ) no-repeat right bottom;

}

Applies the style to the first selected hover item of the nested list in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem .C1tbContainer

{

background: transparent url( 'Images/ToolbarBgGroupBLLast.gif' ) no-repeat left bottom;

}

Applies the style to the last item of the container’s nested list in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbLastItem .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarBgGroupTRLast.gif' ) no-repeat right top;

}

Applies the style to the last item of the outer part of the container in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbLastItem .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarBgGroupTLLast.gif' ) no-repeat left top;

}

Applies the style to the last item of the inner part of the container in the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem .C1tbContent

{

background: transparent url( 'Images/ToolbarBgGroupLast.gif' ) no-repeat right bottom;

}

Applies the style to the last item of the nested list of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Hover .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemHoverBLLast.gif' ) no-repeat left bottom;

}

Applies the style to the last hover item in the nested list container of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbLastItem-Hover .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemHoverTRLast.gif' ) no-repeat right top;

}

Applies the style to the last hover item in the outer container of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbLastItem-Hover .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemHoverTLLast.gif' ) no-repeat left top;

}

Applies the style to the last hover item in the inner part of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Hover .C1tbContent

{

{

background: transparent url( 'Images/ToolbarItemHoverLast.gif' ) no-repeat right bottom;

}

Applies the style to last hover item in the nested list item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Selected-Hover .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemActiveBLLast.gif' ) no-repeat left bottom;

}

Applies the style to the last active and/or last selected hover item of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbLastItem-Selected-Hover .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemActiveTRLast.gif' ) no-repeat right top;

}

Applies the style to the last selected hover item in the outer part of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbLastItem-Selected-Hover .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemActiveTLLast.gif' ) no-repeat left top;

}

Applies the style to the last selected hoveritem in the inner party of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Selected-Hover .C1tbContent

{

background: transparent url( 'Images/ToolbarItemActiveLast.gif' ) no-repeat right bottom;

}

Applies the style to the last selected hover item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbAlternatingItems .C1tbContainer

{

background: transparent url( 'Images/ToolbarBgGroupBL.gif' ) no-repeat left bottom;

}

Applies the style to the alternating items of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem .C1tbOuter

{

background: transparent url( 'Images/ToolbarBgGroupTR.gif' ) no-repeat right top;

}

Applies the style to the outer list item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem .C1tbInner

{

background: transparent url( 'Images/ToolbarBgGroupTL.gif' ) no-repeat left top;

}

Applies the style to the inner list item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem .C1tbContent

{

background: transparent url( 'Images/ToolbarBgGroup.gif' ) no-repeat right bottom;

}

Applies the style to the list item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem-Hover .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemHoverGroupBL.gif' ) no-repeat left bottom;

}

Applies the style to the hover item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem-Hover .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemHoverGroupTR.gif' ) no-repeat right top;

}

Applies the style to the hover list item of the outer part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem-Hover .C1tbInner

{

background: transparent url( 'Images/ToolbarItemHoverGroupTL.gif' ) no-repeat left top;

}

Applies the style to the hover list item of the outer part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbListItem-Hover .C1tbContent

{

background: transparent url( 'Images/ToolbarItemHoverGroup.gif' ) no-repeat right bottom;

}

Applies the style to the hover list item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbSplitButton .C1tbTextNode,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbDropDownList .C1tbTextNode

{

background: transparent url( 'Images/ToolbarSplitButtonArrow.gif' ) no-repeat right center;

margin-right: -3px;

}

Applies the style to the item’s text in the C1ToolBarSplitButton or C1ToolBarDropDownList of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbSplitButton-Hover .C1tbTextNode,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbDropDownList-Hover .C1tbTextNode

{

background: transparent url( 'Images/ToolbarSplitButtonArrow.gif' ) no-repeat right center;

margin-right: -3px;

}

Applies the style to the hover item’s text in the C1ToolBarSplitButton or C1ToolBarDropDownList of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Selected .C1tbContainer,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Focus .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemActiveGroupBL.gif' ) no-repeat left bottom;

}

Applies the style to the selected or focus nested list item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Selected .C1tbOuter,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Focus .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemActiveGroupTR.gif' ) no-repeat right top;

}

Applies the style to the selected or focus nested list item of the outer part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Selected .C1tbInner,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Focus .C1tbInner  

{

background: transparent url( 'Images/ToolbarItemActiveGroupTL.gif' ) no-repeat left top;

}

Applies the style to the selected or focus nested list item of the inner part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Selected .C1tbContent,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbListItem-Focus .C1tbContent

{

background: transparent url( 'Images/ToolbarItemActiveGroup.gif' ) no-repeat right bottom;

}

Applies the style to the selected or focus nested list item of the C1ToolBarGroup’s content.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Selected .C1tbContainer,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Focus .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemActiveGroupBLFirst.gif' ) no-repeat left bottom;

}

Applies the style to the first selected or focus nested list item of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Selected .C1tbContainer .C1tbOuter,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Focus .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemActiveGroupTRFirst.gif' ) no-repeat right top;

}

Applies the style to the first selected or focus nested list item of the outer part of the of the C1ToolBarGroups’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Selected .C1tbContainer .C1tbInner,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Focus .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemActiveGroupTLFirst.gif' ) no-repeat left top;

}

Applies the style to the first selected or focus nested list item of the inner part of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Selected .C1tbContent,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-Focus .C1tbContent

{

background: transparent url( 'Images/ToolbarItemActiveGroupFirst.gif' ) no-repeat right bottom;

}

Applies the style to the selected or focus nested list item of the C1ToolBarGroup’s content.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Selected .C1tbContainer,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Focus .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemActiveGroupBLLast.gif' ) no-repeat left bottom;

}

Applies the style to the selected or focus nested list item of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Selected .C1tbContainer .C1tbOuter,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Focus .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemActiveGroupTRLast.gif' ) no-repeat right top;

}

Applies the style to the outermost selected or focus nested list item that enclose the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Selected .C1tbContainer .C1tbInner,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Focus .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemActiveGroupTLLast.gif' ) no-repeat left top;

}

Applies the style to the innermost selected or focus nested list item that enclose the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Selected .C1tbContainer .C1tbContent,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbLastItem-Focus .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarItemActiveGroupLast.gif' ) no-repeat right bottom;

}

Applies the style to the selected or focus nested list item that enclose the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem .C1tbContainer

{

background: transparent url( 'Images/ToolbarBgGroupBLFirst.gif' ) no-repeat left bottom;

}

Applies the style to the first and last nested list items of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem .C1tbOuter

{

background: transparent url( 'Images/ToolbarBgGroupTRLast.gif' ) no-repeat right top;

}

Applies the style to the first and last nested list items of the outermost part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarBgGroupTLFirst.gif' ) no-repeat left top;

}

Applies the style to the nested first and last items of the innermost part of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarBgGroupLast.gif' ) no-repeat right bottom;

}

 

Applies the style to the nested first and last item of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Hover .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemHoverBLFirst.gif' ) no-repeat left bottom;

}

Applies the style to the nested first and last nested hover item of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Hover .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemHoverTRLast.gif' ) no-repeat right top;

}

Applies the style to the first and last nested hover item of the outermost part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Hover .C1tbContainer .C1tbInner

{

background: transparent url( 'Images/ToolbarItemHoverTLFirst.gif' ) no-repeat left top;

}

Applies the style to the first and last nested list item of the inner part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Hover .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarItemHoverLast.gif' ) no-repeat right bottom;

}

Applies the style to the first and last hover nested item of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Selected .C1tbContainer,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Focus .C1tbContainer

{

background: transparent url( 'Images/ToolbarItemActiveBL.gif' ) no-repeat left bottom;

}

Applies the style to the first and last selected or focus nested list item of the C1ToolBarGroup’s container.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Selected .C1tbOuter,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Focus .C1tbOuter

{

background: transparent url( 'Images/ToolbarItemActiveTR.gif' ) no-repeat right top;

}

Applies the style to the first and last selected or focus nested list item of the outermost part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Selected .C1tbContainer .C1tbInner,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Focus .C1tbContainer .C1tbInner  

{

background: transparent url( 'Images/ToolbarItemActiveTL.gif' ) no-repeat left top;

}

Applies the style to the first and last selected or focus nested item in the innermost part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Selected .C1tbContainer .C1tbContent,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbFirstItem-LastItem-Focus .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarItemActive.gif' ) no-repeat right bottom;

}

Applies the style to the first and last selected or focus nested list item for the content in the C1ToolBarContainer part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-LastItem-Hover .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarSplButHoverGroupTRLast.gif' ) no-repeat right top;

}

Applies the style for the last nested list hover item for the C1ToolBarSplitButton element in the outermost part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-LastItem-Hover .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarSplButHoverGroupLast.gif' ) no-repeat right bottom;

}

Applies the style to the last hover item in the C1ToolBarSplitButton element of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-FirstItem-Selected .C1tbContainer .C1tbOuter,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-FirstItem-Focus .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarSplButActiveGroupTRFirst.gif' ) no-repeat right top;

}

Applies the style to the first selected or focus nested list item in the C1ToolBarSplitButton of the outermost part of the C1ToolBarGroup.

 

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-FirstItem-Selected .C1tbContainer .C1tbContent,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-FirstItem-Focus .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarSplButActiveFirst.gif' ) no-repeat right bottom;

}

Applies the style to the first selected or focus nested list item for the content of the C1ToolBarSplitButton in the outermost part of the C1ToolBarGroup.

 

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-LastItem-Selected .C1tbContainer .C1tbOuter,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-LastItem-Focus .C1tbContainer .C1tbOuter

{

background: transparent url( 'Images/ToolbarSplButActiveGroupTRLast.gif' ) no-repeat right top;

}

Applies the style to the last selected or focus nested list item in the split button of the outermost part of the C1ToolBarGroup.

 

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-LastItem-Selected .C1tbContainer .C1tbContent,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbNestedList .C1tbSplitButton-LastItem-Focus .C1tbContainer .C1tbContent

{

background: transparent url( 'Images/ToolbarSplButActiveLast.gif' ) no-repeat right bottom;

}

Applies the style to the last selected or focus nested list item for the content in the split button of the outermost part of the C1ToolBarGroup.

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbSplitButton .C1tbTextNode,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbDropDownList .C1tbTextNode

{

background: transparent url( 'Images/ToolbarSplitButtonArrow.gif' ) no-repeat right center;

margin-right: -3px;

}

Applies the style to the arrows for the split buttons in a group.

Arrows for split buttons in a group

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbSplitButton-Hover .C1tbTextNode,

.C1ToolBar_ArcticFox-Horizontal .C1tbGroup .C1tbDropDownList-Hover .C1tbTextNode

{

background: transparent url( 'Images/ToolbarSplitButtonArrow.gif' ) no-repeat right center;

margin-right: -3px;

}

Applies the style for the hover arrows for the split buttons in a group.


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