틀:정보상자/styles.css - 편집 역사

2026년 7월 25일 (토) 16:27에 Brokey님의 편집

2026-07-25T16:27:22Z

← 이전 판		2026년 7월 26일 (일) 01:27 판
360번째 줄:		360번째 줄:


	.infobox__details tr:not(:last-child) ~~> th,~~		.infobox__details tr:not(:last-child) {
	~~.infobox__details tr:not(:last-child) > td~~ {
	border-bottom: 1px solid var(--infobox-row-divider);		border-bottom: 1px solid var(--infobox-row-divider);
	}		}

2026년 7월 25일 (토) 16:24에 Brokey님의 편집

2026-07-25T16:24:31Z

← 이전 판		2026년 7월 26일 (일) 01:24 판
317번째 줄:		317번째 줄:

	.infobox__details tr {		.infobox__details tr {
			position: relative;
	display: grid;		display: grid;
	grid-template-columns: minmax(0, 31%) minmax(0, 69%);		grid-template-columns: minmax(0, 31%) minmax(0, 69%);
	width: 100%;		width: 100%;
	background: transparent;		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 th,
	.infobox__details td {		.infobox__details td {
			position: relative;
			z-index: 1;
	display: block;		display: block;
	width: auto;		width: auto;
352번째 줄:		367번째 줄:
	.infobox__details th {		.infobox__details th {
	width: auto;		width: auto;
	background: ~~var(--infobox-detail-label-bg)~~;		background: transparent;
	color: var(--infobox-label-text);		color: var(--infobox-label-text);
	font-family:		font-family:
699번째 줄:		714번째 줄:
	.infobox__details tr {		.infobox__details tr {
	grid-template-columns: minmax(0, 33%) minmax(0, 67%);		grid-template-columns: minmax(0, 33%) minmax(0, 67%);
			}

			.infobox__details tr::before {
			width: 33%;
	}		}

2026년 7월 25일 (토) 16:16에 Brokey님의 편집

2026-07-25T16:16:44Z

← 이전 판		2026년 7월 26일 (일) 01:16 판
319번째 줄:		319번째 줄:
	display: grid;		display: grid;
	grid-template-columns: minmax(0, 31%) minmax(0, 69%);		grid-template-columns: minmax(0, 31%) minmax(0, 69%);
	~~align-items: stretch;~~
	width: 100%;		width: 100%;
	~~max-height: 11.2em;~~
	background: transparent;		background: transparent;
	~~overflow: hidden;~~
	}		}

332번째 줄:		329번째 줄:
	min-width: 0;		min-width: 0;
	max-width: 100%;		max-width: 100%;
	~~height: 100%;~~
	~~min-height: 0;~~
	padding: 0.62rem 0.72rem;		padding: 0.62rem 0.72rem;
	border: 0;		border: 0;
341번째 줄:		336번째 줄:
	line-height: 1.4;		line-height: 1.4;
	text-align: left;		text-align: left;
			max-height: 11.2em;
	overflow-x: hidden;		overflow-x: hidden;
	overflow-y: auto;		overflow-y: auto;

2026년 7월 25일 (토) 16:11에 Brokey님의 편집

2026-07-25T16:11:44Z

← 이전 판		2026년 7월 26일 (일) 01:11 판
319번째 줄:		319번째 줄:
	display: grid;		display: grid;
	grid-template-columns: minmax(0, 31%) minmax(0, 69%);		grid-template-columns: minmax(0, 31%) minmax(0, 69%);
			align-items: stretch;
	width: 100%;		width: 100%;
			max-height: 11.2em;
	background: transparent;		background: transparent;
			overflow: hidden;
	}		}

329번째 줄:		332번째 줄:
	min-width: 0;		min-width: 0;
	max-width: 100%;		max-width: 100%;
			height: 100%;
			min-height: 0;
	padding: 0.62rem 0.72rem;		padding: 0.62rem 0.72rem;
	border: 0;		border: 0;
336번째 줄:		341번째 줄:
	line-height: 1.4;		line-height: 1.4;
	text-align: left;		text-align: left;
	~~max-height: 8.4em;~~
	overflow-x: hidden;		overflow-x: hidden;
	overflow-y: auto;		overflow-y: auto;

2026년 7월 25일 (토) 16:07에 Brokey님의 편집

2026-07-25T16:07:45Z

← 이전 판		2026년 7월 26일 (일) 01:07 판
336번째 줄:		336번째 줄:
	line-height: 1.4;		line-height: 1.4;
	text-align: left;		text-align: left;
	overflow-x: ~~auto~~;		max-height: 8.4em;
	overflow-y: ~~hidden~~;		overflow-x: hidden;
	white-space: ~~nowrap~~;		overflow-y: auto;
	word-break: ~~normal~~;		white-space: normal;
	overflow-wrap: ~~normal~~;		word-break: break-word;
			overflow-wrap: anywhere;
	}		}

