-@require 'code/wfpl/stylus-helpers.styl'
+@require 'inc/wfpl/stylus-helpers.styl'
@require '.image-mtimes.styl'
// dimensions
site-width = 934px // inside the shadow
site-padding = 30px
-sidebar-width = 220px
-content-width = (site-width - (site-padding * 3) - sidebar-width)
+content-width = (site-width - (site-padding * 2))
font-size-normal = 15px
font-size-small = 13px
font-size-tiny = 11px
border: 1px solid black
background: #ccc
-* + .caption
- margin-top: 15px
+.caption
font-weight: bold
+ * + &
+ margin-top: 15px
.field
padding-top: 3px;
body
margin: 0
padding: 0
+ background: window-bg
color: content-fg
font: font-size-normal Arimo, Arial, sans-serif
- // Styles for the <body> tag within ckeditor
- background: content-bg
- width: content-width
- margin: 0 auto
- &.real_body_tag // revert the above for the <body> on the real site
- background: window-bg
- width: auto
- margin: 0
-
// 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
// outermost div for centering, shadow, etc
#centerer
th > :first-child,
legend + *,
article > :first-child,
+aside > :first-child,
section > :first-child,
nav > :first-child,
div > :first-child,
th > :last-child,
fieldset > :last-child,
article > :last-child,
+aside > :last-child,
section > :last-child,
nav > :last-child,
div > :last-child,