The following content styles (CSS) are added to the editor when the relevent plugins are enabled. These are in addition to the styles added by the default content CSS. For details on the default CSS, see: the content_css option.
These styles can be used to replicate the styles shown in the editor when the content is rendered outside {productname}, or can be used as a template for creating custom styles for these elements.
/*
* For rendering images inserted using the image plugin.
* Includes image captions using the HTML5 figure element.
*/
link:example$css-codeblock/image-plugin.css[role=include]
/*
Alignment using classes rather than inline styles
check out the "formats" option
*/
img.align-left {
float: left;
}
img.align-right {
float: right;
}
/*
* Premium Plugins CSS
*/
/* The Table of Contents Plugin */
link:example$css-codeblock/tableofcontents-plugin.css[role=include]
/* The Checklist Plugin */
link:example$css-codeblock/checklist-plugin.css[role=include]
/* The Page Embed plugin */
link:example$css-codeblock/pageembed-plugin.css[role=include]
/* The Media Embed plugin */
link:example$css-codeblock/mediaembed-plugin.css[role=include]
/* The Footnotes plugin */
link:example$css-codeblock/footnotes-plugin.css[role=include]