X-Git-Url: https://jasonwoof.com/gitweb/?p=wfpl-cms.git;a=blobdiff_plain;f=style.styl;h=854fbb23ef0589bd67c90cfd56a07e05d588adaf;hp=c0071a2292ab1407577ea197cbd3bd18caec1e46;hb=948d843003f8f9f70e830e73ecd3e53bf231f247;hpb=10f9463ec0189185b09e671924678513e5f6d49b

diff --git a/style.styl b/style.styl
index c0071a2..854fbb2 100644
--- a/style.styl
+++ b/style.styl
@@ -25,7 +25,6 @@ columns = wfpl_columns({
 	name: 'centerer'
 	margin: 15px
 	width: centerer_width
-	position: relative
 	child: {
 		type: 'alternatives'
 		full: {
@@ -63,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']
 
@@ -90,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
@@ -244,20 +284,33 @@ ckeditor('admin_pages', 'content', 'content_with_sidebar_main', columns['widths'
 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'])
 
+body > .centerer
+	position: relative
+
+#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
 	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
@@ -281,13 +334,12 @@ footer
 
 #admin_links
 	font-size: font_size_small
-	background: #fdd
+	background: rgba(255, 244, 244, 0.5)
+	border: 1px dotted #000
 	padding: 3px
-	margin-bottom: 15px
-
-
-
-
+	position: absolute
+	top: 0
+	right: 0
 
 // obsolete floating images (from pastable example code on admin_images)
 span.wfpl_ifl
@@ -540,7 +592,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