MediaWiki:Vector-dark.css: Difference between revisions
Appearance
![]() Cdjensen94 (talk | contribs) |
![]() Cdjensen94 (talk | contribs) |
||
Line 1,126: | Line 1,126: | ||
border: 1px solid #ff851b; /* Bright Orange border */ | border: 1px solid #ff851b; /* Bright Orange border */ | ||
} | } | ||
.pi-section-tab.pi-section-active { | .pi-section-navigation .pi-section-tab.pi-section-active, | ||
.pi-section-navigation .pi-section-tab.current, | |||
.pi-media-collection .pi-tab-link.current { | |||
background: #ff851b; /* Bright Orange title text */ | 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 */ | /* Infobox Title */ |