Stellar Blade/Banner

<style>
.sb-item .sb-menu { display: none; }
.sb-item:hover .sb-menu, .sb-item:focus-within .sb-menu { display: block; }
.sb-label { color: rgba(255,255,255,0.9); transition: color 0.15s; cursor: pointer; outline: none; }
.sb-item:hover .sb-label, .sb-item:focus-within .sb-label { color: #fff; }
.sb-home a { color: rgba(255,255,255,0.9); text-decoration: none; transition: color 0.15s; }
.sb-home a:hover { color: #C8CDD4; }
.sb-menu p { margin: 0; }
.sb-menu a { display: block; padding: 8px 16px; font-size: 0.9em; color: rgba(255,255,255,0.85); text-decoration: none; white-space: nowrap; }
.sb-menu a:hover { background: #1a1a1a; color: #C8CDD4; }
.sb-group { display: block; padding: 8px 16px 4px 16px; font-size: 0.72em; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #C8CDD4; border-bottom: 1px solid #2a2a2a; }
.sb-group + a { margin-top: 2px; }
@dark { .sb-group { border-color: #48484a; } }
</style>

<div style="width: 100%; margin: 0 0 14px 0;">
<div style="background: #111; padding: 6px 16px; display: flex; align-items: center;">
<span style="display: flex; align-items: center;">![[shiftup-logo-white.png|70px|link=Shift Up]]</span>
</div>
<div style="background: #000; padding: 0 16px; display: flex; align-items: stretch; gap: 16px; flex-wrap: wrap; min-height: 54px;">

<div style="display: flex; align-items: center;">![[StellarBlade-logo.webp|130px|link=Stellar Blade]]</div>

<div style="display: flex; gap: 15px; font-size: 0.84em; flex-wrap: wrap; align-items: center; flex: 1;">

<span class="sb-home" style="align-self: center;">[[Stellar Blade/Home|Home]]</span>

<span class="sb-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sb-label" tabindex="0" role="button">Games ▾</span>
<span class="sb-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 215px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #8A9199; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="sb-group">Series</span>[[Stellar Blade]] [[Stellar Blade: Blood Rain]]<span class="sb-group">Expansions</span>[[Stellar Blade/Downloadable Content|All Downloadable Content]] [[Stellar Blade/NieR Automata Collaboration|NieR:Automata Collaboration]] [[Stellar Blade/NIKKE Collaboration|NIKKE Collaboration]]<span class="sb-group">Guide</span>[[Stellar Blade/Outfits|Outfits]] [[Stellar Blade/Bosses|Bosses]] [[Stellar Blade/Endings|Endings]]</span></span>

<span class="sb-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sb-label" tabindex="0" role="button">Characters ▾</span>
<span class="sb-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 215px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #8A9199; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="sb-group">7th Airborne Squad</span>[[Stellar Blade/Eve|Eve]] [[Stellar Blade/Tachy|Tachy]]<span class="sb-group">Earth</span>[[Stellar Blade/Adam|Adam]] [[Stellar Blade/Lily|Lily]] [[Stellar Blade/Orcal|Orcal]] [[Stellar Blade/Enya|Enya]]<span class="sb-group">Antagonists</span>[[Stellar Blade/Raven|Raven]] [[Stellar Blade/Mother Sphere|Mother Sphere]]<span class="sb-group">All</span>[[Stellar Blade/Characters|All Characters]]</span></span>

<span class="sb-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sb-label" tabindex="0" role="button">World ▾</span>
<span class="sb-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 215px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #8A9199; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="sb-group">Peoples</span>[[Stellar Blade/Naytiba|Naytiba]] [[Stellar Blade/Andro-Eidos|Andro-Eidos]] [[Stellar Blade/7th Airborne Squad|7th Airborne Squad]]<span class="sb-group">Locations</span>[[Stellar Blade/Xion|Xion]] [[Stellar Blade/Eidos 7|Eidos 7]] [[Stellar Blade/The Colony|The Colony]] [[Stellar Blade/Matrix 11|Matrix 11]]<span class="sb-group">Technology</span>[[Stellar Blade/Exospine|Exospines]] [[Stellar Blade/Hyper Cell|Hyper Cells]] [[Stellar Blade/Tachyon Blade|Tachyon Blade]]</span></span>

</div>

</div>
</div>