MediaWiki:Vector-dark.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,130: / Line 1,130: @@
 .pi-media-collection .pi-tab-link.current {
 	    background: #ff851b; /* Bright Orange title text */
-}
-/* Force the image container to flex center */
-.pi-image {
-    display: flex;
-    justify-content: center; /* Horizontal centering */
-    align-items: center; /* Vertical centering (optional, for consistency) */
-    width: 100%; /* Take full width of the infobox */
-    overflow: hidden; /* In case something gets wild */
-}
-/* Set max image width so it fits inside the box, but let it scale naturally */
-.pi-image img {
-    max-width: 95%; /* Keeps a little margin on the sides */
-    height: auto; /* Keeps the aspect ratio */
-    display: block; /* Makes sure there's no inline weirdness */
 }
 /* Infobox Title */
@@ Line 1,176: / Line 1,161: @@
      color: #ff851b; /* Bright Orange labels */
 }
 /* Infobox Images */
 .portable-infobox .pi-image img {
@@ Line 1,202: / Line 1,186: @@
 .pi-image img {
      width: 100%; /* Makes it fill the container */
-     max-width: 320px; /* Set the max width (adjust as needed) */
+     max-width: 300px; /* Set the max width (adjust as needed) */
      height: auto; /* Maintain aspect ratio */
      display: block;
-     margin: 0 auto; /* Center the image */
+     margin: 2px; /* Center the image */
 }
@@ Line 1,212: / Line 1,197: @@
      text-align: center;
      padding: 5px;
+    display: flex;
+    justify-content: center; /* Horizontal centering */
+    align-items: center; /* Vertical centering (optional, for consistency) */
 }
 @media (max-width: 768px) {