MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* 1 | /* 1) Padding: small space before/after text in ALL cells */ | ||
.mw-parser-output .wikitable td { | .mw-parser-output .wikitable td, | ||
.mw-parser-output .wikitable th { | |||
padding: 8px 12px !important; /* <- adjust left/right here */ | |||
vertical-align: middle !important; | |||
} | } | ||
/* | /* Optional: keep cover column a bit tighter */ | ||
.mw-parser-output . | .mw-parser-output .wikitable td:first-child, | ||
.mw-parser-output .wikitable th:first-child { | |||
padding: 6px !important; | |||
text-align: center !important; | |||
overflow: visible !important; /* critical for hover to escape */ | |||
white-space: nowrap; | |||
} | } | ||
/* | /* 2) Thumbnail consistency */ | ||
.mw-parser-output . | .mw-parser-output .coverThumb { | ||
display: inline-block; | |||
position: relative; | |||
width: 60px; | |||
height: 80px; | |||
overflow: hidden; | |||
} | } | ||
/* | /* Force the thumb image to fit the box */ | ||
.mw-parser-output . | .mw-parser-output .coverThumb img { | ||
height: 80px !important; | |||
width: auto !important; | |||
display: block; | |||
margin: 0 auto; | |||
transition: transform 120ms ease; | |||
transform-origin: top left; | |||
} | } | ||
/* | /* 3) Hover preview: scale the SAME image and move it */ | ||
.mw-parser-output .coverThumb:hover { | |||
.mw-parser-output .coverThumb:hover | overflow: visible; /* let it pop out */ | ||
z-index: 10000; | |||
} | |||
.mw-parser-output .coverThumb:hover img { | |||
transform: translate(105px, -20px) scale(4) !important; | |||
background: #fff; | |||
border: 1px solid #888; | |||
box-shadow: 0 10px 30px rgba(0,0,0,0.5); | |||
pointer-events: none; | |||
} | } | ||
Revision as of 11:04, 29 January 2026
/* 1) Padding: small space before/after text in ALL cells */
.mw-parser-output .wikitable td,
.mw-parser-output .wikitable th {
padding: 8px 12px !important; /* <- adjust left/right here */
vertical-align: middle !important;
}
/* Optional: keep cover column a bit tighter */
.mw-parser-output .wikitable td:first-child,
.mw-parser-output .wikitable th:first-child {
padding: 6px !important;
text-align: center !important;
overflow: visible !important; /* critical for hover to escape */
white-space: nowrap;
}
/* 2) Thumbnail consistency */
.mw-parser-output .coverThumb {
display: inline-block;
position: relative;
width: 60px;
height: 80px;
overflow: hidden;
}
/* Force the thumb image to fit the box */
.mw-parser-output .coverThumb img {
height: 80px !important;
width: auto !important;
display: block;
margin: 0 auto;
transition: transform 120ms ease;
transform-origin: top left;
}
/* 3) Hover preview: scale the SAME image and move it */
.mw-parser-output .coverThumb:hover {
overflow: visible; /* let it pop out */
z-index: 10000;
}
.mw-parser-output .coverThumb:hover img {
transform: translate(105px, -20px) scale(4) !important;
background: #fff;
border: 1px solid #888;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
pointer-events: none;
}