From eec01c9b72feff9533477014881b982124ca7b6d Mon Sep 17 00:00:00 2001
From: "Matthias P. Braendli" <matthias.braendli@mpb.li>
Date: Thu, 19 Sep 2024 22:09:20 +0200
Subject: Create project

---
 static/style.css | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 141 insertions(+)
 create mode 100644 static/style.css

(limited to 'static/style.css')

diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..dd43c7a
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,141 @@
+:root {
+    --main-color:rgb(7 89 133);
+    --bg-color:rgb(224 242 254);
+    --title-color:rgb(224 242 254);
+    --title-bg-color:rgb(125 211 252);
+    --divide-color:rgb(125 211 252);
+    --active-bg-color:rgb(12 74 110);
+    --hover-bg-color:rgb(125 211 252);
+    --active-color:rgb(186 230 253);
+}
+
+html {
+    background-color: white;
+    font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+}
+
+.flex {
+    display:flex;
+}
+
+nav {
+    flex: none;
+}
+
+.div-menu {
+    border-top-width: 1px;
+    border-bottom-width: 0px;
+    border-color: var(--divide-color);
+}
+
+.ul-menu {
+    padding-top: 0.5rem;
+    padding-bottom: 1rem;
+    margin-top: 0.25rem;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+}
+
+ul {
+    padding-left: 0;
+    list-style: none;
+}
+
+.menu-entry {
+    border-radius: 0.375rem;
+    margin-top: 0.25rem;
+    padding: 0.75rem;
+}
+
+.menu-active {
+    border-radius: 0.375rem;
+    margin-top: 0.25rem;
+    padding: 0.75rem;
+    color: var(--active-color);
+    background-color: var(--active-bg-color);
+}
+
+.menu-active:hover {
+    border-radius: 0.375rem;
+    margin-top: 0.25rem;
+    padding: 0.75rem;
+    color: var(--active-color);
+    background-color: var(--hover-bg-color);
+}
+
+.menu-entry:hover {
+    border-radius: 0.375rem;
+    margin-top: 0.25rem;
+    padding: 0.75rem;
+    background-color: var(--hover-bg-color);
+}
+
+.icon-fa {
+    width: 2rem;
+}
+
+.text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+}
+
+.head-nav-topdiv {
+    height: 100%;
+    min-height: 100vh;
+    padding: 0.75rem;
+    margin-top: 0rem;
+    width: 15rem;
+    background-color: var(--bg-color);
+    color: var(--main-color);
+}
+
+.nav-title {
+    padding: 0.75rem;
+    border-radius: 0.5rem;
+    margin-top: 0.5rem;
+    background-color: var(--title-bg-color);
+    color: var(--title-color);
+}
+
+main {
+    padding: 1rem;
+    flex: 1 1 auto;
+}
+
+h1 {
+    font-size: 1.2rem;
+    line-height: 1.75rem;
+    font-weight: 700;
+}
+
+h2 {
+    font-weight: 700;
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+}
+
+fieldset {
+    border-radius: 0.375rem;
+    font-weight: 400;
+    margin: 0.5rem;
+    padding: 0.5rem;
+    color: rgb(3 105 161);
+    outline-style: solid;
+    outline-color: rgb(59 130 246);
+}
+
+legend {
+    padding: 0.25rem;
+    font-variant: small-caps;
+}
+
-- 
cgit v1.2.3