From: Jason Woofenden Date: Mon, 6 Feb 2012 18:00:28 +0000 (-0500) Subject: cms: remove format, customize styles X-Git-Url: https://jasonwoof.com/gitweb/?p=wfpl-cms.git;a=commitdiff_plain;h=d679620e4e0eefef53a9ef5991af1f1673746ba5 cms: remove format, customize styles --- diff --git a/admin_pages.html b/admin_pages.html index d363086..c79ca14 100644 --- a/admin_pages.html +++ b/admin_pages.html @@ -9,6 +9,15 @@ function make_wysiwyg(name) { CKEDITOR.replace(name, { 'contentsCss': 'style_01.css', + 'stylesSet': [ + { name: 'Paragraph', element: 'p'}, + { name: 'Page Headline', element: 'h1'}, + { name: 'Section Headline', element: 'h2'}, + { name: 'Subsection Headline', element: 'h3'}, + { name: 'Tagline (under headline)', element: 'h4', attributes: { class: 'tagline'}}, + { name: 'Quote', element: 'p', attributes: { class: 'quote'}}, + { name: 'Quote Author', element: 'p', attributes: { class: 'attrib'}} + ], 'uiColor': '#ccccff', 'removePlugins': 'forms,templates,smiley,pagebreak,save,newpage,preview,print', 'height': '300px', @@ -23,7 +32,7 @@ ['Link', 'Unlink', 'Anchor'], ['Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak'], '/', - ['Styles', 'Format', 'Font', 'FontSize'], + ['Styles', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', 'ShowBlocks'] ] diff --git a/style.css b/style.css index 15dbbc4..183248d 100644 --- a/style.css +++ b/style.css @@ -13,9 +13,15 @@ body { margin: 0; padding: 0; color: #000; - background: #eeeeee; + background: #ffffff; font: 14px "Verdana", sans-serif; } +body.real_body_tag { + background: #eeeeee; +} +#cke_content { + margin-right: -30px; +} #centerer { position: relative; background: #ddffff; @@ -78,6 +84,12 @@ footer { padding: 3px; margin-bottom: 15px; } +code.html { + display: block; + font: 12px monospace; + border: 1px solid black; + background: #ccc; +} .caption { margin-top: 15px; font-weight: bold; @@ -105,9 +117,53 @@ div.error { margin: 20px; background: #fdd; } +h1 { + font-size: 22px; + margin: 20px 0 10px; +} +h1 + h4.tagline { + margin: -10px 0 10px; +} +h2 { + font-size: 19px; + margin: 16px 0px 8px; +} +h2 + h4.tagline { + margin: -8px 0 8px; +} +h3 { + font-size: 16px; + margin: 12px 0 5px; +} +h3 + h4.tagline { + margin: -5px 0 5px; +} +h4 { + font-size: 12px; + margin: 10px 0 3px; +} +h4 + h4.tagline { + margin: -3px 0 3px; +} +h1, +h2, +h3, +h4 { + font-weight: bold; +} +h4.tagline { + font-weight: normal; +} +p.quote { + margin: 15px 35px; +} +p.attrib { + margin: -15px 0 15px 100px; +} span.wfpl_ifl { display: block; float: left; + clear: left; font-size: 10px; text-align: right; background-repeat: no-repeat; @@ -117,6 +173,7 @@ span.wfpl_ifl { span.wfpl_ifr { display: block; float: right; + clear: right; font-size: 10px; font-weight: normal; text-align: right; diff --git a/style.less b/style.less index 71044e1..39e7249 100644 --- a/style.less +++ b/style.less @@ -142,6 +142,50 @@ div.error { background: #fdd; } +h1 { + font-size: 22px; + margin: 20px 0 10px; +} +h1 + h4.tagline { + margin: -10px 0 10px; +} +h2 { + font-size: 19px; + margin: 16px 0px 8px; +} +h2 + h4.tagline { + margin: -8px 0 8px; +} +h3 { + font-size: 16px; + margin: 12px 0 5px; +} +h3 + h4.tagline { + margin: -5px 0 5px; +} +h4 { + font-size: 12px; + margin: 10px 0 3px; +} +h4 + h4.tagline { + margin: -3px 0 3px; +} + +h1, h2, h3, h4 { + font-weight: bold; +} +h4.tagline { + font-weight: normal +} + +p.quote { + margin: 15px 35px; +} +p.attrib { + margin: -15px 0 15px 100px; +} + + // floating images (from pastable example code on admin_images) span.wfpl_ifl { display: block;