@@ 3번째 줄: / 3번째 줄: @@
 	--infobox-frame-dark: #69453d;
 	--infobox-shell: #d8b9a9;
-	--infobox-shell-light: #ead0c1;
 	--infobox-paper: #fff8f1;
 	--infobox-rule: #d2afa0;
 	--infobox-label: #9a695c;
-	--infobox-label-dark: #744b42;
+	--infobox-label-border: #744b42;
 	--infobox-label-divider: #c99e8e;
-	--infobox-label-pattern: rgba(112, 66, 55, 0.12);
-	--infobox-label-pattern-light: rgba(255, 255, 255, 0.06);
 	--infobox-label-text: #fffaf6;
 	--infobox-title: #78483b;
 	--infobox-title-border: #5b342c;
+	--infobox-text-outline: #4f2d25;
 	--infobox-ink: #50382f;
 	--infobox-link: #925744;
@@ 23번째 줄: / 21번째 줄: @@
 	--infobox-nail: #aaa29d;
 	--infobox-nail-border: #746d69;
+	--infobox-nail-highlight: #ece9e6;
 	position: relative;
@@ 102번째 줄: / 101번째 줄: @@
 	box-sizing: border-box;
 	background-color: var(--infobox-title);
-	background-image: url("/wiki/Special:Redirect/file/wood_texture.png");
+	background-image:
-	background-repeat: repeat;
+		linear-gradient(
-	background-position: center;
+			rgba(120, 72, 59, 0.9),
-	background-size: 360px auto;
+			rgba(120, 72, 59, 0.9)
-	background-blend-mode: soft-light;
+		),
+		url("/wiki/Special:Redirect/file/wood_texture.png");
+	background-repeat:
+		no-repeat,
+		repeat;
+	background-position:
+		center,
+		center;
+	background-size:
+% 100%,
+px auto;
 	color: #fffaf6;
 	font-family:
@@ 123번째 줄: / 132번째 줄: @@
 	text-align: center;
 	text-shadow:
-1px 0 rgba(74, 39, 32, 0.9),
+		-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),
 2px 2px rgba(55, 29, 24, 0.35);
 	filter: drop-shadow(0 3px 2px rgba(79, 42, 34, 0.25));
@@ 130번째 줄: / 146번째 줄: @@
 }
+/* 이름칸 왼쪽 못 */
 .infobox__title::before {
 	position: absolute;
@@ 139번째 줄: / 156번째 줄: @@
 	border-radius: 50%;
 	box-sizing: border-box;
-	background: var(--infobox-nail);
+	background-color: var(--infobox-nail);
+	background-image:
+		radial-gradient(
+			circle at 68% 28%,
+			var(--infobox-nail-highlight) 0,
+			var(--infobox-nail-highlight) 1px,
+			transparent 2px
+		);
 	box-shadow:
 1px 1px rgba(54, 44, 40, 0.45),
@@ 147번째 줄: / 171번째 줄: @@
 }
+/* 이름칸 오른쪽 못 */
 .infobox__title::after {
 	position: absolute;
@@ 156번째 줄: / 181번째 줄: @@
 	border-radius: 50%;
 	box-sizing: border-box;
-	background: var(--infobox-nail);
+	background-color: var(--infobox-nail);
+	background-image:
+		radial-gradient(
+			circle at 68% 28%,
+			var(--infobox-nail-highlight) 0,
+			var(--infobox-nail-highlight) 1px,
+			transparent 2px
+		);
 	box-shadow:
 1px 1px rgba(54, 44, 40, 0.45),
@@ 265번째 줄: / 297번째 줄: @@
 /* 정보칸 */
 .infobox__details {
-	width: calc(100% + 0.64rem);
+	width: 100%;
-	margin: 0.3rem -0.32rem -0.22rem;
+	margin: 0.3rem 0 -0.22rem;
 	border: 0;
 	border-collapse: separate;
-	border-spacing: 0 0.34rem;
+	border-spacing: 0 0.3rem;
 	table-layout: fixed;
 	background: transparent;
@@ 298번째 줄: / 330번째 줄: @@
 	position: relative;
 	min-width: 0;
-	padding: 0.7rem;
+	padding: 0.54rem;
 	box-sizing: border-box;
 	vertical-align: middle;
-	line-height: 1.46;
+	line-height: 1.42;
 	overflow: hidden;
 }
@@ 308번째 줄: / 340번째 줄: @@
 .infobox__details th {
 	width: 32%;
-	border: 1px solid var(--infobox-label-dark);
+	border: 1px solid var(--infobox-label-border);
 	border-right-color: var(--infobox-label-divider);
 	border-radius: 10px 0 0 10px;
-	background-color: var(--infobox-label);
+	background: var(--infobox-label);
-	background-image:
-		linear-gradient(
-deg,
-			var(--infobox-label-pattern-light) 25%,
-			transparent 25%,
-			transparent 75%,
-			var(--infobox-label-pattern-light) 75%
-		),
-		linear-gradient(
-			-45deg,
-			var(--infobox-label-pattern) 25%,
-			transparent 25%,
-			transparent 75%,
-			var(--infobox-label-pattern) 75%
-		);
-	background-position:
-0,
-px 9px;
-	background-size:
-px 18px,
-px 18px;
 	color: var(--infobox-label-text);
 	font-family:
@@ 345번째 줄: / 356번째 줄: @@
 	font-size: 0.82rem;
 	font-weight: 500;
-	text-align: center;
+	text-align: left;
 	text-shadow:
-1px 0 rgba(75, 43, 36, 0.9),
+		-1px -1px 0 var(--infobox-text-outline),
-1px 2px rgba(58, 33, 28, 0.28);
+-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;
 	box-shadow: 0 2px 4px rgba(86, 49, 41, 0.13);
@@ 476번째 줄: / 493번째 줄: @@
 	.infobox__details {
-		width: calc(100% + 0.56rem);
+		width: 100%;
-		margin-right: -0.28rem;
+		margin-right: 0;
-		margin-left: -0.28rem;
+		margin-left: 0;
-		border-spacing: 0 0.32rem;
+		border-spacing: 0 0.28rem;
 	}
@@ 488번째 줄: / 505번째 줄: @@
 	.infobox__details th,
 	.infobox__details td {
-		padding: 0.76rem;
+		padding: 0.58rem;
-		line-height: 1.46;
+		line-height: 1.42;
 	}
@@ 571번째 줄: / 588번째 줄: @@
 		gap: 0;
 		width: 100%;
-		margin: 0 0 0.34rem;
+		margin: 0 0 0.3rem;
 	}
@@ 579번째 줄: / 596번째 줄: @@
 		align-items: center;
 		width: auto;
-		min-height: 44px;
+		min-height: 0;
-		padding: 0.66rem;
+		padding: 0.54rem;
-		line-height: 1.42;
+		line-height: 1.4;
 	}
 	.infobox__details th {
-		justify-content: center;
+		justify-content: flex-start;
 		border-radius: 9px 0 0 9px;
 		font-size: 0.87rem;
+		text-align: left;
 	}
