MediaWiki:Bhcvectorbrand-footer-css: Difference between revisions

Created page with "Optional extra CSS for footer only: Tip: body.bhc-branding .bhc-footer { ... }: body.bhc-branding .bhc-footer-meta, body.bhc-branding .bhc-footer-license { font-size: 0.9em; color: #444; margin-bottom: 0.5rem; } body.bhc-branding .bhc-footer-links { margin-top: 0.75rem; } body.bhc-branding .bhc-footer-links ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 1rem; flex-wrap: wrap; } body.bhc-branding .bhc-footer-links li {..."
 
No edit summary
 
Line 24: Line 24:
body.bhc-branding .bhc-footer-links li {
body.bhc-branding .bhc-footer-links li {
   margin: 0;
   margin: 0;
}
/* Make footer sit below the entire page layout (including sidebar) */
body.bhc-branding .bhc-footer {
  clear: both;
  width: 100%;
}
/* Ensure the main wrapper fills the viewport so footer is at bottom on short pages */
body.bhc-branding {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/* Keep the real page content taking up remaining space */
body.bhc-branding .mw-page-container,
body.bhc-branding .mw-body,
body.bhc-branding #content {
  flex: 1 0 auto;
}
}



Latest revision as of 14:55, 23 January 2026

/* Optional extra CSS for footer only */ /* Tip: body.bhc-branding .bhc-footer { ... } */

body.bhc-branding .bhc-footer-meta, body.bhc-branding .bhc-footer-license {

 font-size: 0.9em;
 color: #444;
 margin-bottom: 0.5rem;

}

body.bhc-branding .bhc-footer-links {

 margin-top: 0.75rem;

}

body.bhc-branding .bhc-footer-links ul {

 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 gap: 1rem;
 flex-wrap: wrap;

}

body.bhc-branding .bhc-footer-links li {

 margin: 0;

}

/* Make footer sit below the entire page layout (including sidebar) */ body.bhc-branding .bhc-footer {

 clear: both;
 width: 100%;

}

/* Ensure the main wrapper fills the viewport so footer is at bottom on short pages */ body.bhc-branding {

 min-height: 100vh;
 display: flex;
 flex-direction: column;

}

/* Keep the real page content taking up remaining space */ body.bhc-branding .mw-page-container, body.bhc-branding .mw-body, body.bhc-branding #content {

 flex: 1 0 auto;

}

/* hide the actual wiki footer with css */ body.bhc-branding footer#footer, body.bhc-branding .mw-footer {

 display: none !important;

}