X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=style.styl;h=be2aebbaf25b7f90a01d403f11f1a6291e88510c;hb=35a09e30f8e03af23fbd9078e628ba885b0be626;hp=5647d7f4fa19ec918f6625f9a60f26afb4869cc2;hpb=fba14eeafe223f8e4dafb39359556bb48c3d7d5f;p=wfpl-cms.git

diff --git a/style.styl b/style.styl
index 5647d7f..be2aebb 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
@@ -250,19 +291,15 @@ header#site_header
 	margin-bottom: 15px
 
 body > .centerer > .nav
+	margin-bottom: 15px
 	ul
 		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
@@ -544,7 +581,7 @@ for selector, css in columns.css
 
 	body > .centerer > .nav ul > li, #mobile_menu_button
 		display: block
-		padding: 3px 10px 4px 17px
+		padding: 0px 10px 0px 17px
 		font-size: font_size_large
 #admin_images_body .th_toggle_buttons
 	font-weight: normal