MediaWiki:Common.css: Difference between revisions

From 3DO World
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Padding only (keep your numbers) */
/* =========================
  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;
}
}


/* Ensure cover cell can overflow for preview */
/* 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;             /* helps stacking */
   position: relative !important;
  text-align: center !important;
}
}


/* Thumb wrapper */
/* =========================
.mw-parser-output .CoverThumb{
  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:
}
}


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


/* Hover preview (triggered when hovering the wrapper) */
/* Pop-out on hover */
.mw-parser-output .CoverThumb:hover img.coverImg{
.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;
  z-index: 99999 !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;
}