CSS Classes

Skin - Specific CSS

CSS Class	Description
.SkinName.RadEditor	Primary wrapping class of the RadEditor
.SkinName.reWrapper	Wrapping class
.SkinName.RadEditor .reContentCell	Content Cell of RadEditor
.SkinName.reColorPicker	Color picker of RadEditor
.SkinName.reInsertTable	Insert table dropdown
.SkinName.reDropDownBody	Dropdown RadEditor
.SkinName.reDropDownBody table	Styles all tables nested .reDropDownBody
.SkinName.RadEditor .reModule	Module of RadEdtior
.SkinName.RadEditor .reEditorModes	Editor modes switcher
.SkinName.RadEditor .reBottomZone .reModule	RadEditor modules in the bottom zone
.SkinName.reCustomLinks a,.SkinName.reCustomLinks a:link,	Defines style for normal unvisted link
.SkinName.reCustomLinks a:visited	Defines tyle for visited link
.SkinName.reCustomLinks a:hover	Defines style for link on hover state
.reToolbar li	Editor tool
.SkinName .reSpinBox a	RadEditor SpinBox link
.reToolbar.SkinName .reSeparator	Horizontal toolbar separator
.reToolbar.SkinName .reGrip	Horizontal toolbar toolbar grip – left and right
.reTool span	This is where the icon of the respective command is loaded from “Common/CommandSpritesLight|IE6.png|gif file.
.reDialog .reTool	Tool in a Dialog
.reModule .reTool	Tool in a Module
.reDialog .reTool:hover	Dialog hover state
.reToolbar .reTool:hover	Toolbar hover state
.reModule .reTool:hover	Module hover state
.reToolbar .reTool.reTool_selected	Toggled tool
.reToolbar .reTool.reTool_selected:hover	Toggled tool hover state
.reToolbar .reTool_text span	Tool text
.reToolbar .reTool_text:hover	Tool text hover state
.reToolbar .reTool_text.reTool_selected	Toggled button
.reToolbar .reTool_text.reTool_selected:hover	Toggled button hover state
.reToolbar .reTool_text.reTool_disabled	Toggled button disabled
.reToolbar .reTool_text.reTool_disabled:hover	Toggled button disabled hover state
.reTool.reSplitButton	Split button
.reTool.reSplitButton:hover	Split button hover state
.SkinName .reTool .split_arrow	The arrow in a Split button
.SkinName .reSplitButton.reTool_text .split_arrow	The arrow in a Split button in tool text
.reDialog .reTool.reSplitButton	Dialog Split button
.reDialog .reTool.reSplitButton:hover	Dialog Split button hover state
.reModule .reTool.reSplitButton	Module Split button
.reModule .reTool.reSplitButton:hover	Module Split button hover state
.reDropdown:link	Dropdown link normal state
.reDropdown:visited	Dropdown link normal visited state
.reTool_disabled.reDropdown:hover	Dropdown disabled hover state
.reDropdown:hover	Dropdown hover state
.RadEditor.SkinName .reTlbVertical li	Item in a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .reGrip	Grip of a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .grip_first	Top grip of a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .grip_first	Bottom grip of a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .reSeparator	Separator of a vertical toolbar
.reTlbVertical .reTool:hover	Vertical toolbar Tool hover state
.reTlbVertical .reTool_text.reSplitButton:hover	Vertical toolbar SplitButton hover state
.reTlbVertical .reTool_text:hover	Vertical toolbar Tool text hover state
.reTlbVertical .reTool:hover	Vertical toolbar button hover state
.reTlbVertical .reTool_text.reSplitButton:hover	Vertical toolbar SplitButton hover state
.reTlbVertical .reTool_text:hover	Vertical toolbar button tool text hover state
.reTlbVertical .reTool.reTool_selected	Vertical toolbar toggled button
.reTlbVertical .reTool_text.reTool_selected	Vertical toolbar toggled button tool text
.reTlbVertical .reTool_text.reTool_selected:hover	Vertical toolbar toggled button tool text hover state
.reDropDownBody .reTlbVertical ul li a:hover	DropDown body vertical toolbar unordered list link hover state
.SkinName.reInsertTable	Insertetd Table
.reDropDownBody .reTlbVertical .reToolbar	Dropdown body vertical toolbar
.SkinName table.reSpinBox	Spinbox table
.SkinName table.reSpinBox:hover	Spinbox table hover state
.SkinName .reSpinBoxIncrease	Spinbox increase
.SkinName .reSpinBoxIncrease:hover	Spinbox increase hover state
.SkinName .reSpinBoxDecrease	Spinbox decrease
.SkinName .reSpinBoxDecrease:hover	Spinbox decrease hover state
.SkinName.RadEditor input	RadEditor input
.SkinName.RadEditor input:hover	RadEditor input hover state
.SkinName .reMode_selected	Selected mode in editor mode switcher
.SkinName .reModule_domlink_selected	Selected element in DOM selector
.SkinName .reModule_domlink	Link in the DOM inspector
.SkinName.reDropDownBody .reItemOver	Hover element in a dropdown of RadEditor
.SkinName.reColorPicker table div	RadEditor Color picker
.SkinName.reColorPicker table td.reItemOver div	RadEditor Color picker hover state
.SkinName.reColorPicker span	RadEditor Color picker span
.reAjaxspell_button	Ajax spellcheck button
.SkinName .reAjaxSpellCheckSuggestions table	Ajax spellcheck suggestion table
.SkinName .reAjaxSpellCheckSeparator	Ajax spellcheck separator
.SkinName.reCustomLinks	Custom links
.SkinName.reCustomLinks ul	Custom links unoredred list
.SkinName.reCustomLinks a	Custom links normal state
.SkinName.reCustomLinks a:hover	Custom links hover state
.reInsertTable table	Inserted table
.reInsertTable table td	Inserted table TD
.reInsertTable .reTlbVertical ul	Inserted table vertical toolbar unordered list
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text	Inserted table vertical toolbar tool text link normal state
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link	Inserted table vertical toolbar tool text link normal state
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited	Inserted table vertical toolbar tool text link visited state
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover	Inserted table vertical toolbar tool text link hover state
.reInsertTable .reTlbVertical ul .reTool_text span	Inserted table vertical toolbar unordered list span
.reInsertTable .reToolbar li .reTool:hover	Inserted table vertical toolbar unordered list link hovered
.reModule_visible_icon	RadEditor Module vissible icon
.reModule_hidden_icon	RadEditor Module hidden icon
.reResizeCell div	Resize cell DIV
.reDialog .reTool_disabled	Dialog disabled state
.reDialog .reTool_disabled:hover	Dialog disabled hover state
.reToolbar .reTool_disabled	Toolbar disabled state
.reToolbar .reTool_disabled:hover	Toolbar disabled hover state
.reModule .reTool_disabled	Module disabled state
.reModule .reTool_disabled:hover	Module disabled hover state
.RadWindow.RadWindow_Default.reToolbarWindow td.rwWindowContent	This rule styles RadWindow's content cell, which is used in the floating and show on focus toolbar modes

