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