@@ 3번째 줄: / 3번째 줄: @@
 	--infobox-outer-edge: #45291f;
 	--infobox-inner: #ead5af;
-	--infobox-inner-edge: #cfb283;
+	--infobox-inner-edge: #c8aa7e;
 	--infobox-panel: #f3e8d7;
-	--infobox-panel-edge: #b88d68;
+	--infobox-image-box: #f7f1e7;
-	--infobox-image-frame: #925f46;
+	--infobox-image-pattern: rgba(145, 87, 70, 0.025);
-	--infobox-image-inner: #e9dcc8;
+	--infobox-image-line: #875340;
-	--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Light.png");
 	--infobox-ribbon: #875340;
-	--infobox-ribbon-edge: #6a3f31;
+	--infobox-row-bg: #f7efe4;
-	--infobox-row-label: #9a644c;
+	--infobox-row-edge: #bca184;
-	--infobox-row-label-edge: #7a4a38;
+	--infobox-row-divider: #d5c0aa;
-	--infobox-row-value: #f7efe4;
+	--infobox-details-bg: #f1e4d2;
-	--infobox-row-value-edge: #bca184;
+	--infobox-detail-label-bg: #ead9c2;
+	--infobox-detail-value-bg: #f6ecde;
+	--infobox-caption-bg: #efe2d2;
+	--infobox-label-text: #231915;
 	--infobox-text: #493329;
 	--infobox-link: #8f573f;
@@ 21번째 줄: / 23번째 줄: @@
 	--infobox-title-text: #fffaf4;
 	--infobox-text-outline: #472b20;
-	--infobox-shadow: rgba(68, 42, 31, 0.24);
+	--infobox-shadow: rgba(68, 42, 31, 0.16);
+	--infobox-shape-shadow: rgba(69, 41, 31, 0.24);
+	--infobox-background-shadow: rgba(69, 41, 31, 0.2);
 	position: relative;
@@ 29번째 줄: / 33번째 줄: @@
 	max-width: 100%;
 	margin: 0 0 1.25rem 1.25rem;
-	padding: 0.95rem 0.85rem;
+	padding: 1.05rem 0.48rem 1.18rem;
-	border: 0;
+	border: 3px solid var(--infobox-outer-edge);
-	border-radius: 30px;
+	border-radius: 24px;
 	box-sizing: border-box;
-	background: var(--infobox-outer);
+	background: var(--infobox-inner);
 	color: var(--infobox-text);
 	font-family:
@@ 47번째 줄: / 51번째 줄: @@
 	font-weight: 300;
 	line-height: 1.55;
-	box-shadow: 0 10px 26px var(--infobox-shadow);
+	box-shadow: 0 0 22px 3px var(--infobox-shadow);
-	overflow: hidden;
+	filter: drop-shadow(0 0 5px rgba(69, 41, 31, 0.34));
+	overflow: visible;
 }
 .infobox::before {
 	position: absolute;
-	top: 16px;
+	top: 6px;
-	right: 14px;
+	right: 6px;
-	bottom: 16px;
+	bottom: 6px;
-	left: 14px;
+	left: 6px;
-	border: 4px solid var(--infobox-inner-edge);
+	border: 3px solid var(--infobox-inner-edge);
-	border-radius: 26px;
+	border-radius: 18px;
-	box-sizing: border-box;
-	background: var(--infobox-inner);
-	content: "";
-}
-.infobox::after {
-	position: absolute;
-	top: 27px;
-	right: 24px;
-	bottom: 27px;
-	left: 24px;
-	border: 1px solid rgba(146, 95, 70, 0.28);
-	border-radius: 20px;
 	box-sizing: border-box;
 	content: "";
+	pointer-events: none;
 }
@@ 88번째 줄: / 81번째 줄: @@
 	justify-content: center;
 	width: calc(100% - 24px);
-	margin: 0 auto;
+	margin: 0.46rem auto 0;
-	padding: 0.96rem 2.25rem;
+	padding: 0.76rem 2.35rem 0.7rem;
-	border: 2px solid var(--infobox-ribbon-edge);
+	border: 0;
 	box-sizing: border-box;
