MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Version 30.0 - High-Fill Infobox Headers
+/* Version 31.0 - Seamless Stack Miraheze Mirror
-    Fixes: Header/Title vertical height and full-space filling
+    Fixes: Gaps between Title, Headers, and Labels/Data
 */
@@ Line 24: / Line 24: @@
 }
-/* --- 2. TABLE OF CONTENTS (TOC) --- */
+/* --- 2. THE INFOBOX (ZERO-GAP CONSTRUCTION) --- */
-#toc, .toc {
-    background-color: #f8f9fa !important;
-    border: 1px solid #a2a9b1 !important;
-    padding: 8px !important;
-    font-size: 90% !important;
-    display: table !important;
-}
-/* --- 3. THE INFOBOX (FULL-HEADER FILL) --- */
 .portable-infobox {
      background-color: #fff !important;
@@ Line 41: / Line 32: @@
      margin: 0 0 1em 1.2em !important;
      padding: 0 !important;
-     border-spacing: 0 !important;
+     border-spacing: 0 !important; /* Removes gaps between cells */
+    border-collapse: collapse !important; /* Ensures borders touch */
      font-size: 0.88em !important;
 }
-/* Title Styling: Increased Height and Fill */
+/* Force all internal "group" containers to have zero margin/padding gaps */
+.portable-infobox .pi-item,
+.portable-infobox .pi-group,
+.portable-infobox .pi-section {
+    margin: 0 !important;
+    padding: 0 !important;
+}
+/* Title Styling: Full Width and Height Fill */
 .portable-infobox .pi-title {
      background-color: var(--kh-yellow) !important;
@@ Line 51: / Line 51: @@
      font-family: 'Cinzel', serif !important;
      font-weight: bold !important;
-     padding: 15px 10px !important; /* Increased top/bottom padding */
+     padding: 15px 10px !important;
      font-size: 1.25em !important;
-    border-bottom: 1px solid #a2a9b1 !important;
      text-align: center !important;
-    line-height: 1.2 !important; /* Ensures text sits centrally in the taller box */
      display: block !important;
-     width: 100% !important;
+     margin: 0 !important;
-     box-sizing: border-box !important;
+     border-bottom: 1px solid #a2a9b1 !important;
 }
-/* Header Styling: Increased Height and Fill */
+/* Header Styling: Full Width and Height Fill */
 .portable-infobox .pi-header {
      background-color: var(--kh-green) !important;
      color: #fff !important;
      font-family: 'Cinzel', serif !important;
-     padding: 10px 5px !important; /* Increased vertical padding */
+     padding: 10px 5px !important;
      text-align: center !important;
      font-weight: bold !important;
      display: block !important;
-     width: 100% !important;
+     margin: 0 !important;
-     box-sizing: border-box !important;
+}
-     line-height: 1.2 !important;
+/* Image Container: Remove gaps around the image */
+.portable-infobox .pi-image {
+    padding: 0 !important; /* Miraheze usually has no padding here */
+    margin: 0 !important;
+     line-height: 0 !important; /* Prevents tiny gap at bottom of images */
+    background-color: #fff !important;
+}
+.portable-infobox .pi-image img {
+     max-width: 100% !important;
+    height: auto !important;
+    display: block !important;
+    margin: 0 auto !important;
 }
@@ Line 79: / Line 90: @@
      display: table-row !important;
      width: 100% !important;
+    margin: 0 !important;
 }
@@ Line 86: / Line 98: @@
      background-color: #f2f2f2 !important;
      font-weight: bold !important;
-     padding: 6px 8px !important;
+     padding: 8px !important;
      border-bottom: 1px solid #a2a9b1 !important;
      border-right: 1px solid #a2a9b1 !important;
@@ Line 94: / Line 106: @@
 .pi-data-value {
      display: table-cell !important;
-     padding: 6px 8px !important;
+     padding: 8px !important;
      border-bottom: 1px solid #a2a9b1 !important;
      vertical-align: middle !important;
@@ Line 100: / Line 112: @@
 }
-/* --- 4. MOBILE MIRROR --- */
+/* --- 3. TABLE OF CONTENTS (TOC) --- */
-@media screen and (max-width: 768px) {
+#toc, .toc {
-    #content, .mw-body {
+    background-color: #f8f9fa !important;
-        padding: 1em !important;
+    border: 1px solid #a2a9b1 !important;
-        margin: 0 !important;
+     padding: 8px !important;
-     }
+    font-size: 90% !important;
+    display: table !important;
-    .portable-infobox {
-        float: none !important;
-        width: 100% !important;
-        margin: 1em 0 !important;
-        display: table !important;
-    }
 }