From 261ca36d2c1b10f46f31ea89c7504b50a2efe724 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Tue, 16 Apr 2024 17:41:26 +0200
Subject: [PATCH] Add CSS styles for inputs

---
 themes/svrjswebsite/source/css/main.css | 44 +++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/themes/svrjswebsite/source/css/main.css b/themes/svrjswebsite/source/css/main.css
index 73fc09e..4995135 100644
--- a/themes/svrjswebsite/source/css/main.css
+++ b/themes/svrjswebsite/source/css/main.css
@@ -324,6 +324,36 @@ pre {
   color: #00ff00;
 }
 
+input {
+  max-width: 60%;
+  font-family: FreeSans, Helvetica, Arial, sans-serif;
+  background-color: #fafafa;
+  border: 1px solid #bbbbbb;
+}
+
+select {
+  background-color: #fafafa;
+  border: 1px solid #bbbbbb;
+}
+
+input:hover, submit:hover,
+input:focus, submit:focus {
+  border-color: #00b000;
+}
+
+input[type=submit] {
+  font-weight: bold;
+  color: #ffffff;
+  border: none;
+  background-color: #00b000;
+  padding: 3px 5px;
+}
+
+input[type=submit]:hover {
+  background-color: #007000;
+  cursor: pointer;
+}
+
 @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   .headname {
     margin-top: 0.06em;
@@ -406,6 +436,20 @@ pre {
     -moz-box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2);
     box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2);
   }
+
+  input, select {
+    background-color: #000000;
+    color: #ffffff;
+  }
+
+  input[type=submit] {
+    color: #ffffff;
+    background-color: #00b000;
+  }
+
+  input[type=submit]:hover {
+    background-color: #00d000;
+  }
 }
 
 @media screen and (max-width: 768px) {