MediaWiki:Common.css: Difference between revisions

Revision as of 11:05, 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;
}

@@ Line 1: / Line 1: @@
-/* 1) Padding: small space before/after text in ALL cells */
+/* Padding only (keep your numbers) */
 .mw-parser-output .wikitable td,
-.mw-parser-output .wikitable th {
+.mw-parser-output .wikitable th{
-   padding: 8px 12px !important;     /* <- adjust left/right here */
+   padding: 8px 12px !important;
    vertical-align: middle !important;
 }
-/* Optional: keep cover column a bit tighter */
+/* Ensure cover cell can overflow for preview */
 .mw-parser-output .wikitable td:first-child,
-.mw-parser-output .wikitable th:first-child {
+.mw-parser-output .wikitable th:first-child{
-   padding: 6px !important;
+   overflow: visible !important;
-  text-align: center !important;
+   position: relative;              /* helps stacking */
-   overflow: visible !important;     /* critical for hover to escape */
-  white-space: nowrap;
 }
-/* 2) Thumbnail consistency */
+/* Thumb wrapper */
-.mw-parser-output .coverThumb {
+.mw-parser-output .coverThumb{
    display: inline-block;
    position: relative;
-   width: 60px;
+   z-index: 1;
-  height: 80px;
-  overflow: hidden;
 }
-/* Force the thumb image to fit the box */
+/* The actual image */
-.mw-parser-output .coverThumb img {
+.mw-parser-output img.coverImg{
-  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 */
+/* Hover preview (triggered when hovering the wrapper) */
-.mw-parser-output .coverThumb:hover {
+.mw-parser-output .coverThumb:hover img.coverImg{
-  overflow: visible;               /* let it pop out */
-  z-index: 10000;
-}
-.mw-parser-output .coverThumb:hover img {
    transform: translate(105px, -20px) scale(4) !important;
+  z-index: 99999 !important;
    background: #fff;
    border: 1px solid #888;

MediaWiki:Common.css: Difference between revisions

Revision as of 11:05, 29 January 2026

Navigation menu

Search