User:ExE Boss/Sandbox/PortableInfobox.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/*********************************
* Portable Infobox Common Styles *
*********************************/
.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.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 Desktop Styles *
**********************************/
.portable-infobox.pi-theme-crosscode {
	background-color: #000;
	color: #DDD;
}

.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 *
***********************/