/* Biffin Boy's per-game banner art. Load after main.css (and dark.css). Each game page sets a class on

; index.html keeps the template banner. Same layering as main.css: two overlay textures, then the photo (cover). Paths are relative to this file (assets/css/ -> ../../images/). Sources: banner-valheim.jpg - Steam store library hero, app 892970 (Valheim) banner-palworld.jpg - Steam store library hero, app 1623730 (Palworld) banner-skyrim.jpg - Steam store library hero, app 489830 (Skyrim Special Edition) rom2banner.jpg - existing site image (Rage of Mages II: Necromancer art) */ #banner.banner-valheim { background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/banner-valheim.jpg"); background-position: top left, top left, 65% center; } #banner.banner-palworld { background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/banner-palworld.jpg"); background-position: top left, top left, center center; } #banner.banner-skyrim { background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/banner-skyrim.jpg"); background-position: top left, top left, center center; } #banner.banner-rom2 { background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/rom2banner.jpg"); background-position: top left, top left, center 30%; } #banner.banner-valheim, #banner.banner-palworld, #banner.banner-skyrim, #banner.banner-rom2 { background-repeat: repeat, repeat, no-repeat; background-size: auto, auto, cover; } /* Optional: hide the big site title block (#header: "Biffin Boy's" + game logo). Add class="no-site-title" to to use it; remove the class to bring the title back. The nav, theme toggle and mobile titleBar are not affected. */ body.no-site-title #header { display: none; }