Jump to content

MediaWiki:Common.css: Difference between revisions

From Arcscribe Public Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 1. Constrain and center the entire top header layout (tabs, user links, search bar) */
/* Constrain and center the entire article body layout */
#mw-head,
/* Center and constrain the entire article page area like Wikipedia */
#mw-page-base {
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
 
/* 2. Constrain and center the main article container */
#content {
#content {
     max-width: 75em;
     max-width: 1200px;
     margin: 0 auto;
     margin: 0 auto;
    border-left: 1px solid #a2a9b1;
    border-right: 1px solid #a2a9b1;
}
}


/* Ensure comfortable reading width and natural wrapping around the infobox */
/* 3. Keep text lines at the optimal reading width while letting the infobox sit perfectly on the right edge */
#mw-content-text {
#mw-content-text {
     max-width: 60em;
     max-width: 850px;
     line-height: 1.6;
     line-height: 1.6;
}
}


/* Clear any lingering layout artifacts below the article */
/* 4. Fix sidebar padding so it doesn't get squished by the centering */
#mw-panel {
    padding-left: 1em;
}
 
/* 5. Clear floats cleanly at the bottom */
#catlinks, .printfooter, #footer {
#catlinks, .printfooter, #footer {
     clear: both;
     clear: both;
}
}

Revision as of 11:47, 7 July 2026

/* 1. Constrain and center the entire top header layout (tabs, user links, search bar) */
#mw-head, 
#mw-page-base {
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/* 2. Constrain and center the main article container */
#content {
    max-width: 1200px;
    margin: 0 auto;
    border-left: 1px solid #a2a9b1;
    border-right: 1px solid #a2a9b1;
}

/* 3. Keep text lines at the optimal reading width while letting the infobox sit perfectly on the right edge */
#mw-content-text {
    max-width: 850px;
    line-height: 1.6;
}

/* 4. Fix sidebar padding so it doesn't get squished by the centering */
#mw-panel {
    padding-left: 1em;
}

/* 5. Clear floats cleanly at the bottom */
#catlinks, .printfooter, #footer {
    clear: both;
}