Naruto/Banner

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

<div style="width: 100%; margin: 0 0 14px 0; border: 2px solid #EC7124;">
<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;">![[330px-Naruto_logo.webp|100px|link=Naruto|alt=NARUTO]]</div>

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

<span class="nr-home">[[Naruto/Home|Home]]</span>

<span class="nr-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="nr-label" tabindex="0" role="button">Series Info ▾</span>
<span class="nr-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 215px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #EC7124; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="nr-group">Manga</span>[[Naruto|Original Manga]] [[Boruto: Naruto Next Generations|Boruto Manga]] [[Sasuke Retsuden]] [[Konoha Shinden]] [[Naruto/Volumes|List of Volumes]]<span class="nr-group">Anime</span>[[Naruto (anime)|Original Anime]] [[Naruto: Shippūden]] [[Boruto: Naruto Next Generations (anime)|Boruto Anime]] [[Naruto/Episodes|List of Episodes]]<span class="nr-group">Other media</span>[[Naruto/Light Novels|Light Novels]] [[Naruto/Movies|Movies]] [[Naruto/Video Games|Video Games]]</span></span>

<span class="nr-item" style="position: relative; align-self: stretch; display: flex; align-items: center;"><span class="nr-label" tabindex="0" role="button">Setting ▾</span>
<span class="nr-menu" style="position: absolute; top: 100%; left: 0; z-index: 100; min-width: 215px; background: #000; border: 1px solid #2a2a2a; border-top: 2px solid #EC7124; box-shadow: 0 8px 20px rgba(0,0,0,0.6); padding: 5px 0;" darkstyle="border-color: #48484a;"><span class="nr-group">Characters</span>[[Naruto/Naruto Uzumaki|Naruto Uzumaki]] [[Naruto/Sasuke Uchiha|Sasuke Uchiha]] [[Naruto/Sakura Haruno|Sakura Haruno]] [[Naruto/Kakashi Hatake|Kakashi Hatake]] [[Naruto/Boruto Uzumaki|Boruto Uzumaki]] [[Naruto/Kawaki|Kawaki]] [[Naruto/Sarada Uchiha|Sarada Uchiha]] [[Naruto/Characters|All Characters]]<span class="nr-group">Jutsu</span>[[Naruto/Jutsu|All Jutsu]] [[Naruto/Jutsu Types|Jutsu Types]] [[Naruto/Jutsu Natures|Jutsu Natures]] [[Naruto/Kekkei Genkai|Kekkei Genkai]]<span class="nr-group">Groups</span>[[Naruto/Clans|Clans]] [[Naruto/Tailed Beasts|Tailed Beasts]] [[Naruto/Akatsuki|Akatsuki]] [[Naruto/Kara|Kara]] [[Naruto/Teams|Teams]]<span class="nr-group">World</span>[[Naruto/Tools|Tools]] [[Naruto/World|World]]</span></span>

</div>

</div>
</div>