2026년 7월 25일 (토) 16:04에 Brokey님의 편집

2026-07-25T16:04:49Z

← 이전 판		2026년 7월 26일 (일) 01:04 판
309번째 줄:		309번째 줄:
	box-shadow: none;		box-shadow: none;
	overflow: hidden;		overflow: hidden;
			}

			.infobox__details tbody {
			display: block;
			width: 100%;
	}		}

	.infobox__details tr {		.infobox__details tr {
			display: grid;
			grid-template-columns: minmax(0, 31%) minmax(0, 69%);
			width: 100%;
	background: transparent;		background: transparent;
	}		}
317번째 줄:		325번째 줄:
	.infobox__details th,		.infobox__details th,
	.infobox__details td {		.infobox__details td {
			display: block;
			width: auto;
			min-width: 0;
			max-width: 100%;
	padding: 0.62rem 0.72rem;		padding: 0.62rem 0.72rem;
	border: 0;		border: 0;
324번째 줄:		336번째 줄:
	line-height: 1.4;		line-height: 1.4;
	text-align: left;		text-align: left;
			overflow-x: auto;
			overflow-y: hidden;
			white-space: nowrap;
			word-break: normal;
			overflow-wrap: normal;
	}		}


	.infobox__details tr:not(:last-child) > th,		.infobox__details tr:not(:last-child) > th,
332번째 줄:		350번째 줄:

	.infobox__details th {		.infobox__details th {
	width: ~~31%~~;		width: auto;
	background: var(--infobox-detail-label-bg);		background: var(--infobox-detail-label-bg);
	color: var(--infobox-label-text);		color: var(--infobox-label-text);
352번째 줄:		370번째 줄:

	.infobox__details td {		.infobox__details td {
	width: ~~69%~~;		width: auto;
	color: var(--infobox-text);		color: var(--infobox-text);
	font-family:		font-family:
368번째 줄:		386번째 줄:
	word-break: break-word;		word-break: break-word;
	overflow-wrap: anywhere;		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;
	}		}

572번째 줄:		613번째 줄:

	.infobox__details th {		.infobox__details th {
	width: ~~31%~~;		width: auto;
	font-size: 0.96rem;		font-size: 0.96rem;
	}		}

	.infobox__details td {		.infobox__details td {
	width: ~~69%~~;		width: auto;
	font-size: 1rem;		font-size: 1rem;
	}		}
654번째 줄:		695번째 줄:
	}		}


			.infobox__details tr {
			grid-template-columns: minmax(0, 33%) minmax(0, 67%);
			}

	.infobox__details th {		.infobox__details th {
	width: ~~33%~~;		width: auto;
	font-size: 0.89rem;		font-size: 0.89rem;
	}		}

	.infobox__details td {		.infobox__details td {
	width: ~~67%~~;		width: auto;
	font-size: 0.95rem;		font-size: 0.95rem;
	}		}

2026년 7월 24일 (금) 08:40에 Brokey님의 편집

2026-07-24T08:40:48Z

← 이전 판		2026년 7월 24일 (금) 17:40 판
553번째 줄:		553번째 줄:
	margin-bottom: 1.65rem;		margin-bottom: 1.65rem;
	padding: 0.48rem;		padding: 0.48rem;
			}

			.infobox__image-caption {
			transform: translateY(1rem);
	}		}

636번째 줄:		640번째 줄:
	padding: 0.52rem 0.58rem;		padding: 0.52rem 0.58rem;
	font-size: 0.84rem;		font-size: 0.84rem;
			transform: translateY(0.9rem);
	}		}

2026년 7월 24일 (금) 08:38에 Brokey님의 편집

2026-07-24T08:38:46Z

