cry/wa2k.com
1
0
Fork 0
forked from UniverseBow/wa2k.com-Website
Code Pull requests Activity

blah blah

Browse source
This commit is contained in:
UniverseBow 2026-03-15 16:28:54 -07:00
parent b22976bf85
commit e2c343c49d
2 changed files with 80 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

33
www/style.css
View file

@ -3,10 +3,11 @@
body {
min-height: 100vh;
display: flex;
flex-direction: column; /* Stack banner and card top to bottom */
align-items: center; /* Keep card horizontally centered */
justify-content: flex-start; /* Stack from the top rather than centering vertically */
flex-direction: column;
align-items: center;
justify-content: flex-start;
background: #0a0e1a url('background.png') center/cover no-repeat;
overflow-x: hidden;
}
.banner {
@ -104,17 +105,35 @@ p {
color: rgba(255, 255, 255, 0.52); /* Dimmed white — secondary text hierarchy */
}
/* ── Nav pill wrapper — fixed to top of viewport ── */
/* ── Nav pill wrapper — sits below banner, pins to top on scroll ── */
.nav-wrap {
align-self: stretch; /* Override body align-items:center — makes this child full width */
display: flex;
justify-content: center; /* Centre the pill inside the full-width container */
padding: 8px 0;
}
.nav-wrap.pinned {
position: fixed;
top: 16px;
left: 50%;
transform: translateX(-50%);
top: 0;
left: 0;
right: 0;
z-index: 100;
padding: 8px 0;
display: flex;
justify-content: center;
}
.nav-placeholder {
display: none;
align-self: stretch;
height: 60px;
}
.nav-placeholder.visible {
display: block;
}
/* ── The pill itself ── */
.nav-pill {
width: 160px;