Editor Commands

CSS Class	Description
.CustomDialog	Custom dialog
.FormatCodeBlock	Format code block area
.PageProperties	Page properties
.SetImageProperties	Image properties
.BringToFront	Bring to front property
.AlignmentSelector	Align property
.Cancel	Cancel property
.Custom	Custom property
.ViewHtml	View HTML property
.DecreaseSize	Decrease size property
.DeleteTable	Delete table property
.FileOpen	File open property
.IncreaseSize	Increase size property
.InsertAnchor	Insert Anchor (hyperlink) property
.InsertEmailLink	Insert Email link property
.InsertFormImageButton	Insert Form Button - image
.ModuleManager	Module manager property
.RepeatLastCommand	Repeat last command property
.SendToBack	Send to back property
.FormatStripper	Format Stripper property
.StyleBuilder	Style builder
.ToggleFloatingToolbar	Toogle toolbar
.XhtmlValidator	xHTML validator
.InsertSymbol	Insert Symbol property
.InsertFormHidden	Insert hidden form
.InsertFormButton	Insert form button
.InsertFormReset	Insert form reset
.InsertFormSubmit	Insert form reset
.InsertFormCheckbox	Insert checkbox
.InsertFormPassword	Inser password field
.InsertFormRadio	Insert radio button
.InsertFormSelect	Insert select
.InsertFormTextarea	Insert textarea
.InsertFormText	Insert input text
.StripAll	Strip all property
.StripCss	Strip CSS property
.StripFont	Strip font property
.StripSpan	Strip span property
.StripWord	Strip word property
.AjaxSpellCheck	Ajax Spell check
.Italic	Italic property
.ImageManager	Image manager
.ImageMapDialog	Image map dialog
.FlashManager	Flash manager
.InsertFlash	Insert flash
.MediaManager	Media manager
.InsertMedia	Insert media
.DocumentManager	Document manager
.InsertDocument	Insert document
.TemplateManager	Template manager
.InsertTable	Insert table
.TableWizard	Table wizard
.InsertRowAbove	Insert row above
.InsertRowBelow	Insert row bellow
.DeleteRow	Delete row
.InsertColumnLeft	Insert column left
.InsertColumnRight	Insert column right
.DeleteColumn	Delete column
.MergeColumns	Merge columns
.MergeRows	Merge rows
.SplitCell	Split cell
.SplitCellHorizontal	Split cell horizontal
.DeleteCell	Delete cell
.SetCellProperties	Set cell properties
.SetTableProperties	Set table properties
.Help	Help
.Undo	Undo
.Redo	Redo
.Cut	Cut
.Copy	Copy
.Paste	Paste
.PasteStrip	Paste strip
.PasteAsHtml	Paste as HTML
.PasteHtml	Paste HTML
.PasteFromWord	Paste from MS Word
.PasteFromWordNoFontsNoSizes	Paste from MS word witout using set fonts and sizes
.PastePlainText	Paste plain text
.Print	Print
.FindAndReplace	Find and replace
.SelectAll	Select all
.InsertGroupbox	Insert group box
.InsertCodeSnippet	Insert code snippet
.InsertSnippet	Insert snippet
.InsertDate	Insert date
.InsertTime	Insert time
.AboutDialog	About dialog
.Bold	Bold
.Underline	Underline
.StrikeThrough	Strike Through
.JustifyLeft	Align left
.JustifyCenter	Align center
.JustifyFull	Align justify
.JustifyNone	No alignmnet
.JustifyRight	Align right
.InsertParagraph	Insert paragraph
.InsertHorizontalRule	Insert horizontal rule
.Superscript	Super script
.Subscript	Sub script
.ConvertToLower	Convert to lower case
.ConvertToUpper	Convert to upper case
.Indent	Text indent
.Outdent	Text outdent
.InsertOrderedList	Insert ordered list
.InsertUnorderedList	Insert unordered list
.AbsolutePosition	Absolute position
.Save	Save
.SaveAndClose	Save and close
.FileSave	File save
.FileSaveAs	File save as
.SaveLocal	Save local
.LinkManager	Link manager
.CreateLink	Create link
.CustomLinkTool	Custom link tool
.SetLinkProperties	Set link properties
.Unlink	Unlink
.ToggleTableBorder	Toggled table border
.ToggleScreenMode	Toggled screen mode
.ForeColor	Front color
.BackColor	Back color
.borderColor	Border color
.bgColor	Background color
.InsertFormElement	Insert from element
.InsertFormForm	Insert form
.reTopCenter	Rad Editor top center
.reMiddleLeft	Rad Editor middle left
.reMiddleCenter	Rad Editor Middle center
.reMiddleRight	Rad editor middle right
.reBottomCenter	Rad Editor bottom center
.reNoAlignment	Rad Editor no alignmnet
.reTopLeft	Rad Editor top left
.reTopRight	Rad Editor top right
.reBottomLeft	Rad Editor bottom left
.reBottomRight	Rad Editor bottom right
.SilverlightManager	Silverlight manager
.ExportToPdf	Export to PDF
.InsertLink	Insert link
.InsertImage	Insert image
.reAlignmentSelector .reTopRight,.reAlignmentSelector .reTopLeft,.reAlignmentSelector .reTopCenter,.reAlignmentSelector .reNoAlignment,.reAlignmentSelector .reMiddleLeft,.reAlignmentSelector .reMiddleCenter,.reAlignmentSelector .reMiddleRight,.reAlignmentSelector .reBottomCenter,.reAlignmentSelector .reBottomRight,.reAlignmentSelector .reBottomLeft	Alignment settings within the alignment dropdown

