Star Wars/Banner

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

<div style="width: 100%; margin: 0 0 14px 0; border: 2px solid #FFE81F;">
<div style="background: #000; padding: 12px 16px 4px 16px;">![[star_wars_logo_single_line.svg|220px|link=Star Wars/Home|alt=STAR WARS]]</div>
<div style="background: #000; padding: 0 16px; display: flex; align-items: stretch; gap: 16px; flex-wrap: wrap; min-height: 44px;">

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

<span class="sw-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sw-label" tabindex="0" role="button">Skywalker saga ▾</span>
<span class="sw-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 185px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #FFE81F; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;">[[The Phantom Menace]] [[Attack of the Clones]] [[Revenge of the Sith]] [[A New Hope]] [[The Empire Strikes Back]] [[Return of the Jedi]] [[The Force Awakens]] [[The Last Jedi]] [[The Rise of Skywalker]]</span></span>

<span class="sw-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sw-label" tabindex="0" role="button">Standalone films ▾</span>
<span class="sw-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 235px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #FFE81F; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="sw-group">Canon</span>[[The Clone Wars (film)|The Clone Wars]] [[Rogue One]] [[Solo]] [[Star Wars: The Mandalorian and Grogu|The Mandalorian and Grogu]] [[Starfighter]] [[New Republic Era film (Filoni)]] [[New Jedi Order film (Obaid-Chinoy)]] [[Dawn of the Jedi film (Mangold)]] [[Lando]]<span class="sw-group">Legends</span>[[Caravan of Courage]] [[The Battle for Endor]] [[The Star Wars Holiday Special]]</span></span>

<span class="sw-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sw-label" tabindex="0" role="button">Live-action series ▾</span>
<span class="sw-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 185px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #FFE81F; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;">[[Star Wars: The Mandalorian|The Mandalorian]] [[Jedi Temple Challenge]] [[The Book of Boba Fett]] [[Obi-Wan Kenobi]] [[Star Wars: Andor|Andor]] [[Ahsoka]] [[The Acolyte]] [[Skeleton Crew]]</span></span>

<span class="sw-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sw-label" tabindex="0" role="button">Animated series ▾</span>
<span class="sw-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 205px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #FFE81F; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="sw-group">Canon</span>[[The Clone Wars]] [[Rebels]] [[Resistance]] [[The Bad Batch]] [[Tales]] [[Young Jedi Adventures]] [[Maul - Shadow Lord]]<span class="sw-group">Legends</span>[[Droids]] [[Ewoks]] [[Clone Wars]] [[The Clone Wars (Legends)|The Clone Wars]]<span class="sw-group">Visions</span>[[Star Wars: Visions|Visions]]</span></span>

<span class="sw-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sw-label" tabindex="0" role="button">Games ▾</span>
<span class="sw-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 215px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #FFE81F; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;">[[Board games]] [[Card games]] [[Miniatures games]] [[Roleplaying games]] [[Real-world attractions]] [[Virtual reality games]]<span class="sw-group">Video games</span>[[X-Wing/TIE Fighter]] [[Dark Forces/Jedi Knight]] [[Knights of the Old Republic]] [[Battlefront]] [[The Force Unleashed]] [[The Old Republic]] [[Jedi series]] [[LEGO games]]</span></span>

<span class="sw-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="sw-label" tabindex="0" role="button">Literature ▾</span>
<span class="sw-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 175px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #FFE81F; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;">[[Audiobooks]] [[Comics]] [[Cookbooks]] [[Game books]] [[Magazines]] [[Music books]] [[Reference books]] [[Short stories]] [[Novels]] [[Young readers]]</span></span>

</div>

</div>
</div>