|
|
| Line 618: |
Line 618: |
| z-index: 10 !important; | | z-index: 10 !important; |
| margin-top: 48px !important; /* Push it down below the beige header bar */ | | margin-top: 48px !important; /* Push it down below the beige header bar */ |
| }
| |
| /* --- 17. Custom Top-Left Logo Background Banner --- */
| |
| /* Use the newly generated custom background image that only has art in the top-left corner,
| |
| and make the rest of the body a matching solid beige canvas so it blends seamlessly. */
| |
| body {
| |
| background: url('/resources/assets/header_bg_valen.png') left top no-repeat !important;
| |
| background-color: #e1d5be !important; /* Authentic OSRS beige outer canvas color */
| |
| background-size: auto 160px; /* Constrain the height so it doesn't bleed down too far, adjust as needed */
| |
| }
| |
| /* --- 18. Mystical Shared Header Banner --- */
| |
| /* Remove legacy vector page fade/clouds on #mw-page-base */
| |
| #mw-page-base {
| |
| background-image: none !important;
| |
| }
| |
|
| |
| /* Apply the full-width mystical background behind both the logo and the header */
| |
| body {
| |
| background: url('/resources/assets/mystical_header.png') center top no-repeat !important;
| |
| background-color: #e1d5be !important; /* Outer canvas color */
| |
| background-size: 100% 180px !important; /* Stretch horizontally across the header height */
| |
| } | | } |
| /* --- 19. Fix Header Banner & Solid Body Canvas --- */ | | /* --- 19. Fix Header Banner & Solid Body Canvas --- */ |