MediaWiki:Common.css: Difference between revisions

From Artifacts of Capitalism
No edit summary
No edit summary
Line 1: Line 1:
/* ── Ribbon behind the navbar (Chameleon v3) ── */
/* ———————————————
  1) Clear every navbar background by default
  ——————————————— */
.skin-chameleon .p-navbar {
.skin-chameleon .p-navbar {
  background: none !important;
}
/* ———————————————
  2) Only style the first (top) navbar
  ——————————————— */
.skin-chameleon .p-navbar:first-of-type {
   /* 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 */
   /* room for the graphic’s height */
   min-height: 124px !important;
   min-height: 124px !important;
}
}


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

Revision as of 15:57, 14 July 2025

/* ———————————————
   1) Clear every navbar background by default
   ——————————————— */
.skin-chameleon .p-navbar {
  background: none !important;
}

/* ———————————————
   2) Only style the first (top) navbar
   ——————————————— */
.skin-chameleon .p-navbar:first-of-type {
  /* parchment‐beige fallback */
  background-color: #f0ebe3 !important;
  /* ribbon graphic */
  background-image: url("/images/ribbon.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  /* make room for its height */
  min-height: 124px !important;
}

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