MediaWiki:Common.css: Difference between revisions

From Artifacts of Capitalism
No edit summary
No edit summary
Line 1: Line 1:
/* ———————————————
/* ──────────────────────────────────────────────
   1) Clear every navbar background by default
   1) Remove any background from *all* Chameleon navbars
   ——————————————— */
   ────────────────────────────────────────────── */
.skin-chameleon .p-navbar {
.skin-chameleon .p-navbar {
   background: none !important;
   background: none !important;
}
}


/* ———————————————
/* ──────────────────────────────────────────────
   2) Only style the first (top) navbar
   2) Re-apply your ribbon *only* to the header navbar
   ——————————————— */
   ────────────────────────────────────────────── */
.skin-chameleon .p-navbar:first-of-type {
.skin-chameleon .p-header .p-navbar {
   /* parchment‐beige fallback */
   /* parchment-beige fallback */
   background-color: #f0ebe3 !important;
   background-color: #f0ebe3 !important;
   /* ribbon graphic */
 
   /* 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;
   /* make room for its height */
 
   min-height: 124px !important;
   /* make room for the graphic’s height */
   min-height: 124px     !important;
}
}


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

Revision as of 15:58, 14 July 2025

/* ──────────────────────────────────────────────
   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;
}