MediaWiki:Common.css: Difference between revisions

From 3DO World
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Force perfect centering of small thumb in cell */
/* Kill ALL margins/padding on the image wrapper (.image class from MW) and direct img */
.mw-parser-output .wikitable td:first-child .cover-preview {
.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;
     text-align: center !important;
     display: block !important;      /* makes it block for centering */
     line-height: 0 !important;
    margin: 0 auto !important;
}
}


/* Remove any left margin/padding on small/large images and wrappers */
/* Extra centering push for small thumb (accounts for any residual inline quirks) */
.mw-parser-output .cover-preview img,
.mw-parser-output .cover-preview a.image,
.mw-parser-output .cover-preview .cover-small,
.mw-parser-output .cover-preview .cover-small,
.mw-parser-output .cover-preview .cover-large-img {
.mw-parser-output .cover-preview .cover-small + a.image { /* if wrapped */
     margin: 0 !important;
     margin: 0 auto !important;
     padding: 0 !important;
     display: block !important;
    border: none !important;
    vertical-align: middle !important;  /* fixes vertical off-center */
}
}


/* Eliminate blank left space on large preview */
/* Explicitly zero left space on large preview components */
.mw-parser-output .cover-preview .cover-large {
.mw-parser-output .cover-preview .cover-large,
    left: 85px !important;          /* nudge left a bit if blank space persists — test 80-100px */
.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;
     margin-left: 0 !important;
     padding-left: 0 !important;
     padding-left: 0 !important;
    left: 80px !important;  /* reduce from 90px to pull preview tighter left — test 70-85px */
}
}


/* If blank box is from a wrapper, hide extra space */
/* If the blank is stubborn, hide any overflow left */
.mw-parser-output .cover-preview .cover-large a,
.mw-parser-output .cover-preview .cover-large {
.mw-parser-output .cover-preview .cover-large img {
     overflow: hidden !important; /* clips any stray left margin */
    margin-left: 0 !important;
    display: block !important;
}
 
/* Compact cell padding further if rows still feel tall */
.mw-parser-output .wikitable td:first-child {
     padding: 4px 6px !important;     /* tighter top/bottom */
}
}

Revision as of 12:43, 29 January 2026

/* 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 */
}