stylus-helpers: fix space-evenly, add dimensions

[wfpl.git] / metaform / style.less

diff --git a/metaform/style.less b/metaform/style.less
index 93eef12..a21b367 100644 (file)
--- a/metaform/style.less
+++ b/metaform/style.less
@@ -1,30 +1,33 @@
 // dimensions
 @site-width: 940px;
 @nav-width: 200px;
-@gutter-width: 18px;
-@main-body-width: @site-width - 2*@gutter-width - @nav-width;
+@site-gutter-width: 18px;
+@site-main-body-width: @site-width - 2*@site-gutter-width - @nav-width;
 
 // colors
-@header-color: #ddf;
+@site-header-color: #ddf;
 @nav-color:    #dff;
-@body-color:   #fff;
-@window-color: #eee;
-@footer-color: #ddf;
-@gutter-color: #fff;
+@site-body-color:   #fff;
+@site-window-color: #eee;
+@site-footer-color: #ddf;
+@site-gutter-color: #fff;
 
+header, hgroup, section, footer, aside, nav, article, figure, img {
+       display: block;
+}
 
 body {
        margin: 0;
        padding: 0;
        color: #000;
-       background: @window-color;
+       background: @site-window-color;
        font: 14px "Verdana", sans-serif;
 }
 
 #centerer {
        position: relative;
        background: @nav-color;
-       margin: 0 auto;
+       margin: 15 auto;
        width: @site-width;
        -moz-box-shadow: 2px 2px 15px #777;
        -webkit-box-shadow: 2px 2px 15px #777;
@@ -34,7 +37,7 @@ body {
 header {
        width: @site-width;
        height: 100px;
-       background: @header-color;
+       background: @site-header-color;
 }
 
 @nav-padding: 10px;
@@ -50,16 +53,16 @@ nav {
 
 #main-body {
        float: left;
-       width: @main-body-width;
-       padding: @gutter-width @gutter-width @gutter-width @gutter-width;
-       background: @body-color;
+       width: @site-main-body-width;
+       padding: @site-gutter-width @site-gutter-width @site-gutter-width @site-gutter-width;
+       background: @site-body-color;
 }
 
 footer {
        clear: both;
        width: @site-width;
        height: 50px;
-       background: @footer-color;
+       background: @site-footer-color;
 }
 
 #wfpl_messages {