1 @require 'code/wfpl/stylus-helpers.styl'
2 @require '.image-mtimes.styl'
5 site-width = 934px // inside the shadow
8 content-width = (site-width - (site-padding * 3) - sidebar-width)
9 font-size-normal = 15px
10 font-size-small = 13px
12 site-column-gap = 40px
13 spritesheet-height = 1050px // for sprites near bottom
20 // always show vertical scrollbar, so content doesn't shift around when
21 // switching from tall to short pages
25 header, hgroup, section, footer, aside, nav, article, figure, img
31 border: 1px solid black
46 border: 1px dotted black
47 padding: 0 15px 15px 15px
101 margin: 15px 15px 0 15px
103 p.quote:before, p.quote:after
108 display: inline-block
119 width: 0; // make sure it doesn't wrap
121 p.attrib, p.attribution
122 margin: 0 0 15px 20px
134 font: font-size-normal Arimo, Arial, sans-serif
136 // Styles for the <body> tag within ckeditor
137 background: content-bg
140 &.real_body_tag // revert the above for the <body> on the real site
141 background: window-bg
145 // expand the ckeditor widget so there's space for the content to be exactly
146 // the size of the content outside the editor
151 // outermost div for centering, shadow, etc
154 background: content-bg
156 padding-right: site-padding
157 padding-bottom: site-padding
158 padding-left: site-padding
159 width: site-width - @padding-left - @padding-right
175 display: inline-block
182 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4)
193 border-top: 1px dotted #ddc;
207 // floating images (from pastable example code on admin_images)
215 background-repeat: no-repeat
216 background-position: left top
227 background-repeat: no-repeat
228 background-position: left top
236 background-repeat: no-repeat
237 background-position: center top
240 // hack so that vertical margins are only between siblings for the most part
244 article > :first-child,
245 section > :first-child,
253 fieldset > :last-child,
254 article > :last-child,
255 section > :last-child,
265 background: rgba(0,0,0,0.04)
268 background: rgba(0,0,0,0.07)
271 background: rgba(0,0,0,0.02)
274 background: rgba(0,0,0,0.09)