User:ExE Boss/Sandbox/PortableInfobox-desktop.css: Difference between revisions

From CrossCode Wiki
Jump to navigation Jump to search
(Add `.pi‑secondary‑font`)
(Fix <image> `padding`)
Line 22: Line 22:
.portable-infobox.pi-theme-crosscode .pi-image {
.portable-infobox.pi-theme-crosscode .pi-image {
margin: 0;
margin: 0;
padding: 5px 10px;
max-width: 250px;
max-width: 250px;
}
}

Revision as of 05:10, 3 May 2021

/**
 * ================
 * Portable Infobox
 * ================
 */
.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;
	text-shadow: none;
}

.portable-infobox.pi-theme-crosscode .pi-image {
	margin: 0;
	max-width: 250px;
}

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

.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;
}