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
100 margin: 15px 15px 0 15px
102 p.quote:before, p.quote:after
107 display: inline-block
118 width: 0; // make sure it doesn't wrap
120 p.attrib, p.attribution
121 margin: 0 0 15px 20px
132 background: window_bg
134 font: font_size_normal Arimo, Arial, sans-serif
136 // expand the ckeditor widget so there's space for the content to be exactly
137 // the size of the content outside the editor
141 // <body> tag within ckeditor
142 #admin_pages-wysiwyg-content
143 background: content_bg
147 // outermost div for centering, shadow, etc
150 background: content_bg
152 padding-right: site_padding
153 padding-bottom: site_padding
154 padding-left: site_padding
155 width: site_width - @padding-left - @padding-right
171 display: inline-block
178 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4)
189 border-top: 1px dotted #ddc;
203 // floating images (from pastable example code on admin_images)
211 background-repeat: no-repeat
212 background-position: left top
223 background-repeat: no-repeat
224 background-position: left top
232 background-repeat: no-repeat
233 background-position: center top
236 // hack so that vertical margins are only between siblings for the most part
240 article > :first-child,
241 aside > :first-child,
242 section > :first-child,
250 fieldset > :last-child,
251 article > :last-child,
253 section > :last-child,
266 background: rgba(0,0,0,0.04)
269 background: rgba(0,0,0,0.07)
272 background: rgba(0,0,0,0.02)
275 background: rgba(0,0,0,0.09)
279 border: 1px solid red