MediaWiki:Common.css

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.

/* COVER PREVIEW - FINAL AGGRESSIVE VERSION
   Targets .image wrapper margins, forces centering, eliminates left blank space */

.mw-parser-output .cover-preview {
    position: relative !important;
    display: inline-block !important;
    width: 80px !important;
    height: auto !important;
    line-height: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Zero out EVERYTHING on wrappers/images (targets .image from MW) */
.mw-parser-output .cover-preview .image,
.mw-parser-output .cover-preview a.image,
.mw-parser-output .cover-preview img,
.mw-parser-output .cover-preview .cover-small,
.mw-parser-output .cover-preview .cover-large-img {
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: middle !important;
    display: block !important;
}

/* Extra centering for small (block + auto margin defeats inline quirks) */
.mw-parser-output .cover-preview .cover-small {
    margin: 0 auto !important;
}

/* Large preview container - hidden, no left gap */
.mw-parser-output .cover-preview .cover-large {
    position: absolute !important;
    top: -30px !important;
    left: 75px !important;               /* reduced from 80/90 — pull tighter to cover gap; test 70px if needed */
    z-index: 100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
    background: #fff !important;
    border: 1px solid #aaa !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
    padding: 4px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    overflow: hidden !important;         /* clips any residual shift */
}

/* Override left shift on large preview's wrapper/img */
.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;
    margin: 0 !important;
}

/* Hover: show large, hide small */
.mw-parser-output .cover-preview:hover .cover-large {
    opacity: 1 !important;
    visibility: visible !important;
}

.mw-parser-output .cover-preview:hover .cover-small {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Cell: allow escape + compact + center */
.mw-parser-output .wikitable td:first-child,
.mw-parser-output .wikitable th:first-child {
    overflow: visible !important;
    position: relative !important;
    text-align: center !important;
    padding: 4px 6px !important;
    vertical-align: middle !important;
}

/* Tighter rows */
.mw-parser-output .wikitable tr {
    line-height: 1.2 !important;
}

/* Reduced-motion safe */
@media (prefers-reduced-motion: reduce) {
    .mw-parser-output .cover-preview * {
        transition-duration: 0.01ms !important;
    }
}