@@ 601번째 줄: / 619번째 줄: @@
 		--infobox-frame-dark: #573d37;
 		--infobox-shell: #3d302d;
-		--infobox-shell-light: #4b3b37;
 		--infobox-paper: #352b28;
 		--infobox-rule: #67504a;
 		--infobox-label: #704d45;
-		--infobox-label-dark: #4e342f;
+		--infobox-label-border: #4e342f;
 		--infobox-label-divider: #8b675d;
-		--infobox-label-pattern: rgba(38, 21, 18, 0.16);
-		--infobox-label-pattern-light: rgba(255, 255, 255, 0.035);
 		--infobox-label-text: #f8efeb;
 		--infobox-title: #70463b;
 		--infobox-title-border: #503027;
+		--infobox-text-outline: #321e19;
 		--infobox-ink: #f0e5df;
 		--infobox-link: #e1aa91;
@@ 621번째 줄: / 637번째 줄: @@
 		--infobox-nail: #918a86;
 		--infobox-nail-border: #5d5753;
+		--infobox-nail-highlight: #d5d1ce;
 		background: var(--infobox-shell);
@@ 631번째 줄: / 648번째 줄: @@
 	html.skin-theme-clientpref-night .infobox__title {
 		background-color: var(--infobox-title);
-		background-image: url("/wiki/Special:Redirect/file/wood_texture.png");
+		background-image:
-		background-repeat: repeat;
+			linear-gradient(
-		background-position: center;
+				rgba(112, 70, 59, 0.92),
-		background-size: 360px auto;
+				rgba(112, 70, 59, 0.92)
-		background-blend-mode: soft-light;
+			),
+			url("/wiki/Special:Redirect/file/wood_texture.png");
+		background-repeat:
+			no-repeat,
+			repeat;
+		background-position:
+			center,
+			center;
+		background-size:
+% 100%,
+px auto;
 	}
 	html.skin-theme-clientpref-night .infobox__image {
 		background: var(--infobox-paper);
+	}
+	html.skin-theme-clientpref-night .infobox__details th {
+		background: var(--infobox-label);
 	}
@@ 652번째 줄: / 683번째 줄: @@
 		--infobox-frame-dark: #573d37;
 		--infobox-shell: #3d302d;
-		--infobox-shell-light: #4b3b37;
 		--infobox-paper: #352b28;
 		--infobox-rule: #67504a;
 		--infobox-label: #704d45;
-		--infobox-label-dark: #4e342f;
+		--infobox-label-border: #4e342f;
 		--infobox-label-divider: #8b675d;
-		--infobox-label-pattern: rgba(38, 21, 18, 0.16);
-		--infobox-label-pattern-light: rgba(255, 255, 255, 0.035);
 		--infobox-label-text: #f8efeb;
 		--infobox-title: #70463b;
 		--infobox-title-border: #503027;
+		--infobox-text-outline: #321e19;
 		--infobox-ink: #f0e5df;
 		--infobox-link: #e1aa91;
@@ 672번째 줄: / 701번째 줄: @@
 		--infobox-nail: #918a86;
 		--infobox-nail-border: #5d5753;
+		--infobox-nail-highlight: #d5d1ce;
 		background: var(--infobox-shell);
@@ 682번째 줄: / 712번째 줄: @@
 	html.skin-theme-clientpref-os .infobox__title {
 		background-color: var(--infobox-title);
-		background-image: url("/wiki/Special:Redirect/file/wood_texture.png");
+		background-image:
-		background-repeat: repeat;
+			linear-gradient(
-		background-position: center;
+				rgba(112, 70, 59, 0.92),
-		background-size: 360px auto;
+				rgba(112, 70, 59, 0.92)
-		background-blend-mode: soft-light;
+			),
+			url("/wiki/Special:Redirect/file/wood_texture.png");
+		background-repeat:
+			no-repeat,
+			repeat;
+		background-position:
+			center,
+			center;
+		background-size:
+% 100%,
+px auto;
 	}
 	html.skin-theme-clientpref-os .infobox__image {
 		background: var(--infobox-paper);
+	}
+	html.skin-theme-clientpref-os .infobox__details th {
+		background: var(--infobox-label);
 	}

익명 사용자

검색

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

둘러보기

위키 도구

문서 도구