X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=style.styl;h=e5816bc41b06e918882f21bf1f67d35f109a4351;hb=d8a3c68fe7131555725440aabc9f82e53520b5dc;hp=5f9daaebc79ebd27da3030210d03d9c935859251;hpb=26e88a8fcd1bcbb101245a2243c6fb9cfeda3500;p=wfpl-cms.git

diff --git a/style.styl b/style.styl
index 5f9daae..e5816bc 100644
--- 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