MediaWiki:Common.css

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ──────────────────────────────────────────────
   1) Remove any background from *all* Chameleon navbars
   ────────────────────────────────────────────── */
.skin-chameleon .p-navbar {
  background: none !important;
}

/* ──────────────────────────────────────────────
   2) Re-apply your ribbon *only* to the header navbar
   ────────────────────────────────────────────── */
.skin-chameleon .p-header .p-navbar {
  /* parchment-beige fallback */
  background-color: #f0ebe3 !important;

  /* your ribbon image */
  background-image: url("/images/ribbon.png") !important;
  background-repeat:    no-repeat       !important;
  background-position:  center top      !important;
  background-size:      cover           !important;

  /* make room for the graphic’s height */
  min-height: 124px     !important;
}

/* ──────────────────────────────────────────────
   3) Push the page content down so it sits below that header ribbon
   ────────────────────────────────────────────── */
.skin-chameleon .o-main {
  padding-top: 130px    !important;
}