From 1f1a6a9cf86abae5e7523050f26cbfa5bfa41e89 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Fri, 6 Feb 2026 17:30:49 +0530
Subject: split styles.css and guestbook.css, cleaned up the site

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

(limited to 'static/css/guestbook.css')

diff --git a/static/css/guestbook.css b/static/css/guestbook.css
new file mode 100644
index 0000000..39da00b
--- /dev/null
+++ b/static/css/guestbook.css
@@ -0,0 +1,57 @@
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 1.2em;
+  margin: 1.5em auto;
+}
+
+input::placeholder, textarea::placeholder { color: var(--fg-1); }
+
+input, textarea {
+  background-color: var(--bg-0);
+  color: var(--fg-0);
+  border: 1px solid var(--color-0);
+  padding: 0.6em 0.6em;
+  font-size: 1rem;
+  width: 100%;
+}
+
+textarea {
+  resize: none;
+}
+
+input[type=submit] {
+  width: 12em;
+  font-size: 0.8em;
+  padding: 1em;
+  cursor: pointer;
+}
+
+input:hover, textarea:hover {border: 1px solid var(--color-1);}
+
+.form-entry {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4em;
+}
+
+.form-entry:has(input[type=submit]) {
+  flex-direction: row;
+  justify-content: flex-end;
+}
+
+.guestbook-entry {
+  background-color: var(--bg-1);
+  border-radius: 1em;
+  padding: 0.1em 0.8em;
+  margin: 2em auto;
+}
+
+.guestbook-entry-name {
+  font-size: 1.4em;
+  color: var(--color-1);
+}
+
+.guestbook-entry time {
+  font-size: 0.9em;
+}
-- 
cgit v1.2.3