From d2475e6a146534b5e7aaf2cc7b0b9a75e418415e Mon Sep 17 00:00:00 2001
From: Maximilian Hils <git@maximilianhils.com>
Date: Sat, 13 Sep 2014 23:05:12 +0200
Subject: web: start gui

---
 web/src/css/layout.less | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 web/src/css/layout.less

(limited to 'web/src/css/layout.less')

diff --git a/web/src/css/layout.less b/web/src/css/layout.less
new file mode 100644
index 00000000..e1f22249
--- /dev/null
+++ b/web/src/css/layout.less
@@ -0,0 +1,36 @@
+html, body, #container {
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+header, footer {
+  display: block;
+}
+
+@headerheight: 153px;
+@footerheight: 25px;
+
+#container {
+  //Set padding on container so that #main can take 100% height
+  //If we don't do it, the scrollbars will be too large.
+  padding: @headerheight 0 @footerheight;
+}
+
+header {
+  height: @headerheight;
+  //Substract #container padding
+  margin-top: -@headerheight;
+}
+
+#main {
+  height: 100%;
+  display: block;
+  overflow-y: auto;
+}
+
+footer {
+  //This starts at the beginning of the #container padding, all fine.
+  height: @footerheight;
+  line-height: @footerheight;
+}
-- 
cgit v1.2.3