CMS Content Formatting

content-formatting.css

/**
 * Content Formatting
 * ==================
 * Sensible formatting for formatted content.
 * gist: http://gist.github.com/1150500
 */

/* Setting a default font */
.content { font: 13px/1.5em sans-serif; }

.content p { padding: 0.25em 0 0.5em; }
.content p:first-of-type { padding-top: 0; }
.content p:last-of-type { padding-bottom: 0; }

.content strong, .content b { font-weight: bold; }
.content em, .content i { font-style: italic; }
.content code { font-family: monospace; }

.content ul, .content ol { padding: 0.5em 0 0.5em 2em; margin-left: 1em; }
.content ul { list-style: disc; }
.content ol { list-style: decimal; }
.content li { padding: 0; color: #444; line-height: 2em; }

.content blockquote { padding: 0.5em; margin: 0.5em 0; border: 1px solid #DDD; }

/* Some logic is needed for making sure we don't have double-margins. */
.content p:last-of-type + ul, .content p:last-of-type + ol { padding-top: 1em; }
.content ul + p:first-of-type, .content ol + p:first-of-type { padding-top: 0.5em; }