JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
css tweak
[wfpl-cms.git] / styl.styl
index f5e96ba..003da09 100644 (file)
--- a/styl.styl
+++ b/styl.styl
@@ -58,28 +58,31 @@ div.error
        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
@@ -133,16 +136,31 @@ body
        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
-       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