← 이전 판		2026년 7월 24일 (금) 17:38 판
264번째 줄:		264번째 줄:
	width: calc(100% - 0.8rem);		width: calc(100% - 0.8rem);
	margin: -1.8rem auto -0.9rem;		margin: -1.8rem auto -0.9rem;
	padding: 0.~~62rem~~ 0.~~72rem~~;		padding: 0.56rem 0.66rem;
	border: 1px solid var(--infobox-row-edge);		border: 1px solid var(--infobox-row-edge);
	border-radius: 9px;		border-radius: 9px;
634번째 줄:		634번째 줄:
	.infobox__image-caption {		.infobox__image-caption {
	width: calc(100% - 0.7rem);		width: calc(100% - 0.7rem);
	padding: 0.~~58rem~~ 0.~~64rem~~;		padding: 0.52rem 0.58rem;
	font-size: 0.84rem;		font-size: 0.84rem;
	}		}

2026년 7월 24일 (금) 08:36에 Brokey님의 편집

2026-07-24T08:36:55Z

← 이전 판		2026년 7월 24일 (금) 17:36 판
15번째 줄:		15번째 줄:
	--infobox-detail-label-bg: #ead9c2;		--infobox-detail-label-bg: #ead9c2;
	--infobox-detail-value-bg: #f6ecde;		--infobox-detail-value-bg: #f6ecde;
	--infobox-caption-bg: #~~eadbc8~~;		--infobox-caption-bg: #efe2d2;
	--infobox-label-text: #231915;		--infobox-label-text: #231915;
	--infobox-text: #493329;		--infobox-text: #493329;
270번째 줄:		270번째 줄:
	background: var(--infobox-caption-bg);		background: var(--infobox-caption-bg);
	box-shadow: 0 3px 8px rgba(68, 42, 31, 0.1);		box-shadow: 0 3px 8px rgba(68, 42, 31, 0.1);
	color: #~~3F2C23~~;		color: #5a463d;
	font-family:		font-family:
	"SB Aggro L",		"SB Aggro L",
706번째 줄:		706번째 줄:
	--infobox-detail-label-bg: #d5c4b0;		--infobox-detail-label-bg: #d5c4b0;
	--infobox-detail-value-bg: #e1d5c7;		--infobox-detail-value-bg: #e1d5c7;
	--infobox-caption-bg: #~~d8c8b6~~;		--infobox-caption-bg: #ddd0c0;
	--infobox-label-text: #2b211d;		--infobox-label-text: #2b211d;
	--infobox-text: #43332c;		--infobox-text: #43332c;
738번째 줄:		738번째 줄:
	--infobox-detail-label-bg: #d5c4b0;		--infobox-detail-label-bg: #d5c4b0;
	--infobox-detail-value-bg: #e1d5c7;		--infobox-detail-value-bg: #e1d5c7;
	--infobox-caption-bg: #~~d8c8b6~~;		--infobox-caption-bg: #ddd0c0;
	--infobox-label-text: #2b211d;		--infobox-label-text: #2b211d;
	--infobox-text: #43332c;		--infobox-text: #43332c;
753번째 줄:		753번째 줄:

	html.skin-theme-clientpref-night .infobox__image-caption {		html.skin-theme-clientpref-night .infobox__image-caption {
	color: rgba(67, 51, 44, 0.68);		color: rgba(82, 65, 57, 0.64);
	}		}

	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox__image-caption {		html.skin-theme-clientpref-os .infobox__image-caption {
	color: rgba(67, 51, 44, 0.68);		color: rgba(82, 65, 57, 0.64);
	}		}
	}		}

Brokey: Brokey (토론)의 278 판 편집을 되돌림

2026-07-24T08:35:20Z

Brokey (토론)의 278 판 편집을 되돌림

← 이전 판		2026년 7월 24일 (금) 17:35 판
89번째 줄:		89번째 줄:
	isolation: isolate;		isolation: isolate;
	font-family:		font-family:
	"SB Aggro M",		"SB Aggro B",
	"SB 어그로 M",		"SB 어그로 B",
	-apple-system,		-apple-system,
	BlinkMacSystemFont,		BlinkMacSystemFont,
98번째 줄:		98번째 줄:
	sans-serif;		sans-serif;
	font-size: 1.36rem;		font-size: 1.36rem;
	font-weight: ~~500~~;		font-weight: 700;
	line-height: 1.14;		line-height: 1.14;
	letter-spacing: -0.03em;		letter-spacing: -0.03em;