User:ExE Boss/Sandbox/PortableInfobox-desktop.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.

/**********************************<noinclude>*/
@import url("/User:ExE_Boss/Sandbox/PortableInfobox-common.css?ctype=text/css&action=raw");

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