MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* ========================= | ||
TABLE PADDING (ONLY) | |||
========================= */ | |||
/* Small padding so text isn't touching edges */ | |||
.mw-parser-output .wikitable td, | .mw-parser-output .wikitable td, | ||
.mw-parser-output .wikitable th{ | .mw-parser-output .wikitable th { | ||
padding: 8px 12px !important; | padding: 8px 12px !important; | ||
vertical-align: middle !important; | vertical-align: middle !important; | ||
text-align: left !important; | |||
} | } | ||
/* | /* Allow the hover preview to escape the cover cell */ | ||
.mw-parser-output .wikitable td:first-child, | .mw-parser-output .wikitable td:first-child, | ||
.mw-parser-output .wikitable th:first-child{ | .mw-parser-output .wikitable th:first-child { | ||
overflow: visible !important; | overflow: visible !important; | ||
position: relative; | position: relative !important; | ||
text-align: center !important; | |||
} | } | ||
/* | /* ========================= | ||
.mw-parser-output . | HOVER PREVIEW (WORKING) | ||
Uses MediaWiki's default image class: .mw-file-element | |||
========================= */ | |||
/* IMPORTANT: class name is lowercase: coverThumb */ | |||
.mw-parser-output .coverThumb { | |||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
| Line 20: | Line 31: | ||
} | } | ||
/* | /* Smooth motion */ | ||
.mw-parser-output | .mw-parser-output .coverThumb .mw-file-element { | ||
transition: transform 120ms ease; | transition: transform 120ms ease; | ||
transform-origin: top left; | transform-origin: top left; | ||
} | } | ||
/* | /* Pop-out on hover */ | ||
.mw-parser-output . | .mw-parser-output .coverThumb:hover { | ||
z-index: 99999; | |||
} | |||
.mw-parser-output .coverThumb:hover .mw-file-element { | |||
transform: translate(105px, -20px) scale(4) !important; | transform: translate(105px, -20px) scale(4) !important; | ||
background: #fff; | background: #fff; | ||
border: 1px solid #888; | border: 1px solid #888; | ||
Revision as of 11:12, 29 January 2026
/* =========================
TABLE PADDING (ONLY)
========================= */
/* Small padding so text isn't touching edges */
.mw-parser-output .wikitable td,
.mw-parser-output .wikitable th {
padding: 8px 12px !important;
vertical-align: middle !important;
text-align: left !important;
}
/* Allow the hover preview to escape the cover cell */
.mw-parser-output .wikitable td:first-child,
.mw-parser-output .wikitable th:first-child {
overflow: visible !important;
position: relative !important;
text-align: center !important;
}
/* =========================
HOVER PREVIEW (WORKING)
Uses MediaWiki's default image class: .mw-file-element
========================= */
/* IMPORTANT: class name is lowercase: coverThumb */
.mw-parser-output .coverThumb {
display: inline-block;
position: relative;
z-index: 1;
}
/* Smooth motion */
.mw-parser-output .coverThumb .mw-file-element {
transition: transform 120ms ease;
transform-origin: top left;
}
/* Pop-out on hover */
.mw-parser-output .coverThumb:hover {
z-index: 99999;
}
.mw-parser-output .coverThumb:hover .mw-file-element {
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;
}