MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
(Created page with "→‎CSS placed here will be applied to all skins: →‎Set a maximum width for the entire content area and center it: .mw-body, .mw-body-content { max-width: 1200px; →‎Adjust the value as needed: margin: 0 auto; padding: 0 20px; } →‎Ensure the header and footer also follow the same width: #mw-head, #mw-head-base, #p-personal, .vector-menu-tabs, #footer { max-width: 1200px; →‎Adjust the value as needed: margin: 0 auto; padding: 0 20px;...")
 
Tag: Replaced
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Set a maximum width for the entire content area and center it */
.mw-body, .mw-body-content {
    max-width: 1200px; /* Adjust the value as needed */
    margin: 0 auto;
    padding: 0 20px;
}
/* Ensure the header and footer also follow the same width */
#mw-head, #mw-head-base, #p-personal, .vector-menu-tabs, #footer {
    max-width: 1200px; /* Adjust the value as needed */
    margin: 0 auto;
    padding: 0 20px;
}
/* Adjust the position of the navigation block */
.mw-workspace-container, .mw-sidebar, .vector-menu-content, .vector-main-menu {
    max-width: 1200px; /* Adjust the value as needed */
    margin: 0 auto;
    padding: 0 20px;
}
/* Ensure responsiveness */
@media (max-width: 1200px) {
    .mw-body, .mw-body-content, #mw-head, #mw-head-base, #p-personal, .vector-menu-tabs, #footer, .mw-workspace-container, .mw-sidebar, .vector-menu-content, .vector-main-menu {
        max-width: 100%;
        padding: 0 10px;
    }
}

Revision as of 00:22, 18 May 2024

/* CSS placed here will be applied to all skins */