1 @require 'inc/wfpl/stylus_helpers.styl'
2 @require '.sha1sums.styl'
5 site_width = 934px // inside the shadow
7 content_width = (site_width - (site_padding * 2))
8 font_size_normal = 15px
11 site_column_gap = 40px
18 // always show vertical scrollbar, so content doesn't shift around when
19 // switching from tall to short pages
23 header, hgroup, section, footer, aside, nav, article, figure, img
29 border: 1px solid black
45 border: 1px dotted black
46 padding: 0 15px 15px 15px
103 margin: 15px 15px 0 15px
105 p.quote:before, p.quote:after
110 display: inline-block
121 width: 0; // make sure it doesn't wrap
123 p.attrib, p.attribution
124 margin: 0 0 15px 20px
135 background: window_bg
137 font: font_size_normal Arimo, Arial, sans-serif
139 // call this for each ckeditor on each page
140 ckeditor(basename, element_name, width)
141 // ckeditor ui, including border around wysiwyg area
142 #{basename}_body #cke_{element_name}
148 // body tag of the wysiwyg area
149 #{basename}_wysiwyg_{element_name}
150 background: content_bg
157 border-right: 20px solid #eee
158 border-left: 20px solid #eee
159 border-top: 1px solid #eee
160 border-bottom: 1px solid #eee
163 ckeditor('admin_pages', 'content', content_width)
165 // outermost div for centering, shadow, etc
168 background: content_bg
170 padding-right: site_padding
171 padding-bottom: site_padding
172 padding-left: site_padding
173 width: site_width - @padding-left - @padding-right
189 display: inline-block
196 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4)
207 border-top: 1px dotted #ddc;
221 // floating images (from pastable example code on admin_images)
229 background-repeat: no-repeat
230 background-position: left top
241 background-repeat: no-repeat
242 background-position: left top
250 background-repeat: no-repeat
251 background-position: center top
254 // hack so that vertical margins are only between siblings for the most part
258 article > :first-child,
259 aside > :first-child,
260 section > :first-child,
268 fieldset > :last-child,
269 article > :last-child,
271 section > :last-child,
284 background: rgba(0,0,0,0.04)
287 background: rgba(0,0,0,0.07)
290 background: rgba(0,0,0,0.02)
293 background: rgba(0,0,0,0.09)
297 border: 1px solid red