h1.ms-rteElement-H1 {
}
.ms-rteElement-H1 {
font-size:2em;
font-weight:normal;
}

h2.ms-rteElement-H2 {
}
.ms-rteElement-H2 {
font-size:1.3em;
font-weight:normal;
}
h3.ms-rteElement-H3 {
}
.ms-rteElement-H3 {
font-size:1em;
}
h4.ms-rteElement-H4 {
}
.ms-rteElement-H4 {
font-size:1em;
font-style:italic;
font-weight:normal;
}
h1.ms-rteElement-H1B {
}
.ms-rteElement-H1B {
color:#0072BC;
font-size:2em;
font-weight:normal;
}
h2.ms-rteElement-H2B {
}
.ms-rteElement-H2B {
color:#CA0078;
font-size:1.3em;
font-weight:normal;
}
h3.ms-rteElement-H3B {
}
.ms-rteElement-H3B {
color:#0093CA;
font-size:2.2em;
}
h4.ms-rteElement-H4B {
}
.ms-rteElement-H4B {
color:#058036;
font-size:1em;
font-style:italic;
font-weight:normal;
}
hr.ms-rteElement-Hr {
}
.ms-rteElement-Hr {
background-color:#B6B6B6;
height:1px;
}
p.ms-rteElement-P {
}
.ms-rteElement-P {
color:#576170;
}
div.ms-rteElement-Callout1 {
}
.ms-rteElement-Callout1 {
background-color:#FEF4E4;
border:1px solid #FD9F08;
float:left;
padding:10px;
width:25em;
}
div.ms-rteElement-Callout2 {
}
.ms-rteElement-Callout2 {
background-color:#F2F2F2;
border:1px solid #36B000;
color:#353738;
float:right;
padding:10px;
width:25em;
}
div.ms-rteElement-Callout3 {
}
.ms-rteElement-Callout3 {
color:#CA0078;
float:right;
font-style:italic;
padding:10px;
width:25em;
}
div.ms-rteElement-Callout4 {
}
.ms-rteElement-Callout4 {
background-color:#D8F4FF;
border:1px solid #00ADEE;
color:#005677;
float:right;
font-family:Verdana,Geneva,sans-serif;
padding:10px;
width:20em;
}
.ms-rteStyle-Normal {
background-color:#FFFFFF;
color:#676767;
font-family:Verdana,Arial,sans-serif;
font-size:8pt;
}
.ms-rteStyle-Highlight {
background-color:#FAE032;
color:#312A26;
}
.ms-rteStyle-Byline {
color:#B6B6B6;
}
.ms-rteStyle-Tagline {
color:#8B8B8B;
font-size:1.3em;
}
.ms-rteStyle-Comment {
color:#36B000;
font-style:italic;
text-shadow:0 0 5px #000000;
}
.ms-rteStyle-References {
color:#828282;
}
.ms-rteStyle-Caption {
color:#00ADEE;
}

Further below in the code are the default style declarations that can be overridden in custom css. To create custom classes that will be available in the rich text editors, follow the example below:


 .ms-rteElement-appleRed {
	color:red; 
	-ms-name:"appleRed";
}

Note: for the above custom-named style to appear in the rich text editor, it must live in a css file linked directly from the master page. That is, it will not work if it lives in a css file that is linked via an @import in  another css file.

Sharepoint 2010 Custom Class For Content Editor Web Part Css Syntax

css, web, sharepoint

CSS