MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

/* infoboxes */
table.infobox {
	border: 1px solid #ccc;
	background-color: white;
	padding: 0.3rem;
	border-radius: .5rem;
	border-spacing: .2rem;
}

.infobox th{
	border-radius: .5rem;
	box-shadow: #3c44 0 0 .1rem;
	font-family: "Quicksand", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif;
	font-weight: 550;
}

.infobox th.misc{
	background-color: #25c4;
}

.infobox th.location{
	background-color: #c334;
}

.infobox th.organization{
	background-color: #c734;
}

.infobox th.character{
	background-color: #dc34;
}

.infobox th.book{
	background-color: #3c44;
}

.infobox th.object{
	background-color: #92c4;
}

.infobox tr{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.infobox td,
.infobox th{
	padding: 4px;
}

.infobox tr.title th,
.infobox th.title {
	color: #000;
	text-align: center;
}

.infobox .key{
	width: 15%;
	background-color: #25c2;
	font-size: 100%;
	white-space: nowrap;
	text-align: center;
	padding-bottom: .15rem;
	padding-left: .3rem;
	padding-right: .3rem;
	border-radius: .3rem;
	box-shadow: #25c4 0 0px 1px;
	border-spacing: 10px;
	font-family: "Quicksand", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif;
	font-weight: 550;
}

.infobox.side {
	width: 22em;
	float: right;
	margin-left: 0.5em;
}

@media screen and (max-width: 850px) {
	.infobox.side {
		width: 100%;
	}
}

.infobox td {
	font-size: 90%;
	text-align: left;
}


/* sytem wide soft changes */
.toc {
	border-radius: 1rem;
}

.sidebar-chunk {
	border-radius: 1rem;
}

.dropdown {
	border-radius: 1rem;
}

#simpleSearch {
	border-radius: 1rem;
}

.oo-ui-buttonElement-button {
	border-radius: .75rem !important;
}

.oo-ui-inputWidget-input {
	border-radius: .75rem !important;
}

.mw-editform .editOptions {
	border-radius: 0 0 1rem 1rem;
}

.mw-body h1, .mw-body h2,.mw-body h3,.mw-body h4,.mw-body h5 {
	font-family: "Quicksand", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	color: #111;
}