From 4cceaab338677808aa80a01e504ad395aa366928 Mon Sep 17 00:00:00 2001 From: KittenTM Date: Tue, 3 Feb 2026 05:09:16 +0100 Subject: [PATCH] replace stage info image with SVG layers and update styles for better layout --- assets/en/stageinfo.png | Bin 20917 -> 0 bytes stages/index.html | 10 +++- stages/styles.css | 102 ++++++++++++++++++++++++++++------------ 3 files changed, 80 insertions(+), 32 deletions(-) delete mode 100644 assets/en/stageinfo.png diff --git a/assets/en/stageinfo.png b/assets/en/stageinfo.png deleted file mode 100644 index cedd13fd26cc24a91fa02dab83a62007c5040950..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 20917 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
- Stage Info + +
+ +
+
Use the stage information to guide your weapon strategy and battle strategy!
diff --git a/stages/styles.css b/stages/styles.css index 719c40f..cdc29da 100644 --- a/stages/styles.css +++ b/stages/styles.css @@ -12,13 +12,14 @@ font-style: normal; } -html { +html, body { height: 100%; + margin: 0; + padding: 0; + overflow-x: hidden; } body { - margin: 0; - padding: 0; display: flex; align-items: flex-start; min-height: 100vh; @@ -32,6 +33,7 @@ body { display: flex; width: 100%; background: transparent; + overflow-x: hidden; } .content { @@ -39,8 +41,9 @@ body { display: flex; flex-direction: column; align-items: center; - padding: 40px 0; + padding: 30px 0; box-sizing: border-box; + max-width: 100vw; } .stage-info { @@ -57,16 +60,16 @@ body { text-align: center; color: white; font-family: "Regular", sans-serif; - font-size: 40px; - line-height: 1.4; + font-size: 34px; + line-height: 1.3; } .stages-container { width: 100%; - max-width: 1000px; + max-width: 900px; display: flex; flex-direction: column; - gap: 32px; + gap: 28px; padding-bottom: 40px; } @@ -74,11 +77,11 @@ body { display: flex; flex-direction: column; align-items: center; - gap: 16px; + gap: 14px; width: 100%; background-color: rgba(0, 0, 0, 0.7); border-radius: 14px; - padding: 24px; + padding: 20px; box-sizing: border-box; } @@ -93,21 +96,19 @@ body { .mode-title { display: block; - max-width: 160px; + max-width: 120px; height: auto; - margin: 80px; - margin-left: -20px; + margin: 20px; } .mode-text { margin: 0; - margin-left: -60px; display: flex; align-items: center; } .mode-text img { - height: 88px; + height: 60px; width: auto; display: block; } @@ -115,7 +116,7 @@ body { .stages { display: flex; flex-direction: row; - gap: 20px; + gap: 18px; width: 100%; justify-content: center; } @@ -125,11 +126,11 @@ body { display: flex; flex-direction: column; align-items: center; + max-width: 400px; } .stages img { width: 100%; - max-width: 450px; height: auto; display: block; margin-bottom: 10px; @@ -138,16 +139,15 @@ body { .stage-title { font-family: "Regular", sans-serif; text-align: center; - font-size: 28px; + font-size: 22px; color: white; - margin: 0; - margin-bottom: 80px; + margin: 0 0 15px 0; } .ranked-mode-labels { text-align: center; - margin-bottom: 12px; - margin-top: -40px; + margin-bottom: 10px; + margin-top: 0; } .battle-mode-text { @@ -157,7 +157,7 @@ body { } .battle-mode-text img { - height: 70px; + height: 55px; width: auto; display: block; } @@ -165,24 +165,24 @@ body { .ranked-mode-text { font-family: "Regular", sans-serif; color: white; - font-size: 25px; - letter-spacing: 0.8px; + font-size: 22px; + letter-spacing: 0.7px; } .rotation-time { text-align: center; color: white; font-family: "Regular", sans-serif; - font-size: 33px; - margin: 36px 0 12px 0; - letter-spacing: 0.8px; + font-size: 28px; + margin: 28px 0 10px 0; + letter-spacing: 0.7px; } .error-message { color: white; font-family: "Splatoon1", sans-serif; text-align: center; - margin-top: 40px; + margin-top: 30px; } .loading-overlay { @@ -212,7 +212,7 @@ body { left: 0; width: 100%; height: 100vh; - overflow: visible; + overflow: hidden; pointer-events: none; z-index: 0; } @@ -250,6 +250,46 @@ body { height: 35px; width: auto; display: block; - user-select: none; +} + +.logo-left-align { + display: flex; + justify-content: flex-start; + width: 100%; + margin-bottom: 20px; + margin-left: 40px; +} + +#stage-header-logo { + position: relative; + width: 400px; + height: 80px; + cursor: default; pointer-events: none; +} + +#stage-header-logo .bg-layer { + width: 400px; + height: auto; + position: relative; + display: block; +} + +#stage-header-logo .icon-layer { + position: absolute; + width: 65px; + left: 10px; + top: 50%; + transform: translateY(-50%); + z-index: 2; + margin-left: 10px; +} + +#stage-header-logo .label-layer { + position: absolute; + width: 200px; + left: 110px; + top: 45%; + transform: translateY(-50%); + z-index: 2; } \ No newline at end of file