MediaWiki:Common.css: Difference between revisions
From Artifacts of Capitalism
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
.navbar.cmln-navbar .container { | .navbar.cmln-navbar .container { | ||
padding-top: 130px; | padding-top: 130px; | ||
} | |||
/* ── Top “ribbon” behind the navbar ── */ | |||
.skin-chameleon .p-navbar { | |||
background-color: #f0ebe3 !important; /* parchment-beige fallback */ | |||
background-image: url("/skins/chameleon/resources/images/ribbon.png") !important; | |||
background-repeat: no-repeat !important; | |||
background-position: center top !important; | |||
background-size: cover !important; | |||
} | |||
/* ── Bottom “ribbon” above the footer ── */ | |||
.skin-chameleon footer#footer { | |||
background-color: transparent !important; | |||
background-image: url("/skins/chameleon/resources/images/ribbon.png") !important; | |||
background-repeat: no-repeat !important; | |||
background-position: center bottom !important; | |||
background-size: cover !important; | |||
padding-top: 120px; /* make room for the ribbon—adjust as needed */ | |||
} | } | ||
Revision as of 15:39, 14 July 2025
/* === Change the top “ribbon” / navbar background image === */
.navbar.cmln-navbar {
background-color: #c29b6d !important;
background-image: url("/images/ribbon.png");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
min-height: 124px;
}
/* Adjust padding so content appears below the ribbon */
.navbar.cmln-navbar .container {
padding-top: 130px;
}
/* ── Top “ribbon” behind the navbar ── */
.skin-chameleon .p-navbar {
background-color: #f0ebe3 !important; /* parchment-beige fallback */
background-image: url("/skins/chameleon/resources/images/ribbon.png") !important;
background-repeat: no-repeat !important;
background-position: center top !important;
background-size: cover !important;
}
/* ── Bottom “ribbon” above the footer ── */
.skin-chameleon footer#footer {
background-color: transparent !important;
background-image: url("/skins/chameleon/resources/images/ribbon.png") !important;
background-repeat: no-repeat !important;
background-position: center bottom !important;
background-size: cover !important;
padding-top: 120px; /* make room for the ribbon—adjust as needed */
}