Skip to content

Instantly share code, notes, and snippets.

@bkuhl
Forked from dolzenko/tinymce-content.css
Created April 24, 2012 21:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bkuhl/2484000 to your computer and use it in GitHub Desktop.
Save bkuhl/2484000 to your computer and use it in GitHub Desktop.
Style un-reset for TinyMCE content inserted on the pages with YUI CSS reset
/* Style un-reset for TinyMCE content inserted on the pages with YUI CSS reset.
* Added along with YUI CSS reset to the content_css option of TinyMCE and to the page on which TinyMCE content should be displayed.
*/
/* This part is based on tinymce-3.2.1.1\jscripts\tiny_mce\themes\advanced\skins\default\content.css */
.mceContentBody,
.mceContentBody td,
.mceContentBody pre
{
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 8px;
}
.mceContentBody
{
background: #FFF;
}
.mceContentBody.mceForceColors
{
background: #FFF;
color: #000;
}
.mceContentBody h1
{
font-size: 2em
}
.mceContentBody h2
{
font-size: 1.5em
}
.mceContentBody h3
{
font-size: 1.17em
}
.mceContentBody h4
{
font-size: 1em
}
.mceContentBody h5
{
font-size: .83em
}
.mceContentBody h6
{
font-size: .75em
}
.mceContentBody .mceItemTable,
.mceContentBody .mceItemTable td,
.mceContentBody .mceItemTable th,
.mceContentBody .mceItemTable caption,
.mceContentBody .mceItemVisualAid
{
border: 1px dashed #BBB;
}
.mceContentBody a.mceItemAnchor
{
width: 12px;
line-height: 6px;
overflow: hidden;
padding-left: 12px;
background: url(img/items.gif) no-repeat bottom left;
}
.mceContentBody img.mceItemAnchor
{
width: 12px;
height: 12px;
background: url(img/items.gif) no-repeat;
}
.mceContentBody img
{
border: 0;
}
.mceContentBody table
{
cursor: default
}
.mceContentBody table td,
.mceContentBody table th
{
cursor: text
}
.mceContentBody ins
{
border-bottom: 1px solid green;
text-decoration: none;
color: green
}
.mceContentBody del
{
color: red;
text-decoration: line-through
}
.mceContentBody cite
{
border-bottom: 1px dashed blue
}
.mceContentBody acronym
{
border-bottom: 1px dotted #CCC;
cursor: help
}
.mceContentBody abbr,
.mceContentBody html\:abbr
{
border-bottom: 1px dashed #CCC;
cursor: help
}
/* Manual additions to restore assumed by the TinyMCE but cleared by YUI CSS reset styles */
.mceContentBody
{
text-align: left;
}
.mceContentBody strong
{
font-weight: bold;;
}
.mceContentBody li ul,
.mceContentBody li ol
{
margin: 0 1.5em;
}
.mceContentBody ul,
.mceContentBody ol
{
margin: 0 1.5em 1.5em 1.5em;
}
.mceContentBody ul,
.mceContentBody ul li
{
list-style-type: disc;
}
.mceContentBody ol,
.mceContentBody ol li
{
list-style-type: decimal;
}
.mceContentBody blockquote
{
margin: 0 1.5em 1.5em 1.5em;
}
.mceContentBody p,
.mceContentBody code,
.mceContentBody pre,
.mceContentBody kbd
{
margin: 0 0 1.5em 0;
}
.mceContentBody em,
.mceContentBody i,
.mceContentBody dfn
{
font-style: italic;
}
.mceContentBody sup
{
vertical-align: super;
font-size: smaller;
}
@bkuhl
Copy link
Author

bkuhl commented Apr 24, 2012

Added support for the tag

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment