MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 5: / Line 5: @@
 @media screen and (max-width: 720px) {
+  /* Infobox container styling */
    .infobox {
-     float: none !important;
+     margin-bottom: 1.5em;
-     margin: 1em auto !important; /* adds spacing above/below and centers horizontally */
+     width: 80%;
-     width: 80% !important;
+     max-width: 400px;
-     text-align: center; /* centers text inside the infobox */
+    margin-left: auto;
+     margin-right: auto;
    }
-   .infobox img {
+  /* Name (header) centered */
-     display: block;
+   .infobox-header {
-     margin: 0 auto; /* centers image */
+     text-align: center;
-    max-width: 100%;
+     font-weight: bold;
-     height: auto;
+    font-size: 1.2em;
+    padding: 0.5em;
+    background-color: #f8f9fa;
+  }
+  /* Image container centered */
+  .infobox-image-container {
+     text-align: center;
    }
-   .infobox .infobox-caption {
+   /* Caption centered */
+  .infobox-caption {
      text-align: center;
      font-style: italic;
-     font-size: 90%;
+     font-size: 0.9em;
+    padding-top: 0.3em;
+    padding-bottom: 0.5em;
+  }
+  /* Data rows stay left aligned (default) */
+  .infobox-table td:not(.infobox-header):not(.infobox-image):not(.infobox-caption) {
+    text-align: left;
    }
 }