Predefinição:Infobox NPC/styles.css

/* =========================================================
   SPLIXMMO WIKI
   INFOBOX — NPC
   ========================================================= */

.splix-infobox {
	float: right;

	width: 300px;

	margin: 0 0 24px 32px;

	background: #ffffff;

	border: 1px solid #d7eaf4;

	border-radius: 18px;

	overflow: hidden;

	box-shadow:
		0 10px 28px rgba(64, 126, 172, 0.10);

	color: #29445f;
}


/* =========================================================
   LIMPEZA DO PARSER
   ========================================================= */

.splix-infobox p {
	margin: 0 !important;
	padding: 0 !important;
}

.splix-infobox br {
	display: none;
}


/* =========================================================
   CABEÇALHO
   ========================================================= */

.splix-infobox-header {
	padding: 15px 18px 14px;

	text-align: center;

	background:
		linear-gradient(
			135deg,
			#6caeff 0%,
			#8ba7ff 48%,
			#b7a5ff 100%
		);
}

.splix-infobox-title {
	color: #ffffff;

	font-size: 19px;

	font-weight: 800;

	line-height: 1.2;

	text-shadow:
		0 1px 2px rgba(48, 65, 131, 0.15);
}

.splix-infobox-subtitle {
	margin-top: 4px;

	color: rgba(255, 255, 255, 0.92);

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 0.12em;

	text-transform: uppercase;
}


/* =========================================================
   IMAGEM
   ========================================================= */

.splix-infobox-image {
	display: flex;

	align-items: center;

	justify-content: center;

	padding: 20px;

	background:
		linear-gradient(
			180deg,
			#f8faff,
			#ffffff
		);

	border-bottom: 1px solid #e2e9f6;
}

.splix-infobox-image img {
	display: block;

	max-width: 180px;

	max-height: 220px;

	width: auto;

	height: auto;

	object-fit: contain;
}


/* =========================================================
   CORPO
   ========================================================= */

.splix-infobox-body {
	display: block;

	background: #ffffff;
}


/* =========================================================
   LINHAS
   ========================================================= */

.splix-infobox-row {
	display: grid;

	grid-template-columns: 108px minmax(0, 1fr);

	min-height: 38px;

	border-bottom: 1px solid #e4edf5;
}

.splix-infobox-label {
	display: flex;

	align-items: center;

	padding: 8px 11px;

	background: #f2f6ff;

	color: #50698f;

	font-size: 12px;

	font-weight: 800;

	line-height: 1.3;
}

.splix-infobox-value {
	display: flex;

	align-items: center;

	padding: 8px 12px;

	background: #ffffff;

	color: #36566e;

	font-size: 12.5px;

	line-height: 1.4;

	overflow-wrap: anywhere;
}

.splix-infobox-value a {
	color: #4d8ee7;

	font-weight: 700;

	text-decoration: none;
}


/* =========================================================
   DESCRIÇÃO
   ========================================================= */

.splix-infobox-description {
	padding: 14px 16px;

	background:
		linear-gradient(
			135deg,
			#f6f9ff,
			#faf8ff
		);

	color: #587187;

	font-size: 12.5px;

	line-height: 1.55;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 720px) {

	.splix-infobox {
		float: none;

		width: 100%;

		margin: 0 0 24px 0;
	}

	.splix-infobox-row {
		grid-template-columns:
			105px minmax(0, 1fr);
	}

}