User:76561199218134152/common.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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

.pi-data-label .pi-secondary-font {
	font-weight: 700;
}