From d4e257a3b7a4c82467f9d23f2031fafbbcfb0a55 Mon Sep 17 00:00:00 2001 From: KittenTM Date: Sat, 31 Jan 2026 04:27:23 +0100 Subject: [PATCH] publish --- header.html | 42 ++++++++++++++++++++++++++++++++++++--- style.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 96 insertions(+), 3 deletions(-) create mode 100644 style.css diff --git a/header.html b/header.html index 4467776..4c7f23e 100644 --- a/header.html +++ b/header.html @@ -1,3 +1,39 @@ -
- -
\ No newline at end of file + + + + + sidebar + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..3967894 --- /dev/null +++ b/style.css @@ -0,0 +1,57 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + background: black; +} + +.splatnet-sidebar { + width: 400px; + padding: 30px 20px; +} + +.menu-item { + position: relative; + height: 72px; + margin-bottom: 20px; + + display: flex; + align-items: center; + gap: 18px; + + padding-left: 36px; +} + +.menu-item .bg { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: contain; + object-position: center; + z-index: 0; +} + +.menu-item .icon { + width: 42px; + height: 42px; + z-index: 1; + object-fit: contain; +} + +.menu-item .label { + height: 32px; + z-index: 1; +} + +/* this text renders smaller for some reason, hardcode fix!!!*/ +.menu-item.equipment .label { + height: 70px; + margin-top: 0px; +} + +.menu-item.friend .label { margin-top: 1px; } +.menu-item.rank { margin-top: 3px; } +.menu-item.stage .label { margin-top: 3px; } \ No newline at end of file