MediaWiki:Common.css

From 3DO World
Revision as of 12:43, 29 January 2026 by Elliogle (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Kill ALL margins/padding on the image wrapper (.image class from MW) and direct img */
.mw-parser-output .cover-preview .image,
.mw-parser-output .cover-preview a.image,
.mw-parser-output .cover-preview img {
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Make the wrapper behave like a block for perfect centering */
.mw-parser-output .cover-preview .image,
.mw-parser-output .cover-preview a.image {
    display: inline-block !important;  /* or block if needed */
    text-align: center !important;
    line-height: 0 !important;
}

/* Extra centering push for small thumb (accounts for any residual inline quirks) */
.mw-parser-output .cover-preview .cover-small,
.mw-parser-output .cover-preview .cover-small + a.image {  /* if wrapped */
    margin: 0 auto !important;
    display: block !important;
}

/* Explicitly zero left space on large preview components */
.mw-parser-output .cover-preview .cover-large,
.mw-parser-output .cover-preview .cover-large .image,
.mw-parser-output .cover-preview .cover-large a.image,
.mw-parser-output .cover-preview .cover-large-img {
    margin-left: 0 !important;
    padding-left: 0 !important;
    left: 80px !important;  /* reduce from 90px to pull preview tighter left — test 70-85px */
}

/* If the blank is stubborn, hide any overflow left */
.mw-parser-output .cover-preview .cover-large {
    overflow: hidden !important;  /* clips any stray left margin */
}