User:ExE Boss/Sandbox/PortableInfobox.css

/********************************* .pi-image { /**	 * This should be in: * - https://github.com/Wikia/unified-platform/tree/master/extensions/fandom/PortableInfobox/styles/PortableInfoboxMixins.scss * - https://github.com/Wikia/app/tree/master/extensions/wikia/PortableInfobox/styles/PortableInfoboxMixins.scss */	margin: 0; }
 * Portable Infobox Common Styles *

.portable-infobox.pi-theme-crosscode .pi-data-value:only-child { flex-basis: 100%; flex-grow: 1; }

.portable-infobox.pi-theme-crosscode.type-character .pi-caption { text-align: left; }

/********************************** .portable-infobox.pi-theme-crosscode { background-color: #000; color: #DDD; }
 * Portable Infobox Desktop Styles *

.portable-infobox.pi-theme-crosscode .pi-title, .portable-infobox.pi-theme-crosscode .pi-secondary-font { color: #FFF; }

.portable-infobox.pi-theme-crosscode .pi-title, .portable-infobox.pi-theme-crosscode .pi-header { text-align: center; }

.portable-infobox.pi-theme-crosscode .pi-image { margin: 0; }

.portable-infobox.pi-theme-crosscode .pi-caption { color: inherit; text-align: center; }

.portable-infobox.pi-theme-crosscode .pi-data-label { padding-top: 0; }

/* type="character" */ .portable-infobox.pi-theme-crosscode.type-character .pi-title, .portable-infobox.pi-theme-crosscode.type-character .pi-header { background-color: var(--theme-characterbox-background); }

.portable-infobox.pi-theme-crosscode.type-character { --theme-characterbox-background: #616b7c; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Spheromancer { --theme-characterbox-background: #830905; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Triblader { --theme-characterbox-background: #1f6d1b; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Quadroguard { --theme-characterbox-background: #1c246c; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Pentafist { --theme-characterbox-background: #994b04; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Hexacast { --theme-characterbox-background: #571b6d; }

/* type="enemy" */ .portable-infobox.pi-theme-crosscode.type-enemy .pi-image { padding-bottom: 1em; padding-top: 1em; }

/***********************
 * End Portable Infobox *