X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=metaform%2Fstyle.less;h=a21b3676e63891c5668bc29aa4dae32299b78db6;hb=0785483a8d96e462f21b6d9a522b3e587b500972;hp=93eef121ab5209a8eea5bd33cbbdd4d71e3798af;hpb=cc73b808e792b3dc971d6231fc4b232f23376b93;p=wfpl.git diff --git a/metaform/style.less b/metaform/style.less index 93eef12..a21b367 100644 --- 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 {