MediaWiki:Common.css: Difference between revisions

From Artifacts of Capitalism
No edit summary
No edit summary
Line 1: Line 1:
/* ──────────────────────────────────────────────
/* ── Ribbon & parchment‐beige behind whichever navbar you’re using ── */
  1) Remove any background from *all* Chameleon navbars
.skin-chameleon .navbar.cmln-navbar,
  ────────────────────────────────────────────── */
.skin-chameleon .p-navbar {
.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;
   background-color: #f0ebe3 !important;
  /* your ribbon image */
   background-image: url("/images/ribbon.png") !important;
   background-image: url("/images/ribbon.png") !important;
   background-repeat:   no-repeat       !important;
   background-repeat:   no-repeat !important;
   background-position: center top     !important;
   background-position: center top !important;
   background-size:     cover           !important;
   background-size:     cover       !important;
 
   min-height:         124px       !important;
  /* make room for the graphic’s height */
   min-height: 124px     !important;
}
}


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

Revision as of 16:00, 14 July 2025

/* ── Ribbon & parchment‐beige behind whichever navbar you’re using ── */
.skin-chameleon .navbar.cmln-navbar,
.skin-chameleon .p-navbar {
  background-color: #f0ebe3 !important;
  background-image: url("/images/ribbon.png") !important;
  background-repeat:   no-repeat  !important;
  background-position: center top !important;
  background-size:     cover       !important;
  min-height:          124px       !important;
}

/* ── Shift your page body down so it sits below the ribbon ── */
.skin-chameleon .navbar.cmln-navbar .container,
.skin-chameleon .o-main {
  padding-top: 130px !important;
}