link to archived versions from page edit page

[wfpl-cms.git] / style.styl

diff --git a/style.styl b/style.styl
index 5f9daae..854fbb2 100644 (file)
--- a/style.styl
+++ b/style.styl
@@ -62,13 +62,12 @@ columns = wfpl_columns({
                }
        }
 })
-
 // the gap is used for checking the width calculations, but has no dom element.
 // This space is left blank (by floating main to the left and sidebar to the
 // right) and might save the layout if there are borders (which don't scale) or
 // rounding errors
-remove(columns['css'], '.centerer.with_sidebar > .sidebar.gap')
-remove(columns['responsive_css'], '.centerer.with_sidebar > .sidebar.gap')
+a = remove(columns['css'], '.centerer.with_sidebar > .sidebar.gap')
+a = remove(columns['responsive_css'], '.centerer.with_sidebar > .sidebar.gap')
 
 biggest_content_width = columns['widths']['.centerer.full > .main']
 
@@ -89,10 +88,52 @@ content_bg = #fff
 content_fg = #000
 window_bg = #fff
 
+// sprites
+//wfpl_spritesheets({
+//     main: {
+//             image: sha1['images/sprites.min.svg']
+//             y_origin: 'bottom' // inkscape rulers are backwards
+//             w: 200
+//             h: 408
+//             sprites: {
+//                     ".icon": {
+//                             y: 408
+//                             w: 50
+//                             h: 50
+//                             gap: 1
+//                             hover: 'right'
+//                             column: 'three' 'four' 'five' 'six' 'seven'
+//                     }
+//                     ".top_button": {
+//                             y: 153
+//                             w: 25
+//                             h: 25
+//                             gap: 1
+//                             row: '0' '1' '2' '3' '4'
+//                             hover: 'down'
+//                     }
+//                     ".main_logo": {
+//                             y: 101
+//                             w: 200
+//                             h: 50
+//                             gap: 1
+//                             hover: 'down'
+//                     }
+//             }
+//     }
+//})
+
+
 ////////////////////
 // } END SETTINGS //
 ////////////////////
 
+.icon
+       display: inline-block
+       width: 40%
+.top_button
+       display: inline-block
+       width: 30%
 
 
 // always show vertical scrollbar, so content doesn't shift around when
@@ -246,8 +287,19 @@ ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_bordere
 body > .centerer
        position: relative
 
-header#site_header
-       margin-bottom: 15px
+#site_header
+       margin: 0 auto 15px auto
+       position: relative
+#site_header:before
+       display: block
+       background-size: 100%
+#site_header:after
+       display: block
+       position: absolute
+       bottom: 0
+       right: 0
+       padding: 4px
+       text-align: right
 
 body > .centerer > .nav
        margin-bottom: 15px
@@ -255,15 +307,10 @@ body > .centerer > .nav
                li_reset()
                space_evenly(line_height)
 
-footer
+footer#site_footer
        clear: both
        padding-top: 40px
-       ul
-               li_reset()
-               li
-                       li_reset()
-                       display: inline-block
-                       margin-right: 10px
+       font-size: font_size_small
 
 #wfpl_messages
        background: #ffd