MediaWiki:Common.css: Difference between revisions

From 3DO World
Jump to navigation Jump to search
No edit summary
No edit summary
Line 14: Line 14:


/* Thumb wrapper */
/* Thumb wrapper */
.mw-parser-output .coverThumb{
.mw-parser-output .CoverThumb{
   display: inline-block;
   display: inline-block;
   position: relative;
   position: relative;
Line 27: Line 27:


/* Hover preview (triggered when hovering the wrapper) */
/* Hover preview (triggered when hovering the wrapper) */
.mw-parser-output .coverThumb:hover img.coverImg{
.mw-parser-output .CoverThumb:hover img.coverImg{
   transform: translate(105px, -20px) scale(4) !important;
   transform: translate(105px, -20px) scale(4) !important;
   z-index: 99999 !important;
   z-index: 99999 !important;

Revision as of 11:10, 29 January 2026

/* Padding only (keep your numbers) */
.mw-parser-output .wikitable td,
.mw-parser-output .wikitable th{
  padding: 8px 12px !important;
  vertical-align: middle !important;
}

/* Ensure cover cell can overflow for preview */
.mw-parser-output .wikitable td:first-child,
.mw-parser-output .wikitable th:first-child{
  overflow: visible !important;
  position: relative;              /* helps stacking */
}

/* Thumb wrapper */
.mw-parser-output .CoverThumb{
  display: inline-block;
  position: relative;
  z-index: 1;
}

/* The actual image */
.mw-parser-output img.coverImg{
  transition: transform 120ms ease;
  transform-origin: top left;
}

/* Hover preview (triggered when hovering the wrapper) */
.mw-parser-output .CoverThumb:hover img.coverImg{
  transform: translate(105px, -20px) scale(4) !important;
  z-index: 99999 !important;
  background: #fff;
  border: 1px solid #888;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  pointer-events: none;
}