diff -r 20a9b2bc9063 -r 89e3e6e28b69 web/lightpit.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/lightpit.css	Sat Dec 16 20:19:28 2017 +0100
@@ -0,0 +1,85 @@
+/*
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
+ * 
+ * Copyright 2017 Mike Becker. All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   1. Redistributions of source code must retain the above copyright
+ *      notice, this list of conditions and the following disclaimer.
+ *
+ *   2. Redistributions in binary form must reproduce the above copyright
+ *      notice, this list of conditions and the following disclaimer in the
+ *      documentation and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ * 
+ */
+
+html {
+    background: #f8f8f8;
+}
+
+body {
+    background: white;
+    font-family: sans-serif;
+    
+    border-color: #505050;
+    border-style: solid;
+    border-width: 1pt;
+    
+    color: black;
+}
+
+a {
+    color: #3030f8;
+    text-decoration: none;
+}
+
+#mainMenu, #mainMenuEntries {
+    width: 100%;
+    display: flex;
+    flex-flow: row wrap;
+}
+
+#mainMenu {
+    background: #f0f0f5;
+}
+
+#subMenu {
+    background: #f7f7ff;
+
+    border-image: linear-gradient(to right, #606060, rgba(60,60,60,.1));
+    border-image-slice: 1;
+    border-top-style: solid;
+    border-top-width: 1pt;
+    border-bottom-style: solid;
+    border-bottom-width: 1pt;
+}
+
+.menuEntry {
+    padding: .25em 1em .25em 1em;
+}
+
+#mainMenu .menuEntry[data-active] {
+    background: #e0e0e5;
+}
+
+#subMenu .menuEntry[data-active] {
+    background: #e7e7ef
+}
+
+#content-area {
+    padding: 1em;
+}