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.

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