split styles.css and guestbook.css, cleaned up the site

2 files changed, 60 insertions, 69 deletions

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;
+}
diff --git a/static/css/styles.css b/static/css/styles.css
index c49e851..bcc7969 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -89,40 +89,7 @@ img {
   max-height: var(--content-width);
 }
 
-h1, h2, h3, h4, h5, h6 { color: var(--color-1); }
-
-header h1 { color: var(--color-0); }
-
-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);}
+h1, h2, h3, h4, h5, h6 { color: var(--color-0); }
 
 #top {
   position: absolute;
@@ -134,14 +101,8 @@ input:hover, textarea:hover {border: 1px solid var(--color-1);}
   border-bottom: 1px solid var(--color-0);
 }
 
-#site-header h1 { font-size: 1.2em; }
-#site-header h1 a { 
-  background-color: var(--color-0);
-  color: var(--bg-0);
-  padding: 0.2em 0.4em;
-  text-decoration: none;
-}
-#site-header h1 a:hover { background-color: var(--color-1); }
+#site-header h1 { font-size: 1.4em; }
+#site-header h1 a { text-decoration: none; }
 
 #nav-active-link { color: var(--fg-0); }
 nav ul {
@@ -183,30 +144,3 @@ ol#post-index a {
 ol#post-index time { color: var(--color-1); }
 
 ol#post-index a:visited { color: var(--fg-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;
-}