Jump to content

MediaWiki:Vector-dark.css: Difference between revisions

No edit summary
No edit summary
Line 1,209: Line 1,209:
}
}
.portable-infobox {
.portable-infobox {
    width: 320px; /* Change to desired width */
width: 320px; /* Change to desired width */
     max-width: 100%; /* Prevent overflow on smaller screens */
     max-width: 100%; /* Prevent overflow on smaller screens */
     margin: 0 auto; /* Center it horizontally */
     margin: 0 auto; /* Center it horizontally */
Line 1,217: Line 1,217:
      
      
     height: auto; /* Maintain aspect ratio */
     height: auto; /* Maintain aspect ratio */
     display: block;
     display: flex;
     margin: 2px; /* Center the image */
     margin: 2px; /* Center the image */
}
}
Line 1,229: Line 1,229:
     align-items: center; /* Vertical centering (optional, for consistency) */
     align-items: center; /* Vertical centering (optional, for consistency) */
}
}
.pi-image-collection .pi-image + .pi-caption {
    display: block;
    text-align: center; /* Centers the caption */
    font-style: italic; /* Optional: Makes the text italic */
    font-size: 90%; /* Optional: Slightly smaller font */
    margin-top: 5px; /* Space between image and caption */
}
@media (max-width: 768px) {
@media (max-width: 768px) {
     .pi-infobox {
     .pi-infobox {