MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 6: | Line 6: | ||
/* Ensure the body takes the full height of the viewport */ | |||
html, body { | |||
height: 100%; | |||
margin: 0; | |||
} | |||
/* Style the footer */ | |||
#custom-footer { | #custom-footer { | ||
background-color: #f5f5f5; | background-color: #f5f5f5; | ||
| Line 13: | Line 20: | ||
font-size: 0.9em; | font-size: 0.9em; | ||
color: #333; | color: #333; | ||
position: | position: relative; | ||
bottom: 0; | bottom: 0; | ||
width: 100%; | width: 100%; | ||
| Line 19: | Line 26: | ||
} | } | ||
/* Ensure the footer stays at the bottom if the content is short */ | |||
.mw-body { | |||
margin-bottom: 60px; /* Adjust this based on footer height */ | |||
} | } | ||
#custom-footer | /* For responsive design on mobile */ | ||
@media (max-width: 600px) { | |||
#custom-footer { | |||
font-size: 0.8em; | |||
padding: 10px 0; | |||
} | |||
} | } | ||
Revision as of 09:56, 11 August 2024
/* CSS placed here will be applied to all skins */
#ca-viewsource {
display: none;
}
/* Ensure the body takes the full height of the viewport */
html, body {
height: 100%;
margin: 0;
}
/* Style the footer */
#custom-footer {
background-color: #f5f5f5;
border-top: 1px solid #ddd;
padding: 15px 0;
text-align: center;
font-size: 0.9em;
color: #333;
position: relative;
bottom: 0;
width: 100%;
box-shadow: 0 -1px 4px rgba(0,0,0,0.1);
}
/* Ensure the footer stays at the bottom if the content is short */
.mw-body {
margin-bottom: 60px; /* Adjust this based on footer height */
}
/* For responsive design on mobile */
@media (max-width: 600px) {
#custom-footer {
font-size: 0.8em;
padding: 10px 0;
}
}