This is a migrated thread and some comments may be shown as answers.

RadTabStrip CSS for ASP.Net Ajax

0 Answers 165 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Venkateswarlu
Top achievements
Rank 1
Venkateswarlu asked on 14 Jul 2008, 09:25 PM
Hi,
      Can anybody tell me whats wrong in the css below.It is not getting apllied on the tab strip

.RadTabStrip_Default
{
 font: 11px arial, tahoma, sans-serif;
}

.RadTabStrip_Default .rtsLI .rtsLink
{
 padding-left: 18px;
 background:transparent url('TabStrip/tabLeftFirstOff.gif') 0px 0px no-repeat;
 height: 22px;
 margin-right: 0px;
 margin-left: -2px;
 color: #666666;
 text-decoration:none;
}

.RadTabStrip_Default .rtsLI .rtsLast .rtsLink
.RadTabStrip_Default .rtsLI .rtsBreak .rtsLink
{

 margin-left: -2px;
       margin-right: 0px;
}

 

.RadTabStrip_Default .rtsLI .rtsLink .rtsOut
{
 padding-right: 18px;
 height: 22px;
 background:transparent url('TabStrip/tabRightLastOff.gif') right 0px no-repeat;
 margin-right: 0px;
 margin-left: -2px;

}

.RadTabStrip_Default .rtsLI .rtsLink:hover
{
 color: #666666;
}

.RadTabStrip_Default .rtsLI .rtsLink .rtsIn
{
 line-height: 22px;
 padding: 0px 6px;
 background:transparent url('TabStrip/tabStripeOff.gif') 0px 0px repeat-x;
 text-align: center;
 margin-right: 0px;
 margin-left: -2px;

 
}

.RadTabStrip_Default .rtsLI .rtsLink .rtsSelected
{
 padding-top: 0px;
 padding-left: 18px;
 background: transparent url('TabStrip/tabLeftFirstOn.gif') 0px 0px no-repeat;
 line-height: 28px;
        margin-right: 0px;
 margin-left: -2px;

}

.RadTabStrip_Default .rtsLI .rtsLink .rtsSelected .rtsOut
{
 background-image:url('TabStrip/tabRightLastOn.gif');
 line-height: 22px;
 padding-right: 18px;
 color: #666666;
 margin-right: 0px;
 margin-left: -2px;

}

.RadTabStrip_Default .rtsLI .rtsLink .rtsSelected .rtsOut
{
 background-image:url('TabStrip/tabStripeOn.gif');
 padding-top: 0px;
 margin-right: 0px;
 margin-left: 0px;

}

.RadTabStrip_Default .rtsLI .rtsLink .rtsDisabled,
.RadTabStrip_Default .rtsLI .rtsLink .rtsDisabled .rtsOut,
.RadTabStrip_Default .rtsLI .rtsLink .rtsDisabled .rtsIn,
{
 cursor: default;
 text-decoration: line-through;
}

/* scrolling arrows */

.RadTabStrip_Default .rtsPrevArrow
{
 background-image:url(TabStrip/ScrollLeft.gif);
 background-repeat: no-repeat;
 height: 11px;
 width: 8px;
}

.RadTabStrip_Default .rtsNextArrow
{
 background-image:url(TabStrip/ScrollRight.gif);
 background-repeat: no-repeat;
 height: 11px;
 width: 8px;
}

.RadTabStrip_Default .rtsPrevArrowDisabled
{
 background-image:url(TabStrip/ScrollLeftDisabled.gif);
 height: 11px;
 width: 8px;
 background-repeat: no-repeat;
}

.RadTabStrip_Default .rtsNextArrowDisabled
{
 background-image:url(TabStrip/ScrollRightDisabled.gif);
 height: 11px;
 width: 8px;
 background-repeat: no-repeat;
}
 
Thanks in Advance
Venkat

No answers yet. Maybe you can help?

Tags
TabStrip
Asked by
Venkateswarlu
Top achievements
Rank 1
Share this question
or