name: 'centerer'
margin: 15px
width: centerer_width
+ position: relative
child: {
type: 'alternatives'
full: {
ckeditor_elements_already = {}
ckeditor(basename, element_name, body_id, width)
// ckeditor ui, including border around wysiwyg area
- unless element_name in ckeditor_elements_already
- ckeditor_elements_already[element_name] = 1
- #{basename}_body #cke_{element_name}
+ outer_selector = '#' + basename + '_body #cke_' + element_name
+ unless outer_selector in ckeditor_elements_already
+ ckeditor_elements_already[outer_selector] = 1
+ {outer_selector}
width: biggest_content_width + 30px
margin-right: -30px
// body tag of the wysiwyg area
ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_plain', columns['widths']['.centerer.with_sidebar > .sidebar.plain'])
ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_bordered', columns['widths']['.centerer.with_sidebar > .sidebar.bordered'])
-// outermost div for centering, shadow, etc
-#centerer
- position: relative
- background: content_bg
- padding: site_padding
- margin: 0 auto
-
body > .centerer > .nav
padding-bottom: 20px
ul
for selector, css in columns.css
body > {selector}
{css}
+
+// center when big
+body > .centerer
+ margin: 0 auto
+
@media screen and (max-width: (columns.width))
// output responsive css from column calculations
for selector, css in columns.responsive_css