-	background: var(--infobox-ribbon);
+	background: transparent;
-	clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
 	color: var(--infobox-title-text);
+	isolation: isolate;
 	font-family:
 		"SB Aggro B",
@@ 104번째 줄: / 97번째 줄: @@
 		"Noto Sans KR",
 		sans-serif;
-	font-size: 1.28rem;
+	font-size: 1.36rem;
 	font-weight: 700;
 	line-height: 1.14;
 	letter-spacing: -0.03em;
 	text-align: center;
+	filter:
+		drop-shadow(0 3px 2px rgba(69, 41, 31, 0.38))
+		drop-shadow(0 1px 1px rgba(69, 41, 31, 0.24));
 	text-shadow:
-		-1px -1px 0 var(--infobox-text-outline),
+		-2px -2px 0 var(--infobox-text-outline),
--1px 0 var(--infobox-text-outline),
+-2px 0 var(--infobox-text-outline),
-px -1px 0 var(--infobox-text-outline),
+px -2px 0 var(--infobox-text-outline),
-		-1px 0 0 var(--infobox-text-outline),
+		-2px 0 0 var(--infobox-text-outline),
 px 0 0 var(--infobox-text-outline),
-		-1px 1px 0 var(--infobox-text-outline),
+		-2px 2px 0 var(--infobox-text-outline),
-1px 0 var(--infobox-text-outline),
+2px 0 var(--infobox-text-outline),
-px 1px 0 var(--infobox-text-outline);
+px 2px 0 var(--infobox-text-outline),
+		-1px -2px 0 var(--infobox-text-outline),
+px -2px 0 var(--infobox-text-outline),
+		-2px -1px 0 var(--infobox-text-outline),
+px -1px 0 var(--infobox-text-outline),
+		-2px 1px 0 var(--infobox-text-outline),
+px 1px 0 var(--infobox-text-outline),
+		-1px 2px 0 var(--infobox-text-outline),
+px 2px 0 var(--infobox-text-outline);
 	overflow-wrap: anywhere;
 	word-break: keep-all;
@@ 127번째 줄: / 131번째 줄: @@
 	color: inherit;
 	line-height: inherit;
+}
+.infobox__title::before {
+	position: absolute;
+	z-index: -1;
+	inset: 0;
+	background: var(--infobox-ribbon);
+	clip-path: polygon(
+0,
+% 0,
+		calc(100% - 16px) 50%,
+% 100%,
+100%,
+px 50%
+	);
+	content: "";
+	pointer-events: none;
 }
 /* 내부 영역 */
 .infobox__panel {
-	margin-top: 0.92rem;
+	margin-top: 0.58rem;
-	padding: 0 0.16rem 0.1rem;
+	padding: 0 0.08rem 0.1rem;
 	background: transparent;
 }
@@ 139번째 줄: / 160번째 줄: @@
 .infobox__image {
 	position: relative;
-	width: calc(100% - 18px);
+	display: block;
-	min-height: 92px;
+	width: calc(100% - 24px);
-	max-height: 248px;
+	margin: 1.55rem auto 1.75rem;
-	margin: 0 auto 0.78rem;
+	padding: 0.5rem;
-	padding: 0.9rem 0.9rem 1rem;
+	border: 1px solid var(--infobox-row-edge);
-	border: 3px solid var(--infobox-image-frame);
+	border-radius: 11px;
 	box-sizing: border-box;
-	background-color: var(--infobox-image-inner);
+	background-color: var(--infobox-image-box);
-	background-image: var(--infobox-image-bg);
+	background-image:
-	background-repeat: no-repeat;
+		linear-gradient(
-	background-position: center;
+deg,
-	background-size: cover;
+			var(--infobox-image-pattern) 25%,
-	clip-path: polygon(
+			transparent 25%,
+			transparent 75%,
+			var(--infobox-image-pattern) 75%
+		),
+		linear-gradient(
+			-45deg,
+			var(--infobox-image-pattern) 25%,
+			transparent 25%,
+			transparent 75%,
+			var(--infobox-image-pattern) 75%
+		);
+	background-repeat: repeat;
+	background-position:
 0,
-% 0,
+px 8px;
-% 82%,
+	background-size: 16px 16px;
-% 82%,
+	box-shadow:
-% 100%,
+4px 11px rgba(68, 42, 31, 0.1),
-% 100%,
+		inset 0 0 0 3px rgba(255, 250, 242, 0.16);
-% 96%,
+	overflow: visible;
-% 100%,
-% 100%,
-% 15%,
-12%
-	);
-	box-shadow: inset 0 0 0 1px rgba(255, 249, 241, 0.55);
-	overflow: hidden;
 	text-align: center;
 }
