X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=metaform%2Fstyle.less;h=9f41b0fc63fe24c58be8a3e3ec2cf60ff5809795;hb=4a4d453bf7dad654a6dc988a8a9c36f1ec45a9a8;hp=75418954b67a9eb9781a60964747abad6e0fdf9d;hpb=c06ba3b1d66efa1478a5aea39fb833b81d35f846;p=wfpl.git

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;