MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Kill ALL margins/padding on the image wrapper (.image class from MW) and direct img */ | ||
.mw-parser-output . | .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; | ||
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, | ||
.mw-parser-output .cover-preview .cover- | .mw-parser-output .cover-preview .cover-small + a.image { /* if wrapped */ | ||
margin: 0 !important; | 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, | ||
.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 | /* If the blank is stubborn, hide any overflow left */ | ||
.mw-parser-output .cover-preview .cover-large | .mw-parser-output .cover-preview .cover-large { | ||
overflow: hidden !important; /* clips any stray left margin */ | |||
} | } | ||
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 */
}