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

From CrossCode Wiki
Jump to navigation Jump to search
(Extract portable infobox styles common to desktop and mobile to PortableInfobox-common.css)
(Keep <title> and <header> `text‑shadow`)
Line 19: Line 19:
.portable-infobox.pi-theme-crosscode .pi-header {
.portable-infobox.pi-theme-crosscode .pi-header {
text-align: center;
text-align: center;
text-shadow: none;
}
}



Revision as of 06:19, 3 May 2021

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

/**
 * ===============================
 * 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;
}