MediaWiki:Vector-2022.css: Difference between revisions

Revision as of 02:45, 22 May 2025

/* Hide indicators only while they're in the original container */
.vector-body-before-content > .mw-indicators {
    display: none;
}

@media screen and (max-width: 720px) {
  .infobox {
    float: none !important;
    margin: 1em auto !important; /* adds spacing above/below and centers horizontally */
    width: 80% !important;
    text-align: center; /* centers text inside the infobox */
  }

  .infobox img {
    display: block;
    margin: 0 auto; /* centers image */
    max-width: 100%;
    height: auto;
  }

  .infobox .infobox-caption {
    text-align: center;
    font-style: italic;
    font-size: 90%;
  }
}

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