MediaWiki:Common.css

From 3DO World
Revision as of 10:22, 29 January 2026 by Elliogle (talk | contribs)
Jump to navigation Jump to search

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 FIX ONLY
   ========================= */

/* Add consistent padding to cells (does NOT touch hover) */
.mw-parser-output .wikitable td,
.mw-parser-output .wikitable th {
  padding: 10px 14px !important;
  vertical-align: middle !important;
  text-align: left;
}

/* Keep cover column tight + centered */
.mw-parser-output .wikitable td:first-child,
.mw-parser-output .wikitable th:first-child {
  width: 80px !important;
  min-width: 80px !important;
  text-align: center !important;
  padding: 6px 6px !important;  /* tighter just for cover */
  overflow: visible !important; /* needed for hover */
}

/* =========================
   YOUR WORKING HOVER (UNCHANGED)
   ========================= */

/* 1. Ensure the table expands to fit the content comfortably */
.mw-parser-output .wikitable {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}

/* Hover zoom - keep your exact working rule */
.mw-parser-output .coverThumb:hover .coverSmall img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 400px !important;
  height: auto !important;
  transform: translate(100px, -20px) !important;
  z-index: 10000 !important;
  pointer-events: none !important;
  background: #fff;
  border: 1px solid #888;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}