From 29989aface3276d36851c8601ea599ffbeaac471 Mon Sep 17 00:00:00 2001
From: Vosjedev <vosje@vosjedev.net>
Date: Sun, 2 Nov 2025 13:55:39 +0100
Subject: html required for page generation

---
 html/style.css | 152 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 148 insertions(+), 4 deletions(-)

(limited to 'html/style.css')

diff --git a/html/style.css b/html/style.css
index 462f750..3488621 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1,21 +1,165 @@
 
 :root {
-	--primary-background: #fcfcfc;
-	--secondary-background: #eee;
-	--tertiary-background: #acacac;
+	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+	font-size: 1.0em;
+
+	--colour: #000000;
+	--primary-background: #fafafa;
+	--secondary-background: #dadada;
+	--tertiary-background: #bbbbbb;
+
+	--background-inverted: #101010;
+	--colour-inverted: #cacaca;
+
+	--link-colour: #3344dd;
+	--link-colour-secondary: #202FBC; /* link colours for on secondary bg */
+
+	--accent: #ff8100;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--colour: #fafafa;
+		--primary-background: #202020;
+		--secondary-background: #404040;
+		--tertiary-background: #5f5f5f;
+
+		--link-colour: #2491FF;
+		--link-colour-secondary: #61B0FF;
+	}
 }
 
+:root {
+	background-color: var(--primary-background);
+	color: var(--colour);
+}
 
-.path {
+a, a:visited {
+	color: var(--link-colour);
+}
+
+h1, h2 {
+	color: var(--accent);
+	margin-left: 1em;
+}
+
+.formattedheader {
 	background-color: var(--tertiary-background);
+	padding-left: 10px;
+	padding-right: 10px;
+	font-family: monospace;
+	font-size: 1.2em;
+	padding: 2px;
+	.right {
+		float: right;
+	}
+
+	position: sticky;
+	top: 0;
+
+	--link-colour: var(--link-colour-secondary);
+}
+
+.status-OPEN {
+	background-color: #00ff00;
+}
+.status-CLOSED {
+	background-color: #303030;
+}
+.status-UNCONF {
+	background-color: #ff8100;
+}
+.status-REJECT {
+	background-color: #ff0000;
+}
+.status-UPSTRM {
+	background-color: #ac00fd;
 }
 
 .email {
 	font-family: monospace;
 	font-size: 1em;
 	background-color: var(--secondary-background);
+	--link-colour: var(--link-colour-secondary);
 	padding: 1px;
 	padding-left: 2em;
 	padding-right: 2em;
 }
+.emailheader {
+	margin-top: 15px;
+	border-top: 2px solid var(--tertiary-background);
+	padding-top: 5px;
+}
+
+.bugdesc {
+	padding: 5px;
+	border: 2px solid var(--accent);
+}
+
+.bugnr {
+	color: var(--accent);
+}
+
+.usage {
+	padding: 1em;
+	background-color: var(--secondary-background);
+	--link-colour: var(--link-colour-secondary);
+}
+
+.projectpage {
+	#left, #right {
+		float: left;
+		display: inline;
+		margin: 1.5%;
+	}
+	#left {
+		width: 27%;
+
+		#readme, #stats {
+			padding: 2em;
+			background-color: var(--secondary-background);
+			--link-colour: var(--link-colour-secondary);
+			margin-bottom: 5em;
+		}
+		#stats {
+			padding-top: 5px;
+			table tr { 
+				border-bottom: 3px solid var(--accent);
+				td {
+					padding-right: 1em;
+				}
+			}
+		}
+
+	}
+	#right {
+		width: 67%;
+		table {
+			width: 100%;
+			font-family: monospace;
+			font-size: 1.3em;
+			tr th {
+				color: var(--accent);
+			}
+			tr #id {
+				min-width: 3em;
+			}
+			tr #subject {
+				width: 100%;
+				a {
+					display: inline-block;
+					width: 100%;
+				}
+			}
+			tr #status, tr #type {
+				min-width: 6em;
+			}
+		}
+	}
+}
+
+.center-text {
+	text-align: center;
+}
+
 
-- 
cgit