From: Jason Woofenden Date: Mon, 18 Apr 2011 09:02:27 +0000 (-0400) Subject: metaform: ship basic stylesheet with layout X-Git-Url: https://jasonwoof.com/gitweb/?p=wfpl.git;a=commitdiff_plain;h=4a4d453bf7dad654a6dc988a8a9c36f1ec45a9a8 metaform: ship basic stylesheet with layout --- diff --git a/metaform/site-template.html b/metaform/site-template.html index 71cf70f..11ceb40 100644 --- a/metaform/site-template.html +++ b/metaform/site-template.html @@ -6,6 +6,7 @@ + @@ -14,9 +15,12 @@

Header

@@ -35,9 +39,10 @@ ~main_body~ -

diff --git a/metaform/style.less b/metaform/style.less index 7541895..9f41b0f 100644 --- a/metaform/style.less +++ b/metaform/style.less @@ -1,3 +1,58 @@ +// dimensions +@site-width: 940px; +@nav-width: 200px; +@gutter-width: 18px; +@main-body-width: @site-width - @gutter-width - @nav-width; + +// colors +@framing-color: #ccf; +@gutter-color: #fff; + +body { + margin: 0; + padding: 0; + color: #000; + background: #fff; + font: 14px "Verdana", sans-serif; +} + +#centerer { + position: relative; + margin: 0 auto; + width: @site-width; +} + +header { + width: @site-width; + height: 100px; + background: @framing-color; + border-bottom: @gutter-width solid @gutter-color; +} + +nav { + float: left; + width: @nav-width - 20px; + padding: 10px; + border-right: @gutter-width solid @gutter-color; + background: @framing-color; + a { + display: block; + } +} + +#main-body { + float: left; + width: @main-body-width; +} + +footer { + clear: both; + width: @site-width; + height: 50px; + background: @framing-color; + border-top: @gutter-width solid @gutter-color; +} + #wfpl_messages { border: 2px solid red; background: #fbb;