X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=styl.styl;h=003da09ab2e5c537bc50137ced154d9d90207ef7;hb=27e0d70bed354d6c23c5a4488832164c459fa4ec;hp=54ac46391425d394a57f6d6406f5b9ff36c416bf;hpb=15f391c463f08014a2af7b80920c4832877ad09f;p=wfpl-cms.git diff --git a/styl.styl b/styl.styl index 54ac463..003da09 100644 --- a/styl.styl +++ b/styl.styl @@ -2,19 +2,18 @@ @require '.sha1sums.styl' // dimensions -site-width = 934px // inside the shadow -site-padding = 30px -content-width = (site-width - (site-padding * 2)) -font-size-normal = 15px -font-size-small = 13px -font-size-tiny = 11px -site-column-gap = 40px -spritesheet-height = 1050px // for sprites near bottom +site_width = 934px // inside the shadow +site_padding = 30px +content_width = (site_width - (site_padding * 2)) +font_size_normal = 15px +font_size_small = 13px +font_size_tiny = 11px +site_column_gap = 40px // colors -content-bg = #fff -content-fg = #000 -window-bg = #e6e7e8 +content_bg = #fff +content_fg = #000 +window_bg = #e6e7e8 // always show vertical scrollbar, so content doesn't shift around when // switching from tall to short pages @@ -59,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 @@ -130,30 +132,45 @@ p.attrib, p.attribution body margin: 0 padding: 0 - background: window-bg - 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 -// tag within ckeditor -#admin_pages-wysiwyg-content - background: content-bg - width: content-width - margin: 0 auto + background: window_bg + color: content_fg + font: font_size_normal Arimo, Arial, sans-serif + +// 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 position: relative - background: content-bg + background: content_bg padding-top: 150px - padding-right: site-padding - padding-bottom: site-padding - padding-left: site-padding - width: site-width - @padding-left - @padding-right + padding-right: site_padding + padding-bottom: site_padding + padding-left: site_padding + width: site_width - @padding-left - @padding-right margin: 10px auto nav#site-nav