MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* === Holdfast Banner - Left 40% of Header === */
:root { --hf-banner-h: 150px; }  /* Adjust height as needed */

/* Works for both Vector & Vector-2022 */
#mw-head,
.vector-header-container {
  background:
    /* layer 1: Holdfast banner image */
    url("/Special:FilePath/BannerImage.png") left top no-repeat,
    /* layer 2: smooth fade into page background */
    linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(225,220,206,1) 100%);
  background-size:
    40vw var(--hf-banner-h),  /* banner width = 40% of viewport */
    100% var(--hf-banner-h);  /* gradient width covers header */
  background-position: left top, left top;
  background-repeat: no-repeat, no-repeat;
  min-height: var(--hf-banner-h);
  border-bottom: 0;
}

/* remove any default color strips */
#mw-page-base, #mw-head-base { background: transparent !important; }

/* ensure the body background matches your parchment tone */
body {
  background-color: #E1DCCE;
}