MediaWiki:Vector-dark.css: Difference between revisions
Appearance
Cdjensen94 (talk | contribs) No edit summary |
Cdjensen94 (talk | contribs) No edit summary |
||
Line 1,209: | Line 1,209: | ||
} | } | ||
.portable-infobox { | .portable-infobox { | ||
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: | 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 { |