}
}
})
-
// 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']
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'
- }
- }
- }
-})
+//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'
+// }
+// }
+// }
+//})
////////////////////
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