MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,265: / Line 1,265: @@
 body.page-Main_Page #firstHeading {
      display: none;
+}
+/* --------- Responsive Infobox (Mobile Friendly) ---------- */
+.infobox {
+    width: 100% !important;
+    max-width: 100% !important;
+    font-size: 14px;
+    border-collapse: collapse;
+    margin: 10px auto;
+}
+/* Make image scale properly */
+.infobox img {
+    max-width: 100% !important;
+    height: auto !important;
+}
+/* Left column (labels) */
+.infobox th {
+    background: #e0e0e0;
+    font-weight: bold;
+    width: 35%;
+    padding: 6px;
+    word-wrap: break-word;
+}
+/* Right column (values) */
+.infobox td {
+    padding: 6px;
+    word-wrap: break-word;
+}
+/* Prevent long text pushing layout */
+.infobox,
+.infobox td,
+.infobox th {
+    word-break: break-word;
+}
+/* Reduce size of header area on mobile */
+@media (max-width: 600px) {
+    .infobox {
+        font-size: 13px;
+    }
+    .infobox caption {
+        font-size: 18px;
+        padding: 8px;
+    }
 }