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;
}
