MediaWiki:Infobox.css

/*Credit goes to the Miraculous Ladybug Wiki for the base code*/ /*Infobox*/ /* BASE */ .portable-infobox .pi-header > a { color: unset; }

.portable-infobox .pi-image-thumbnail { height: auto; }

.page-content .portable-infobox .pi-header, .page-content .portable-infobox .pi-title { color: #e1224f; margin: 5px; text-align: center; text-shadow: -1px 0 var(--pi-theme-shadow-color), 0 1px var(--pi-theme-shadow-color), 1px 0 var(--pi-theme-shadow-color), 0 -1px var(--pi-theme-shadow-color); }

.page-content .portable-infobox .pi-header { font-weight: 700; line-height: 95%; }

.page-content .portable-infobox .pi-title { font-family: park lane; font-weight: 700; }

/* Default BG */ .portable-infobox { background:#f09caf; border:0; color:black; font-size:90%; --pi-theme-color: white; --pi-theme-shadow-color: black; }

body.theme-fandomdesktop-dark .portable-infobox { background:#d8164e; color:white; }

/* Theme code */ body.theme-fandomdesktop-light .pi-border-color, body.theme-fandomdesktop-dark .pi-border-color { border-color: var(--pi-theme-primary); } body.theme-fandomdesktop-light .portable-infobox .pi-header, body.theme-fandomdesktop-light .portable-infobox .pi-title, body.theme-fandomdesktop-dark .portable-infobox .pi-header, body.theme-fandomdesktop-dark .portable-infobox .pi-title { background: var(--pi-theme-primary); background-image: var(--pi-theme-image); background-size: cover; border: 3px double var(--pi-theme-secondary); border-radius: 0px; color: var(--pi-theme-color); } body.theme-fandomdesktop-light .pi-image-collection-tabs .current, body.theme-fandomdesktop-dark .pi-image-collection-tabs .current { color: var(--pi-theme-primary); }

/* THEME VARS */ body.theme-fandomdesktop-dark { /* DEFAULT DARK */ --pi-theme-primary: #ffbf3d; --pi-theme-secondary: #ffbf3d; --pi-theme-shadow-color: #e1224f; }

body.theme-fandomdesktop-light { /* DEFAULT LIGHT */ --pi-theme-primary: #e1224f; --pi-theme-secondary: #e1224f; --pi-theme-shadow-color: #ffbf3d; }