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. |
|