background: #fdd
h1
- font-size: 22px
+ font-size: 26px
margin: 20px 0 10px
h1 + h4.tagline
margin: -10px 0 10px
+h1 + h2
+ margin-top: -6px
+
h2
- font-size: 19px
- margin: 30px 0px 8px
+ font-size: 20px
+ margin: 16px 0px 8px
h2 + h4.tagline
margin: -8px 0 8px
h3
- font-size: 16px
+ font-size: 18px
margin: 12px 0 5px
h3 + h4.tagline
margin: -5px 0 5px
h4
- font-size: 12px
+ font-size: 14px
margin: 10px 0 3px
h4 + h4.tagline
color: content_fg
font: font_size_normal Arimo, Arial, sans-serif
-// expand the ckeditor widget so there's space for the content to be exactly
-// the size of the content outside the editor
-#cke_content
- margin-right: -15px
- margin-left: -15px
-// <body> tag within ckeditor
-#admin_pages-wysiwyg-content
- background: content_bg
- width: content_width
- margin: 0 auto
+// call this for each ckeditor on each page
+ckeditor(basename, element_name, width)
+ // ckeditor ui, including border around wysiwyg area
+ #{basename}_body #cke_{element_name}
+ margin-left: -15px
+ if width < 650px
+ width: 680px
+ else
+ width: width + 30px
+ // body tag of the wysiwyg area
+ #{basename}_wysiwyg_{element_name}
+ background: content_bg
+ width: width
+ margin: 0 auto
+ if width <= 600px
+ min-width: 0
+ width: width
+ margin: 0 auto
+ border-right: 20px solid #eee
+ border-left: 20px solid #eee
+ border-top: 1px solid #eee
+ border-bottom: 1px solid #eee
+ min-height: 250px
+
+ckeditor('admin_pages', 'content', content_width)
// outermost div for centering, shadow, etc
#centerer