MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 12: / Line 12: @@
    max-width: 100%;
    height: auto;
+}
+/* === Wikipedia-style mobile infobox (full width) === */
+@media screen and (max-width: 720px) {
+  /* Infobox container */
+  .infobox {
+    float: none !important;
+    width: 100vw !important;
+    max-width: 100vw !important;
+    margin: 0 -16px 16px -16px !important;
+    border-left: none !important;
+    border-right: none !important;
+    box-sizing: border-box;
+  }
+  /* Infobox title */
+  .infobox th[colspan="2"] {
+    font-size: 1.3em;
+    padding: 12px 10px !important;
+    text-align: center;
+  }
+  /* Infobox image */
+  .infobox img {
+    width: 100% !important;
+    height: auto !important;
+    max-width: 100% !important;
+    display: block;
+    margin: 0 auto;
+  }
+  /* Image caption */
+  .infobox caption,
+  .infobox .infobox-caption {
+    padding: 8px 10px;
+    font-size: 0.9em;
+  }
+  /* Table cells spacing */
+  .infobox td,
+  .infobox th {
+    padding: 8px 10px !important;
+  }
 }