MediaWiki:Common.css: Difference between revisions
From Artifacts of Capitalism
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* ────────────────────────────────────────────── | ||
1) | 1) Remove any background from *all* Chameleon navbars | ||
────────────────────────────────────────────── */ | |||
.skin-chameleon .p-navbar { | .skin-chameleon .p-navbar { | ||
background: none !important; | background: none !important; | ||
} | } | ||
/* | /* ────────────────────────────────────────────── | ||
2) | 2) Re-apply your ribbon *only* to the header navbar | ||
────────────────────────────────────────────── */ | |||
.skin-chameleon .p-navbar | .skin-chameleon .p-header .p-navbar { | ||
/* | /* parchment-beige fallback */ | ||
background-color: #f0ebe3 !important; | background-color: #f0ebe3 !important; | ||
/* ribbon | |||
/* 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 | |||
min-height: 124px !important; | /* make room for the graphic’s height */ | ||
min-height: 124px !important; | |||
} | } | ||
/* | /* ────────────────────────────────────────────── | ||
3) Push | 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;
}