22.3.09

tool Tip Vista skin

/* r.a.d.tooltip TELERIK skin */

/* r.a.d.tooltip resize element */
div.radtooltip_Telerik.ResizeElement
{
border: solid 1px #d3fd2c;
background: #f8fce0;
}

div.radtooltip_Telerik.LoadingSign
{
background: url(ToolTip/Loading.gif) no-repeat center;
width: 100%; height: 100%;
}

div.radtooltip_Telerik
{
position: absolute;
cursor: default;
}

div.radtooltip_Telerik.visiblecallout
{
/**/
}

div.radtooltip_Telerik.visiblecallout div.ToolTipCallout
{
display: block;
}


div.radtooltip_Telerik table.ToolTipWrapper
{
padding: 0; margin: 0;
border-collapse: collapse;
}

div.radtooltip_Telerik table.ToolTipWrapper td
{
padding: 0; margin: 0;
border-collapse: collapse;
text-align: left;
}

/* -------------------------- CORNER SETTINGS BEGIN ---------------------------------- */
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipTopLeft,
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipTopRight,
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipBottomLeft,
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipBottomRight
{
width: 3px; height: 3px; line-height: 0px;
font-size: 1px;
background-image: url(ToolTip/TooltipCorners.gif) ;
background-repeat: no-repeat;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipTopLeft
{
background-position: 0 0;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipTopRight
{
background-position: right 0;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipBottomLeft
{
background-position: 0 bottom;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipBottomRight
{
background-position: right bottom;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipTopCenter,
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipBottomCenter
{
height: 3px; line-height: 0px;
font-size: 1px;
background: url(ToolTip/ToolTipTopParts.gif) ;
background-repeat: repeat-x;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipTopCenter
{
background-position: 0 0;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipBottomCenter
{
background-position: 0 bottom;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipLeftMiddle,
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipRightMiddle
{
background-image: url(ToolTip/TooltipSideParts.gif) ;
background-repeat: repeat-y;
font-size: 1px;
width: 3px;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipLeftMiddle
{
background-position: 0 0;
}

div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipRightMiddle
{
background-position: right 0;
}
/* -------------------------- CORNER SETTINGS END ---------------------------------- */
div.radtooltip_Telerik table.ToolTipWrapper td.ToolTipContent
{
font: normal 11px Arial, Verdana, Sans-serif;
height: 100%;
background: #f3f3f3 url(ToolTip/ContentBgr.gif) repeat-x;
}

div.radtooltip_Telerik div.ToolTipTitlebar
{
color: black;
font: bold 11px Verdana, Arial, Sans-serif;
float:left;
line-height: 22px;
}

/* close button */
div.radtooltip_Telerik a.CloseButton,
div.radtooltip_Telerik a.CloseButton:hover
{
display: block; float: right;
width: 15px; line-height: 1px; height: 14px; font-size: 1px;
margin-top: 4px;
margin-right: 1px;
background: url(ToolTip/close.gif) no-repeat;
text-indent: -9999px;
outline: none;
}

/* --------------------------------------------- TOOLTIP CALLOUT SETTINGS BEGIN --------------------------------------------- */
div.radtooltip_Telerik div.ToolTipCallout
{
position: absolute; top: 0; left: 0;
height: 11px; width: 11px;
line-height: 1px; font-size: 1px;
background-image: url(ToolTip/Callouts.gif) ;
background-repeat: no-repeat;
}

/* position="Center" */
div.radtooltip_Telerik .Center
{
background: none !important;
}

/* position="BottomRight" */
.radtooltip_Telerik .TopLeft
{
margin-top: -9px; margin-left: 5px;
background-position: 0 -22px;
}

/* position="BottomCenter" */
.radtooltip_Telerik .TopCenter
{
left: 50% !important;
margin-top: -9px; margin-left: -5px;
background-position: 0 0 !important;
}

/* position="BottomLeft" */
.radtooltip_Telerik .TopRight
{
left: 100% !important;
margin-top: -9px; margin-left: -20px;
background-position: 0 -11px !important;
}

/* position="TopCenter" */
.radtooltip_Telerik .BottomCenter
{
top: 100% !important; left: 50% !important;
margin-left: -5px !important; margin-top: -2px !important; _margin-top: -1px !important;
width: 100% !important;
background-position: 0 -55px !important;
}

/* position="TopLeft" */
.radtooltip_Telerik .BottomRight
{
top: 100% !important; left: 100% !important;
margin-left: -20px !important; margin-top: -2px !important; _margin-top: -1px !important;
background-position: 0 -66px !important;
}

/* position="TopRight" */
.radtooltip_Telerik .BottomLeft
{
top: 100% !important;
margin-left: 5px !important; margin-top: -2px !important; _margin-top: -1px !important;
background-position: 0 -77px !important;
}

/* position="MiddleRight" */
.radtooltip_Telerik .MiddleLeft
{
top: 50% !important;
margin-left: -9px; margin-top: -5px;
background-position: 0 -33px !important;
}

/* position="MiddleLeft" */
.radtooltip_Telerik .MiddleRight
{
left: 100% !important; top: 50% !important;
margin-left: -2px; margin-top: -5px;
background-position: 0 -44px;
}
/* --------------------------------------------- TOOLTIP CALLOUT SETTINGS END --------------------------------------------- */

No comments: