MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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