From 8a6fcec1966350d26ef5b8b069d80d7bcb66eafc Mon Sep 17 00:00:00 2001 From: MattTheTekie Date: Fri, 24 Apr 2026 11:16:32 -0400 Subject: [PATCH] chore: fixes --- css/legacy.css | 37 ++++++----- css/legacy.css.bak | 160 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 180 insertions(+), 17 deletions(-) create mode 100644 css/legacy.css.bak diff --git a/css/legacy.css b/css/legacy.css index ea94b89..ff6a455 100644 --- a/css/legacy.css +++ b/css/legacy.css @@ -1,3 +1,4 @@ + /* ===== BODY (DSi/3DS SAFE) ===== */ body { background: url("http://www.veltron.net/images/wallpaper.png") no-repeat center top; @@ -30,14 +31,16 @@ width: 100%; margin: 0 auto; } -/* TOP SCREEN */ +/* ===== TOP SCREEN (FIXED RED BACKGROUND) ===== */ .top-screen { height: 160px; - background: - url("http://www.veltron.net/images/dots.png"), - linear-gradient(to bottom, #ff8080 0%, #da3636 40%, #e04343 100%); - background-repeat: repeat, no-repeat; + /* fallback base color */ + background-color: #da3636; + + /* safer separation of layers */ + background-image: url("http://www.veltron.net/images/dots.png"); + background-repeat: repeat; } /* HEADER */ @@ -45,6 +48,7 @@ width: 100%; display: block; height: 100%; text-align: center; + line-height: 160px; /* vertical centering fallback */ } @@ -61,7 +65,7 @@ padding: 6px 20px; line-height: normal; } -/* HINGE */ +/* ===== HINGE ===== */ .hinge { width: 95%; max-width: 380px; @@ -73,20 +77,19 @@ line-height: normal; border-radius: 4px; } -/* BOTTOM SCREEN */ +/* ===== BOTTOM SCREEN (SAFE GRADIENT) ===== */ .bottom-screen { height: auto; min-height: 280px; padding: 8px; - background: - url("http://www.veltron.net/images/dots.png"), - linear-gradient(200deg, #f15a5a 60%, #eb4949 90%); - background-repeat: repeat, no-repeat; + background-color: #eb4949; + background-image: linear-gradient(to bottom, #f15a5a, #eb4949); + background-repeat: no-repeat; } -/* ===== NAVIGATION (NO GRID, NO FLEX) ===== */ +/* ===== NAVIGATION (NO FLEX / NO GRID) ===== */ .nav-categories { background-color: #da3e3e; border: 1px solid #6f2020; @@ -107,7 +110,7 @@ line-height: normal; margin-bottom: 5px; } -/* SAFE 2-COLUMN LAYOUT (FLOATS) */ +/* FLOAT GRID (DSI SAFE) */ .nav-grid { display: block; overflow: hidden; @@ -122,6 +125,7 @@ line-height: normal; padding: 6px; text-align: center; + color: #e5e5f5; text-shadow: #2a2969 2px 2px 4px; @@ -154,12 +158,11 @@ line-height: normal; -webkit-overflow-scrolling: touch; } -/* ===== PATTERN BACKGROUND (SIMPLIFIED SAFE VERSION) ===== */ +/* ===== PATTERN BOX (SIMPLIFIED FOR OLD WEBKIT) ===== */ .text-containers-main-bg { background-color: #aabdff; - background-image: - repeating-linear-gradient( + background-image: repeating-linear-gradient( 45deg, #faa0a0 25%, transparent 25%, @@ -172,7 +175,7 @@ line-height: normal; border: 1px solid #a14c4c; } -/* ===== DSI MODE OVERRIDES ===== */ +/* ===== DSI MODE ===== */ body.console-dsi { font-size: 12px; } diff --git a/css/legacy.css.bak b/css/legacy.css.bak new file mode 100644 index 0000000..9cb2e04 --- /dev/null +++ b/css/legacy.css.bak @@ -0,0 +1,160 @@ +/* ===== BODY (same vibe) ===== */ +body { + background: url("http://www.veltron.net/images/wallpaper.png") no-repeat center center fixed; + background-size: cover; + font-family: "Roboto", arial, serif; + margin: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +/* ===== CONSOLE FRAME ===== */ +#console { +display: flex; +flex-direction: column; +align-items: center; +} + +/* ===== SCREENS ===== */ +.screen { + width: 360px; + border: 2px solid #6f2020; + border-radius: 14px; + overflow: hidden; +} + +/* TOP SCREEN */ +.top-screen { + height: 160px; + background: url("http://www.veltron.net/images/dots.png"), + linear-gradient(to bottom, #ff8080 0%, #da3636 40%, #e04343 100%); +} + +/* reuse your header */ +#header { +display: flex; +justify-content: center; +align-items: center; +height: 100%; +} + +#header h1 { +background: linear-gradient(to bottom, #ff8080 0%, #da3636 70%, #e04343 100%); +border: 1px solid #8d2727; +text-shadow: #2d459e 2px 2px 4px; +color: white; +padding: 6px 20px; +} + +/* HINGE */ +.hinge { + width: 380px; + height: 16px; + background: #6f2020; + margin: 4px 0; + border-radius: 4px; +} + +/* BOTTOM SCREEN */ +.bottom-screen { + height: 280px; + padding: 8px; + background: url("http://www.veltron.net/images/dots.png"), + linear-gradient(200deg, #f15a5a 60%, #eb4949 90%); +} + +/* ===== NAV (reuse style) ===== */ +.nav-categories { + background-color: #da3e3e; + border: 1px solid #6f2020; + border-radius: 8px; + padding: 5px; + margin-bottom: 8px; +} + +.nav-categories span { + display: block; + text-align: center; + background: linear-gradient(to bottom, #e4d16b 0%, #c28435 60%, #d87d2c 100%); + border: 1px solid #6f2020; + color: #fff; + margin-bottom: 5px; +} + +/* GRID INSTEAD OF SIDEBAR */ +.nav-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 5px; +} + +.nav-grid a { + text-align: center; + padding: 6px; + color: #e5e5f5; + text-shadow: #2a2969 2px 2px 4px; + background: rgba(0,0,0,0.15); + border-radius: 6px; + text-decoration: none; +} + +.nav-grid a:hover { + text-decoration: underline; +} + +/* ===== CONTENT ===== */ +.content-box { + padding: 8px; + height: 140px; + overflow-y: auto; +} + +/* reuse your pattern */ +.text-containers-main-bg { + background-color: #aabdff; + background-image: repeating-linear-gradient( + 45deg, + #faa0a0 25%, + transparent 25%, + transparent 75%, + #faa0a0 75% + ); + border: 1px solid #a14c4c; +} + + +.text-containers-main-bg { + background-color: #aabdff; + + background-image: + repeating-linear-gradient( + 45deg, + #faa0a0 25%, + transparent 25%, + transparent 75%, + #faa0a0 75%, + #faa0a0 + ), + repeating-linear-gradient( + 45deg, + #faa0a0 25%, + #faa 25%, + #faa 75%, + #faa0a0 75%, + #faa0a0 + ); + + background-position: 0 0, 26px 26px; + background-size: 52px 52px; + + border: 1px solid #a14c4c; +} + + +/* ===== DSI MODE ===== */ +body.console-dsi .screen { + width: 320px; +} +