MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Version 16.0 - Final Miraheze Reconstruction */
+/* Version 17.0 - Clean Miraheze Build */
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap');
@@ Line 15: / Line 15: @@
 }
-/* 2. PORTABLE INFOBOXES */
+/* 2. PORTABLE INFOBOXES (Miraheze Clone) */
 .portable-infobox {
-     background-color: #fff !important;
+     background: #fff !important;
      border: 2px solid var(--kh-green) !important;
      width: 300px !important;
      float: right !important;
      margin: 0 0 1em 1em !important;
-     display: block !important;
+     display: table !important; /* Switch back to table for better data alignment */
-     box-sizing: border-box !important;
+     border-collapse: collapse !important;
 }
-/* Stretch Headers & Images (Fixes Squishing) */
+/* Fix for squished titles/images - Force them to be their own rows */
 .portable-infobox .pi-title,
 .portable-infobox .pi-header,
-.portable-infobox .pi-image,
+.portable-infobox .pi-image {
-.portable-infobox .pi-image img {
+    display: table-caption !important; /* Force them to top */
      width: 100% !important;
-    display: block !important;
-    box-sizing: border-box !important;
-    float: none !important;
 }
@@ Line 43: / Line 40: @@
      padding: 10px !important;
      text-align: center !important;
+    caption-side: top !important;
 }
@@ Line 51: / Line 49: @@
      padding: 6px !important;
      text-align: center !important;
+    display: table-row !important;
 }
-/* Label & Data Alignment */
+/* Data Row Alignment */
 .pi-item.pi-data {
-     display: flex !important;
+     display: table-row !important;
-    flex-direction: row !important;
-    width: 100% !important;
-    border-bottom: 1px solid #ddd;
 }
 .pi-data-label {
-     flex: 0 0 40% !important;
+     display: table-cell !important;
+    width: 40% !important;
      background-color: #f2f2f2 !important;
      padding: 8px !important;
      font-weight: bold !important;
-    font-family: 'Cinzel', serif !important;
-    font-size: 0.85em !important;
      border-right: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
 }
 .pi-data-value {
-     flex: 1 !important;
+     display: table-cell !important;
      padding: 8px !important;
-     background-color: #fff !important;
+     border-bottom: 1px solid #ddd;
 }