Apply CSS Class Dropdown

CSS Class	Description
.reApplyClass td	Apply class to TD
.reApplyClass span	Apply class to span
.reApplyClass .reClass_all	Apply class to all elements
.reApplyClass .reClass_img	Apply class to images
.reApplyClass .reClass_table	Apply class to table
.reApplyClass .reClass_ul	Apply class to unordered list
.reApplyClass .reClass_ol	Apply class to ordered list
.reApplyClass .reClass_p	Apply class to paragraph
.reApplyClass .reClass_span	Apply class to span
.reApplyClass .reClass_a	Apply class to link
.reApplyClass .reClass_div	Apply class to div
.reApplyClass .reClass_h1	Apply class to H1
.reApplyClass .reClass_h2	Apply class to H2
.reApplyClass .reClass_h3	Apply class to H3
.reApplyClass .reClass_h4	Apply class to H4
.reApplyClass .reClass_h5	Apply class to H5
.reApplyClass .reClass_h6	Apply class to H6
.reApplyClass .reClass_td	Apply class to td

Light Dialogs

CSS Class	Description
.reInsertLinkWrapper	Link wrapper
.reInsertImageWrapper	Image Wrapper
.reInsertLinkWrapper .reControlsLayout TD	Link wrapper TD
.reInsertImageWrapper .reControlsLayout TD	Image wrapper TD
.reDialogLabelLight span	Label light span
.reConfirmCancelButtonsTblLight	Confrim/Cancel buttons
.reConfirmCancelButtonsTblLight button	Confrim/Cancel buttons
.reConfirmCancelButtonsTblLight .reAllPropertiesLight button	Confrim/Cancel buttons all properties
.reControlsLayout .reControlCellLight	Control cell
.reControlsLayout .reControlCellLight input	Controll cell input
.reControlsLayout .reControlCellLight select	Controll cell select
.reControlsLayout .reImgPropertyControlCell TD	Property controll cell
.reImgPropertyControlCell input	Image property control input
.reImgPropertyControlCell span	Image property control span
.reControlsLayout TD.reImgPropertyControlCell	reImage property control cell
.reInsertImageWrapper .reControlsLayout .reControlCellLight input	reImage property control input