From df3d7d5734855f72b72bdb18bbf9e3599dec0156 Mon Sep 17 00:00:00 2001
From: Nantha Sorubakanthan <nantha@mielota.com>
Date: Sun, 21 Sep 2025 17:32:32 +0200
Subject: first commit

---
 static/style.css | 132 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 132 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..f9a1c56
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,132 @@
+:root {
+	--bg: #e1e2e7;
+	--fg: #32344a;
+	--title: #7aa2f7;
+	--subtitle: #449dab;
+	--link: #ad80f6;
+	--regularfont: system-ui;
+	--titlecodefont: 'Courier New', Courier, monospace;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--fg: #a9b1d6;
+		--bg: #1a1b26;
+		--title: #ad8ee6;
+		--link: #7aa2f7;
+		--subtitle: #0db9d7;
+	}
+}
+
+body {
+	width: 90%;
+	max-width: 45em;
+	margin: 1.5em auto;
+	background: var(--bg);
+	color: var(--fg);
+	font-family: var(--regularfont);
+}
+
+pre {
+	padding: 1em 1em;
+	line-break: auto;
+}
+
+a {
+	color: var(--link);
+}
+
+.finaline {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.notfound > h1 {
+	font-size: 15em;
+}
+
+.notfound {
+	text-align: center;
+}
+
+h1, h2, h3, pre {
+	font-family: var(--titlecodefont);
+}
+
+h1 {
+	font-size: 2.3em;
+	margin: 0.32em 0em 0em 0em;
+	color: var(--title);
+}
+
+h2 {
+	color: var(--subtitle);
+}
+
+hr {
+	color: var(--fg);
+}
+
+.columns {
+	columns: 2;
+}
+
+.columns ul {
+	margin-top: 0em;
+}
+
+.block {
+	break-inside: avoid;
+}
+
+ul {
+	padding: 0 0 0 1em;
+}
+
+li {
+	margin: 0 0 0.1em 0;
+}
+
+footer {
+	text-align: center;
+}
+
+footer img {
+	margin: auto;
+	display: inline-block;
+}
+
+img {
+	display: block;
+	margin: auto;
+	max-height: 25em;
+	width: auto;
+	max-width: 100%;
+}
+
+@media print {
+
+	.no-print,
+	.no-print *,
+	footer {
+		display: none !important;
+	}
+
+	.address {
+		overflow: visible;
+		white-space: wrap;
+		word-break: break-all;
+	}
+}
+
+@media only screen and (max-width: 768px) {
+	body {
+		width: 90%;
+		font-size: 1.1em;
+	}
+
+	.columns {
+		columns: 1;
+	}
+}
-- 
cgit v1.2.3