User:76561199218134152/common.css: Difference between revisions

Latest revision as of 04:10, 10 October 2024

/* infobox styling */
:root {
	--dark-red: #72070a;
	--tan: #c49645;
}

.portable-infobox {
	border: 1px solid var(--dark-red);
	background-color: transparent;
}

.portable-infobox .pi-border-color {
	border-color: var(--dark-red);
}

.portable-infobox .pi-border-color:last-child {
	border-bottom: none;
}

.portable-infobox .pi-title {
	font-size: 1.375rem;
	border-bottom: 0;
	line-height: 2;
	font-weight: 700;
}

.pi-title::after {
	border-bottom: 3px solid var(--tan) !important;
}

.pi-header::after {
	border: none !important;
}

.portable-infobox .pi-title, 
.portable-infobox .pi-secondary-background {
	background-color: var(--dark-red);
	color: white;
	text-align: center;
}

.portable-infobox .pi-secondary-background {
	font-size: 1rem;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.portable-infobox .pi-section-navigation .pi-section-tab, 
.portable-infobox .pi-media-collection .pi-tab-link {
	border: 0;
}

.portable-infobox .pi-section-navigation .pi-section-tab.pi-section-active,
.portable-infobox .pi-section-navigation .pi-section-tab.current,
.portable-infobox .pi-media-collection .pi-tab-link.current {
	border-bottom: 3px solid var(--tan);
	background: none !important;
}

.portable-infobox .pi-data-label {
	font-weight: bold !important;
}

.pi-data-value {
	padding-left: 0 !important;
}

.pi-image {
	margin: 10px 5px !important;
}