kitten/SplatNet
Watch
0
0
Fork
You've already forked SplatNet
 0
forked from spacebar/SplatNet
Code Pull requests Activity

changes to resemble https://www.youtube.com/watch?v=-vnySQrbzL0&list=LL&index=3

Browse source
This commit is contained in:
kittentm 2026-02-03 04:19:38 +01:00
commit 3ca8dcecff
2 changed files with 74 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

87
stages/styles.css
View file

@ -39,7 +39,7 @@ body {
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 60px 0 0;
padding: 40px 0;
box-sizing: border-box;
}
@ -63,7 +63,7 @@ body {
.stages-container {
width: 100%;
max-width: 500px;
max-width: 1000px;
display: flex;
flex-direction: column;
gap: 32px;
@ -73,38 +73,79 @@ body {
.stages-section {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
gap: 16px;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 14px;
padding: 16px 18px 20px;
padding: 24px;
box-sizing: border-box;
}
.mode-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
}
.mode-title {
display: block;
max-width: 160px;
height: auto;
margin: 80px;
margin-left: -20px;
}
.mode-text {
margin: 0;
text-align: left;
color: white;
font-family: "Splatoon1", sans-serif;
font-size: 44px;
letter-spacing: 1.2px;
user-select: none;
margin-left: -60px;
}
.stages {
display: flex;
flex-direction: column;
gap: 16px;
flex-direction: row;
gap: 20px;
width: 100%;
justify-content: center;
}
.stage-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.stages img {
width: 100%;
max-width: 450px;
height: auto;
display: block;
margin-bottom: 10px;
}
.stage-title {
font-family: "Regular", sans-serif;
text-align: center;
margin-top: 6px;
font-size: 28px;
color: white;
}
.stages img {
width: 100%;
height: auto;
display: block;
margin: 20px 0;
margin: 0;
margin-bottom: 80px;
}
.ranked-mode-labels {
text-align: center;
margin-bottom: 12px;
margin-top: -40px;
}
.battle-mode-text {
@ -138,24 +179,6 @@ body {
margin-top: 40px;
}
.mode-title {
display: block;
margin: 4px auto;
max-width: 166px;
width: 80%;
height: auto;
}
.mode-text {
margin: 0 0 28px;
text-align: center;
color: white;
font-family: "Splatoon1", sans-serif;
font-size: 44px;
letter-spacing: 1.2px;
user-select: none;
}
.loading-overlay {
position: fixed;
top: 50%;