From 32bb30b2562a81c9d25274448677045cd6edbdf1 Mon Sep 17 00:00:00 2001
From: Froge <froge@git.repo.cafe>
Date: Sun, 2 Feb 2025 22:14:29 +1000
Subject: [PATCH] Fix background styling & overflow issues on body element
---
static/main.css | 18 +++++++-----------
1 file changed, 7 insertions(+), 11 deletions(-)
diff --git a/static/main.css b/static/main.css
index 92d98cc..d2b498b 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,25 +1,21 @@
-* {
- margin: 0rem;
- padding: 0rem;
-}
-
+/* Magic fix which forces outer most element to full view size for background scaling */
html {
- color: #000000;
+ min-height: 100%;
+ min-width: 100%;
}
-/* Magic background CSS lives here */
body {
font-family: monospace;
color: #e4e4e4;
font-size: 18px;
- margin: auto;
+ margin: 5rem auto;
max-width: 57rem;
line-height: 1.4;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
- text-align: center;
- background: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(65,14,105, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0,1) 90%);
+ /* Fancy background CSS lives here */
+ background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(60,14,90, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0, 1));
}
ul {
@@ -46,12 +42,12 @@ a:hover {
}
#site-content {
- margin: 5rem auto;
padding: 1rem;
padding-bottom: 2rem;
border-radius: 1rem;
background: rgba(0,0,0, 0.7);
box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5);
+ text-align: center;
}
#ascii-header {