MediaWiki:Infobox.css

/*Infobox*/ body.theme-fandomdesktop-dark .portable-infobox { clear:right; float:right; margin:3px 0 1em 1em; border:3px double #ffb3df; background-color:#150607; border-radius: 0; }

.portable-infobox .pi-navigation { background: none; padding: 0px; }

.portable-infobox .pi-secondary-font { font-size: 10px; }

.page-content .portable-infobox .pi-title { color: white; margin: 5px; text-align: center; background:none; padding: 10px 0px -20px 0px; font-size: 20px; }

.page-content .portable-infobox .pi-header { color: white; margin: 5px; text-align: center; border:5px double #ffb3df; background-color:#d8164e; padding: 10px 0px -20px 0px; font-size: 12px; }

.portable-infobox .pi-navigation .article-thumb { margin-bottom: 0; margin-top: 0; }

body.theme-fandomdesktop-dark .portable-infobox .pi-header, body.theme-fandomdesktop-dark .portable-infobox .pi-title { background: #e1224f; background-color: #e1224f; background-size: cover; border: 3px double #ffb3df; border-radius: 0px; color: #150607; }

.portable-infobox .pi-image .pi-caption { text-align: center; } .portable-infobox .pi-secondary-background { color: #ffd500; }

/* Make portable infobox backgrounds transparent .pi-background{ background-color: transparent; }

/*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: sans-serif; font-weight: 700; }

/* Default BG * .portable-infobox { background:#f09caf; border:3px double var(--pi-theme-secondary); 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: #e1224f; --pi-theme-shadow-color: white; }

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