MediaWiki:Common.css: Difference between revisions

From Artifacts of Capitalism
No edit summary
No edit summary
Line 1: Line 1:
/* === Change the top “ribbon” / navbar background image === */
/* === Ribbon behind the navbar === */
.navbar.cmln-navbar {
.skin-chameleon .navbar.cmln-navbar {
     background-color: #c29b6d !important;
    /* parchment-beige fallback */
     background-image: url("/images/ribbon.png");
     background-color: #f0ebe3 !important;
     background-repeat: no-repeat;
 
     background-position: center top;
    /* your ribbon image – adjust path if you stored it elsewhere */
     background-size: cover;
     background-image: url("/images/ribbon.png") !important;
    min-height: 124px;
 
}
     background-repeat: no-repeat !important;
     background-position: center top !important;
     background-size: cover !important;


/* Adjust padding so content appears below the ribbon */
    /* keep enough height for the ribbon graphic */
.navbar.cmln-navbar .container {
     min-height: 124px !important;
     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 ── */
/* === Push page content down so it sits below the ribbon === */
.skin-chameleon footer#footer {
.skin-chameleon .navbar.cmln-navbar .container {
  background-color: transparent !important;
    padding-top: 130px !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 */
}
/* ── Top ribbon behind the navbar ── */
.skin-chameleon .p-navbar {
  /* Make background transparent so the ribbon shows */
  background-color: transparent !important;
  /* Point to wherever you stored ribbon.png */
  background-image: url("/skins/chameleon/resources/images/ribbon.png") !important;
  /* Or, if you put it in your wiki’s /images folder:
    background-image: url("/images/ribbon.png") !important;
  */
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
}
}

Revision as of 15:48, 14 July 2025

/* === Ribbon behind the navbar === */
.skin-chameleon .navbar.cmln-navbar {
    /* parchment-beige fallback */
    background-color: #f0ebe3 !important;

    /* your ribbon image – adjust path if you stored it elsewhere */
    background-image: url("/images/ribbon.png") !important;

    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;

    /* keep enough height for the ribbon graphic */
    min-height: 124px !important;
}

/* === Push page content down so it sits below the ribbon === */
.skin-chameleon .navbar.cmln-navbar .container {
    padding-top: 130px !important;
}