From f91b83d3caf78aa7704f63e279b05ba9cd24cb54 Mon Sep 17 00:00:00 2001
From: Shy <shy@posteo.de>
Date: Tue, 30 Apr 2024 18:18:11 +0200
Subject: [PATCH] C4 inspired stylesheet

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

diff --git a/static/c4.css b/static/c4.css
new file mode 100644
index 0000000..a74dc49
--- /dev/null
+++ b/static/c4.css
@@ -0,0 +1,60 @@
+body {
+    color: #f0f0f0;
+    background-color: #333;
+}
+
+h1, h1 a  {
+    color: #fcbb06; /* C4 Yellow */
+}
+
+.result {
+    background-color: #202020;
+    border-color: #4d4d4d;
+}
+
+.result:focus {
+    background-color: #202020;
+    border-color: #fcbb06;
+    outline-color: #fcbb06;
+}
+
+.result a {
+    color: #fcbb06;
+}
+
+.note {
+    background-color: #333;
+    font-size: smaller;
+}
+
+.btn.green {
+    color: #020;
+    background-color: #6f3;
+}
+
+.btn.green:hover ,.btn.green:focus {
+    background-color: #3f0;
+}
+
+.btn.red {
+    color: #200;
+    background-color: #f36;
+}
+
+.btn.red:hover, .btn.red:focus {
+    background-color: #f03;
+}
+
+@keyframes blinker {
+    0% { opacity: 1; }
+    40% { opacity: 1; }
+    90% { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+#mapgrid {
+    outline: 2px solid #fcbb06;
+    background: #fcbb0680;
+    animation: blinker 1s infinite;
+}
+