New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

CSS Classes

Common Styles / Base Stylesheet

CSS ClassDescription
.RadNotificationMain RadNotification wrapping DIV element
.rnRoundedCornersApplies rouneded corners to the main wrapping DIV element
.rnTitleBarSpecifies TitleBar warpping element
.rnTitleBarIconStyles TitleBar icon
.rnTitleBarTitleStyles TitleBar title
.rnCommandsStyles TitleBar command buttons UL wrapping element
.rnCommands liStyles TitleBar command buttons LI element
.rnCommands aStyles TitleBar command buttons A element
.rnCommands .rnMenuIcon aStyles TitleBar command Menu button normal style
.rnCommands .rnMenuIcon a:hoverStyles TitleBar command Menu button hover style
.rnCommands .rnCloseIcon aStyles TitleBar command Close button normal style
.rnCommands .rnCloseIcon a:hoverStyles TitleBar command Close button hover style
.rnCommands a .rnAccessibilityStyles TitleBar command accessibillity style
.rnContentWrapperStyles RadNotification Content Wrapper element
div.rnNoTitleBar .rnContentWrapperStyles Content Wrapper element when no titlebar mode is true
.rnContentIconClipInStyles Content Predefined Icon Outer wrapping element
*html .rnContentIconClipInStyles Content Predefined Icon Outer wrapping element - IE6 specific
*+html .rnContentIconClipInStyles Content Predefined Icon Outer wrapping element - IE7 specific
.rnContentIconClipStyles Content Predefined Icon Inner wrapping element
*+html .rnContentIconClipStyles Content Predefined Icon Inner wrapping element - IE7 specific
.rnContentIconClipIn .rnCustomIconStyles Content Custom Icon Outer wrapping element
*html .rnContentIconClipIn .rnCustomIconStyles Content Custom Icon Outer wrapping element - IE6 specific
*+html .rnContentIconClipIn .rnCustomIconStyles Content Custom Icon Outer wrapping element - IE7 specific
.rnContentStyles Content element
.rnContentTemplateStyles Content Template element

Right to Left Support

CSS ClassDescription
.rnRtl .rnCommands li, .rnRtl .rnTitleBarIcon, .rnRtl .rnTitleBarTitle, .rnRtl .rnContentIconClipInTitlebar Commnads, Icon, Title and Content Icon float is changed in order to cover RTL requierments
.rnRtl .rnTitleBarTitleTitlebar title RTL specific styles
div.rnRtl .rnCommandsTitlebar Commands RTL specific styles
*html div.rnRtl .rnCommandsTitlebar Commands RTL specific styles - IE6 specific
*+html div.rnRtl .rnCommandsTitlebar Commands RTL specific styles - IE6 specific - IEE7 specific
.rnRtl .rnTitleBarIconTitlebar Icon RTL specific styles
.rnRtl .rnContentContent RTL specific styles
.rnRtl .rnContentIconClipInContent Icon Outer RTL specific styles
*html .rnRtl .rnContentIconClipInContent Icon Outer RTL specific styles - IE6 specific
*html .rnRtl .rnContentIconClipInContent Icon Outer RTL specific styles - IE6 specific
*+html .rnRtl .rnContentIconClipInContent Icon Outer RTL specific styles - IE7 specific
*html .rnRtl .rnContentIconClipIn .rnCustomIconContent Custom Icon Outer RTL specific styles - IE6 specific
*html .rnRtl .rnContentIconClipContent Icon Inner RTL specific styles - IE6 specific

Skin Specific Styles

CSS ClassDescription
.RadNotification_SkinNameRadNotification Wrapping element Skin Specific Styles
.RadNotification_SkinName.rnShadowsRadNotification Wrapping element shadows enabled
.RadNotification_SkinName .rnTitleBarRadNotification Titlebar gradient and Command buttons skin specific sprite images and styles applied
.RadNotification_SkinName .rnCommands aRadNotification Titlebar gradient and Command buttons skin specific sprite images applied
.RadNotification_SkinName .rnContentWrapperRadNotification Content Wrapper Skin Specific Styles
.RadNotification_SkinName .rnCommandsRadNotification Commands base style overwritten for some skins

See Also