@@ 171번째 줄: / 197번째 줄: @@
 .infobox__image::before {
 	position: absolute;
-	top: 9px;
+	z-index: 0;
-	right: 9px;
+	top: 6px;
-	bottom: 9px;
+	right: 6px;
-	left: 9px;
+	bottom: 6px;
-	border: 1px solid rgba(146, 95, 70, 0.23);
+	left: 6px;
+	border: 1px solid rgba(135, 83, 64, 0.14);
+	border-radius: 7px;
+	box-sizing: border-box;
 	content: "";
 	pointer-events: none;
 }
-.infobox__image a,
+/* 오른쪽 아래 짧은 선 */
-.infobox__image img {
+.infobox__image::after {
+	position: absolute;
+	z-index: 1;
+	right: 0.78rem;
+	bottom: 0.54rem;
+	width: 30px;
+	height: 3px;
+	border-radius: 3px;
+	background: var(--infobox-image-line);
+	content: "";
+	opacity: 0.52;
+	pointer-events: none;
+}
+/* 이미지 */
+.infobox__image-media {
 	position: relative;
-	z-index: 1;
+	z-index: 2;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	min-height: 0;
+	max-height: 320px;
+	box-sizing: border-box;
+}
+.infobox__image-media > a {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
 }
-.infobox__image img {
+.infobox__image-media img,
+.infobox__image-media .mw-file-element {
 	display: block;
 	width: auto;
 	max-width: 100%;
 	height: auto;
-	max-height: 208px;
+	max-height: 320px;
 	margin: 0 auto;
 	object-fit: contain;
+	filter:
+		drop-shadow(0 3px 2px rgba(69, 41, 31, 0.68))
+		drop-shadow(0 1px 1px rgba(69, 41, 31, 0.48)) !important;
 }
-/* 정보 표 */
+/* 별도 설명문 */
+.infobox__image-caption {
+	position: relative;
+	z-index: 5;
+	width: calc(100% - 0.8rem);
+	margin: -1.8rem auto -0.9rem;
+	padding: 0.56rem 0.66rem;
+	border: 1px solid var(--infobox-row-edge);
+	border-radius: 9px;
+	box-sizing: border-box;
+	background: var(--infobox-caption-bg);
+	box-shadow: 0 3px 8px rgba(68, 42, 31, 0.1);
+	color: #5a463d;
+	font-family:
+		"SB Aggro L",
+		"SB 어그로 L",
+		-apple-system,
+		BlinkMacSystemFont,
+		"Segoe UI",
+		"Apple SD Gothic Neo",
+		"Noto Sans KR",
+		sans-serif;
+	font-size: 0.78rem;
+	font-weight: 300;
+	font-style: italic;
+	line-height: 1.42;
+	text-align: center;
+	overflow-wrap: anywhere;
+	word-break: keep-all;
+	transform: translateY(1.18rem);
+}
+.infobox__image-caption p {
+	margin: 0;
+	font: inherit;
+}
+/* 정보칸 */
 .infobox__details {
-	width: calc(100% - 18px);
+	width: calc(100% - 24px);
 	margin: 0 auto;
-	border: 0;
+	padding: 0;
+	border: 1px solid var(--infobox-row-edge);
 	border-collapse: separate;
-	border-spacing: 0 0.38rem;
+	border-spacing: 0;
+	border-radius: 12px;
 	table-layout: fixed;
-	background: transparent;
+	background: var(--infobox-detail-value-bg);
 	box-sizing: border-box;
+	box-shadow: none;
+	overflow: hidden;
+}
+.infobox__details tbody {
+	display: block;
+	width: 100%;
 }
 .infobox__details tr {
+	position: relative;
+	display: grid;
+	grid-template-columns: minmax(0, 31%) minmax(0, 69%);
+	width: 100%;
 	background: transparent;
+}
+.infobox__details tr::before {
+	position: absolute;
+	z-index: 0;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	width: 31%;
+	background: var(--infobox-detail-label-bg);
+	content: "";
+	pointer-events: none;
 }
 .infobox__details th,
 .infobox__details td {
-	padding: 0.5rem 0.76rem;
+	position: relative;
+	z-index: 1;
+	display: block;
+	width: auto;
+	min-width: 0;
+	max-width: 100%;
+	padding: 0.62rem 0.72rem;
+	border: 0;
+	border-radius: 0;
 	box-sizing: border-box;
-	vertical-align: middle;
+	background: transparent;
-	line-height: 1.35;
+	line-height: 1.4;
+	text-align: left;
+	max-height: 11.2em;
+	overflow-x: hidden;
+	overflow-y: auto;
+	white-space: normal;
+	word-break: break-word;
+	overflow-wrap: anywhere;
+}
+.infobox__details tr:not(:last-child) {
+	border-bottom: 1px solid var(--infobox-row-divider);
 }
 .infobox__details th {
-	width: 31%;
+	width: auto;
-	border: 2px solid var(--infobox-row-label-edge);
+	background: transparent;
-	border-right: 0;
+	color: var(--infobox-label-text);
-	border-radius: 6px 0 0 6px;
-	background: var(--infobox-row-label);
-	color: var(--infobox-title-text);
 	font-family:
 		"SB Aggro M",
@@ 238번째 줄: / 379번째 줄: @@
 	font-size: 0.83rem;
 	font-weight: 500;
-	text-align: left;
+	vertical-align: top;
-	text-shadow:
+	text-shadow: none;
-		-1px -1px 0 var(--infobox-text-outline),
--1px 0 var(--infobox-text-outline),
-px -1px 0 var(--infobox-text-outline),
-		-1px 0 0 var(--infobox-text-outline),
-px 0 0 var(--infobox-text-outline),
-		-1px 1px 0 var(--infobox-text-outline),
-1px 0 var(--infobox-text-outline),
-px 1px 0 var(--infobox-text-outline);
 	word-break: keep-all;
 }
 .infobox__details td {
-	width: 69%;
+	width: auto;
-	border: 2px solid var(--infobox-row-value-edge);
-	border-left: 0;
-	border-radius: 0 6px 6px 0;
-	background: var(--infobox-row-value);
 	color: var(--infobox-text);
 	font-family:
@@ 269번째 줄: / 398번째 줄: @@
 	font-size: 0.9rem;
 	font-weight: 300;
-	text-align: left;
+	vertical-align: middle;
 	word-break: break-word;
 	overflow-wrap: anywhere;
+}
+.infobox b,
+.infobox strong {
+	font-family:
+		"SB Aggro M",
+		"SB 어그로 M",
+		-apple-system,
+		BlinkMacSystemFont,
+		"Segoe UI",
+		"Apple SD Gothic Neo",
+		"Noto Sans KR",
+		sans-serif;
+	font-weight: 500;
+}
+.infobox b a,
+.infobox strong a,
+.infobox a b,
+.infobox a strong {
+	font-family: inherit;
+	font-weight: inherit;
 }
@@ 281번째 줄: / 433번째 줄: @@
 	position: relative;
 	display: block;
-	width: calc(100% - 18px);
+	width: calc(100% - 14px);
-	margin: 0.94rem auto 0.68rem;
+	margin: 0.9rem auto 0.62rem;
-	padding: 0.72rem 2.1rem 0.72rem 1.25rem;
+	padding: 0.7rem 2.04rem 0.7rem 1.18rem;
-	border: 2px solid var(--infobox-ribbon-edge);
+	border: 0;
 	box-sizing: border-box;
 	background: var(--infobox-ribbon);
-	clip-path: polygon(3% 0, 97% 0, 100% 100%, 0 100%);
+	clip-path: polygon(
+0,
+% 0,
+		calc(100% - 12px) 50%,
+% 100%,
+100%,
+px 50%
+	);
 	color: var(--infobox-title-text);
 	font-family:
@@ 319번째 줄: / 478번째 줄: @@
 	position: absolute;
 	top: 50%;
-	right: 0.92rem;
+	right: 0.84rem;
 	width: 0;
 	height: 0;
-	border-top: 9px solid var(--infobox-outer-edge);
+	border-top: 8px solid var(--infobox-outer-edge);
-	border-right: 9px solid transparent;
+	border-right: 8px solid transparent;
-	border-left: 9px solid transparent;
+	border-left: 8px solid transparent;
 	content: "";
 	transform: translateY(-34%);
@@ 334번째 줄: / 493번째 줄: @@
 .infobox__games,
 .infobox__appearance-list {
-	width: calc(100% - 18px);
+	width: calc(100% - 14px);
-	margin: 0 auto 0.38rem;
+	margin: 0 auto 0.36rem;
-	padding: 0.88rem 0.96rem;
+	padding: 0.84rem 0.92rem;
-	border: 2px solid var(--infobox-row-value-edge);
+	border: 1px solid var(--infobox-row-edge);
-	border-radius: 8px;
+	border-radius: 7px;
 	box-sizing: border-box;
 	background: var(--infobox-panel);
@@ 352번째 줄: / 511번째 줄: @@
 .infobox__games p,
 .infobox__appearance-list p {
-	margin: 0.12em 0;
+	margin: 0.1em 0;
 	font: inherit;
 }
@@ 366번째 줄: / 525번째 줄: @@
 .infobox__appearance-list ul,
 .infobox__appearance-list ol {
-	margin: 0.16em 0 0.16em 1.15em;
+	margin: 0.14em 0 0.14em 1.12em;
 	padding: 0;
 	font: inherit;
@@ 376번째 줄: / 535번째 줄: @@
 .infobox__games li,
 .infobox__appearance-list li {
-	margin: 0.12em 0;
+	margin: 0.1em 0;
 	font: inherit;
 }
@@ 425번째 줄: / 584번째 줄: @@
 		max-width: 100%;
 		margin: 0 0 1.1rem;
-		padding: 0.9rem 0.76rem;
+		padding: 1rem 0.42rem 1.08rem;
-		border-radius: 26px;
+		border-radius: 22px;
 		font-size: 1rem;
 	}
 	.infobox::before {
-		top: 14px;
+		top: 5px;
-		right: 12px;
+		right: 5px;
-		bottom: 14px;
+		bottom: 5px;
-		left: 12px;
+		left: 5px;
-		border-radius: 24px;
+		border-radius: 17px;
 	}
-	.infobox::after {
+	.infobox__title {
-		top: 23px;
+		width: calc(100% - 20px);
-		right: 19px;
+		margin: 0.42rem auto 0;
-		bottom: 23px;
+		padding: 0.72rem 2rem 0.66rem;
-		left: 19px;
+		font-size: 1.54rem;
-		border-radius: 18px;
 	}
-	.infobox__title,
+	.infobox__image {
-	.infobox__image,
+		width: calc(100% - 20px);
-	.infobox__details,
+		margin-top: 1.45rem;
-	.infobox__section-title,
+		margin-bottom: 1.65rem;
-	.infobox__subtitle,
+		padding: 0.48rem;
-	.infobox__panel > h2,
-	.infobox__panel > h3,
-	.infobox__section-body,
-	.infobox__listbox,
-	.infobox__games,
-	.infobox__appearance-list {
-		width: calc(100% - 10px);
 	}
-	.infobox__title {
+	.infobox__image-caption {
-		padding: 0.9rem 2rem;
+		transform: translateY(1rem);
-		font-size: 1.48rem;
 	}
-	.infobox__image {
+	.infobox__details {
-		min-height: 94px;
+		width: calc(100% - 20px);
-		max-height: 250px;
+		border-radius: 12px;
-		padding: 0.82rem 0.82rem 0.94rem;
+		overflow: hidden;
-	}
-	.infobox__image img {
-		max-height: 212px;
 	}
 	.infobox__details th,
 	.infobox__details td {
-		padding: 0.54rem 0.7rem;
+		padding: 0.52rem 0.72rem;
 	}
 	.infobox__details th {
-		width: 32%;
+		width: auto;
 		font-size: 0.96rem;
 	}
 	.infobox__details td {
-		width: 68%;
+		width: auto;
 		font-size: 1rem;
+	}
+	.infobox__section-title,
+	.infobox__subtitle,
+	.infobox__panel > h2,
+	.infobox__panel > h3,
+	.infobox__section-body,
+	.infobox__listbox,
+	.infobox__games,
+	.infobox__appearance-list {
+		width: calc(100% - 10px);
 	}
@@ 494번째 줄: / 652번째 줄: @@
 	.infobox__panel > h2,
 	.infobox__panel > h3 {
-		padding: 0.72rem 1.96rem 0.72rem 1.18rem;
 		font-size: 1.2rem;
 	}
@@ 509번째 줄: / 666번째 줄: @@
 @media screen and (max-width: 480px) {
 	.infobox {
-		padding: 0.8rem 0.6rem;
+		padding: 0.92rem 0.34rem 0.96rem;
-		border-radius: 22px;
+		border-radius: 19px;
 	}
 	.infobox::before {
-		top: 11px;
+		top: 4px;
-		right: 10px;
+		right: 4px;
-		bottom: 11px;
+		bottom: 4px;
-		left: 10px;
+		left: 4px;
-		border-radius: 20px;
-	}
-	.infobox::after {
-		top: 18px;
-		right: 16px;
-		bottom: 18px;
-		left: 16px;
 		border-radius: 14px;
-	}
-	.infobox__title,
-	.infobox__image,
-	.infobox__details,
-	.infobox__section-title,
-	.infobox__subtitle,
-	.infobox__panel > h2,
-	.infobox__panel > h3,
-	.infobox__section-body,
-	.infobox__listbox,
-	.infobox__games,
-	.infobox__appearance-list {
-		width: calc(100% - 6px);
 	}
 	.infobox__title {
-		padding: 0.8rem 1.72rem;
+		width: calc(100% - 16px);
-		font-size: 1.3rem;
+		margin: 0.36rem auto 0;
+		padding: 0.66rem 1.72rem 0.6rem;
+		font-size: 1.36rem;
 	}
 	.infobox__image {
-		min-height: 80px;
+		width: calc(100% - 16px);
-		max-height: 220px;
+		margin-top: 1.35rem;
-		padding: 0.7rem 0.68rem 0.82rem;
+		margin-bottom: 1.55rem;
+		padding: 0.44rem;
 	}
-	.infobox__image img {
+	.infobox__image-caption {
-		max-height: 178px;
+		width: calc(100% - 0.7rem);
+		padding: 0.52rem 0.58rem;
+		font-size: 0.84rem;
+		transform: translateY(0.9rem);
 	}
 	.infobox__details {
-		border-spacing: 0 0.34rem;
+		width: calc(100% - 16px);
+		border-radius: 12px;
+		overflow: hidden;
 	}
 	.infobox__details th,
 	.infobox__details td {
-		padding: 0.48rem 0.6rem;
+		padding: 0.52rem 0.72rem;
+	}
+	.infobox__details tr {
+		grid-template-columns: minmax(0, 33%) minmax(0, 67%);
+	}
+	.infobox__details tr::before {
+		width: 33%;
 	}
 	.infobox__details th {
-		width: 34%;
+		width: auto;
 		font-size: 0.89rem;
 	}
 	.infobox__details td {
-		width: 66%;
+		width: auto;
 		font-size: 0.95rem;
+	}
+	.infobox__section-title,
+	.infobox__subtitle,
+	.infobox__panel > h2,
+	.infobox__panel > h3,
+	.infobox__section-body,
+	.infobox__listbox,
+	.infobox__games,
+	.infobox__appearance-list {
+		width: calc(100% - 6px);
 	}
@@ 581번째 줄: / 744번째 줄: @@
 	.infobox__panel > h2,
 	.infobox__panel > h3 {
-		padding: 0.66rem 1.82rem 0.66rem 1.05rem;
+		padding: 0.64rem 1.78rem 0.64rem 1rem;
-		font-size: 1.05rem;
+		font-size: 1.04rem;
 	}
@@ 589번째 줄: / 752번째 줄: @@
 	.infobox__games,
 	.infobox__appearance-list {
-		padding: 0.8rem 0.82rem;
+		padding: 0.76rem 0.8rem;
 		font-size: 0.95rem;
 	}
@@ 597번째 줄: / 760번째 줄: @@
 @media screen {
 	html.skin-theme-clientpref-night .infobox {
-		--infobox-outer: #4c3329;
+		--infobox-outer: #574036;
-		--infobox-outer-edge: #36231c;
+		--infobox-outer-edge: #3f2c25;
-		--infobox-inner: #6d5644;
+		--infobox-inner: #cfb894;
-		--infobox-inner-edge: #8c7157;
+		--infobox-inner-edge: #aa8e69;
-		--infobox-panel: #3d332d;
+		--infobox-panel: #ddd0bf;
-		--infobox-panel-edge: #866a57;
+		--infobox-image-box: #ded4c7;
-		--infobox-image-frame: #a07a60;
+		--infobox-image-pattern: rgba(119, 76, 59, 0.035);
-		--infobox-image-inner: #433832;
+		--infobox-image-line: #93634e;
-		--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Dark.png");
+		--infobox-ribbon: #7d5543;
-		--infobox-ribbon: #805542;
+		--infobox-row-bg: #e4d7c8;
-		--infobox-ribbon-edge: #643f31;
+		--infobox-row-edge: #a98e72;
-		--infobox-row-label: #93614c;
+		--infobox-row-divider: #c4ad96;
-		--infobox-row-label-edge: #754a39;
+		--infobox-details-bg: #e1d5c7;
-		--infobox-row-value: #433731;
+		--infobox-detail-label-bg: #d5c4b0;
-		--infobox-row-value-edge: #896c59;
+		--infobox-detail-value-bg: #e1d5c7;
-		--infobox-text: #f3e8df;
+		--infobox-caption-bg: #ddd0c0;
-		--infobox-link: #edc1a9;
+		--infobox-label-text: #2b211d;
-		--infobox-link-hover: #ffe1d0;
+		--infobox-text: #43332c;
-		--infobox-focus: #d1a58b;
+		--infobox-link: #7d4e3b;
-		--infobox-title-text: #fff8f2;
+		--infobox-link-hover: #5d372a;
-		--infobox-text-outline: #301d16;
+		--infobox-focus: #9e6d58;
-		--infobox-shadow: rgba(0, 0, 0, 0.35);
+		--infobox-title-text: #fff8f3;
+		--infobox-text-outline: #3d261e;
+		--infobox-shadow: rgba(55, 38, 30, 0.2);
+		--infobox-shape-shadow: rgba(55, 38, 30, 0.23);
+		--infobox-background-shadow: rgba(55, 38, 30, 0.2);
 	}
 }
@@ 625번째 줄: / 792번째 줄: @@
 @media screen and (prefers-color-scheme: dark) {
 	html.skin-theme-clientpref-os .infobox {
-		--infobox-outer: #4c3329;
+		--infobox-outer: #574036;
-		--infobox-outer-edge: #36231c;
+		--infobox-outer-edge: #3f2c25;
-		--infobox-inner: #6d5644;
+		--infobox-inner: #cfb894;
-		--infobox-inner-edge: #8c7157;
+		--infobox-inner-edge: #aa8e69;
-		--infobox-panel: #3d332d;
+		--infobox-panel: #ddd0bf;
-		--infobox-panel-edge: #866a57;
+		--infobox-image-box: #ded4c7;
-		--infobox-image-frame: #a07a60;
+		--infobox-image-pattern: rgba(119, 76, 59, 0.035);
-		--infobox-image-inner: #433832;
+		--infobox-image-line: #93634e;
-		--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Dark.png");
+		--infobox-ribbon: #7d5543;
-		--infobox-ribbon: #805542;
+		--infobox-row-bg: #e4d7c8;
-		--infobox-ribbon-edge: #643f31;
+		--infobox-row-edge: #a98e72;
-		--infobox-row-label: #93614c;
+		--infobox-row-divider: #c4ad96;
-		--infobox-row-label-edge: #754a39;
+		--infobox-details-bg: #e1d5c7;
-		--infobox-row-value: #433731;
+		--infobox-detail-label-bg: #d5c4b0;
-		--infobox-row-value-edge: #896c59;
+		--infobox-detail-value-bg: #e1d5c7;
-		--infobox-text: #f3e8df;
+		--infobox-caption-bg: #ddd0c0;
-		--infobox-link: #edc1a9;
+		--infobox-label-text: #2b211d;
-		--infobox-link-hover: #ffe1d0;
+		--infobox-text: #43332c;
-		--infobox-focus: #d1a58b;
+		--infobox-link: #7d4e3b;
-		--infobox-title-text: #fff8f2;
+		--infobox-link-hover: #5d372a;
-		--infobox-text-outline: #301d16;
+		--infobox-focus: #9e6d58;
-		--infobox-shadow: rgba(0, 0, 0, 0.35);
+		--infobox-title-text: #fff8f3;
+		--infobox-text-outline: #3d261e;
+		--infobox-shadow: rgba(55, 38, 30, 0.2);
+		--infobox-shape-shadow: rgba(55, 38, 30, 0.23);
+		--infobox-background-shadow: rgba(55, 38, 30, 0.2);
+	}
+}
+html.skin-theme-clientpref-night .infobox__image-caption {
+	color: rgba(82, 65, 57, 0.64);
+}
+@media screen and (prefers-color-scheme: dark) {
+	html.skin-theme-clientpref-os .infobox__image-caption {
+		color: rgba(82, 65, 57, 0.64);
+	}
+}
+html.skin-theme-clientpref-night .infobox__image-media img,
+html.skin-theme-clientpref-night .infobox__image-media .mw-file-element {
+	filter:
+		drop-shadow(0 3px 2px rgba(32, 24, 20, 0.72))
+		drop-shadow(0 1px 1px rgba(32, 24, 20, 0.5)) !important;
+}
+@media screen and (prefers-color-scheme: dark) {
+	html.skin-theme-clientpref-os .infobox__image-media img,
+	html.skin-theme-clientpref-os .infobox__image-media .mw-file-element {
+		filter:
+			drop-shadow(0 3px 2px rgba(32, 24, 20, 0.72))
+			drop-shadow(0 1px 1px rgba(32, 24, 20, 0.5)) !important;
+	}
+}
+html.skin-theme-clientpref-night .infobox {
+	filter: drop-shadow(0 0 5px rgba(42, 28, 22, 0.4));
+}
+html.skin-theme-clientpref-night .infobox__title {
+	filter: drop-shadow(0 3px 2px rgba(42, 28, 22, 0.36));
+}
+@media screen and (prefers-color-scheme: dark) {
+	html.skin-theme-clientpref-os .infobox {
+		filter: drop-shadow(0 0 5px rgba(42, 28, 22, 0.4));
+	}
+	html.skin-theme-clientpref-os .infobox__title {
+		filter: drop-shadow(0 3px 2px rgba(42, 28, 22, 0.36));
+	}
+}
+@media screen and (max-width: 720px) {
+	.infobox__image-media,
+	.infobox__image-media img,
+	.infobox__image-media .mw-file-element {
+		max-height: 380px;
+	}
+}
+@media screen and (max-width: 480px) {
+	.infobox__image-media,
+	.infobox__image-media img,
+	.infobox__image-media .mw-file-element {
+		max-height: 340px;
 	}
 }

익명 사용자

검색

틀:정보상자/styles.css: 두 판 사이의 차이

둘러보기

위키 도구

문서 도구