Template:Codex/PatchHistory/styles.css - 편집 역사

2026년 6월 24일 (수) 14:48에 하나나님의 편집

2026-06-24T14:48:22Z

@@ 2번째 줄: / 2번째 줄: @@
    틀:Codex/PatchHistory/styles.css (TemplateStyles)
    - 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다.
    [상호작용]
    - 적용 대상: 틀:Codex/PatchHistory 이 출력하는 .codex-patch 구조
@@ 20번째 줄: / 19번째 줄: @@
 	--pi-del: #4b5563;
 	--pi-update: #0e8a8a;
 	margin: 8px 0;
 	padding: 10px 14px;
@@ 27번째 줄: / 25번째 줄: @@
 	border-radius: 8px;
 	background: var(--color-surface-2, #fafbfc);
+}
 .codex-patch__ver {
@@ 48번째 줄: / 37번째 줄: @@
 .codex-patch__body ul { margin: 2px 0; padding-left: 0; list-style: none; }
 .codex-patch__body li { margin: 3px 0; }
 /* --- 배지 (PatchInfo/Tag 재사용분 착색) --- */

2026년 6월 22일 (월) 21:50에 하나나님의 편집

2026-06-22T21:50:57Z

← 이전 판		2026년 6월 23일 (화) 06:50 판
27번째 줄:		27번째 줄:
	border-radius: 8px;		border-radius: 8px;
	background: var(--color-surface-2, #fafbfc);		background: var(--color-surface-2, #fafbfc);
			}
			/* 2단계 항목: 스킬에 종속된 세부 변경 (PatchInfo 본문과 동일 처리) */
			.codex-patch__body li li {
			margin-left: 1.1em;
			font-weight: normal;
			}
			.codex-patch__body li li::before {
			content: "– ";
			color: var(--color-subtle, #9aa3af);
	}		}
	.codex-patch__ver {		.codex-patch__ver {

2026년 6월 22일 (월) 21:38에 하나나님의 편집

2026-06-22T21:38:55Z

← 이전 판		2026년 6월 23일 (화) 06:38 판
9번째 줄:		9번째 줄:
	로딩되므로, 코덱스 문서에서 쓰려면 색 규칙이 별도로 필요)		로딩되므로, 코덱스 문서에서 쓰려면 색 규칙이 별도로 필요)
	[반응형]		[반응형]
	- ~~768px~~ 이상에서만 우측 인포박스 영역(약 440px)을 비워둠.		- 640px 이상에서만 우측 인포박스 영역(약 440px)을 비워둠.
	좁은 화면에선 인포박스가 본문 위로 가므로 제한을 풀어 전체 폭 사용.		좁은 화면에선 인포박스가 본문 위로 가므로 제한을 풀어 전체 폭 사용.
	============================================================ */		============================================================ */
59번째 줄:		59번째 줄:
	.codex-patch .pi-update { background: var(--pi-update); }		.codex-patch .pi-update { background: var(--pi-update); }

	/* 넓은 ~~화면에서만~~ 우측 ~~인포박스~~ 영역을 비워둠 */		/* 인포박스가 우측에 뜨는 640px 이상에서만 그 영역을 비워둠
			(인포박스는 639px 이하에서 본문 위로 내려감) */
	@media (min-width: ~~768px~~) {		@media (min-width: 640px) {
	.codex-patch { max-width: calc(100% - 440px); }		.codex-patch { max-width: calc(100% - 440px); }
	}		}

2026년 6월 22일 (월) 21:35에 하나나님의 편집

2026-06-22T21:35:34Z

← 이전 판		2026년 6월 23일 (화) 06:35 판
4번째 줄:		4번째 줄:

	[상호작용]		[상호작용]
	- 적용 대상: 틀:Codex/PatchHistory 가 출력하는 .codex-patch 구조		- 적용 대상: 틀:Codex/PatchHistory 이 출력하는 .codex-patch 구조
	- 배지 색: PatchInfo/Tag 가 출력하는 .pi-tag/.pi-* 클래스를 여기서도		- 배지 색: PatchInfo/Tag 가 출력하는 .pi-tag/.pi-* 클래스를 여기서도
	착색합니다. (PatchInfo/styles.css 는 .patchinfo 안에서만		착색합니다. (PatchInfo/styles.css 는 .patchinfo 안에서만
	로딩되므로, 코덱스 문서에서 쓰려면 색 규칙이 별도로 필요)		로딩되므로, 코덱스 문서에서 쓰려면 색 규칙이 별도로 필요)
			[반응형]
			- 768px 이상에서만 우측 인포박스 영역(약 440px)을 비워둠.
			좁은 화면에선 인포박스가 본문 위로 가므로 제한을 풀어 전체 폭 사용.
	============================================================ */		============================================================ */
	.codex-patch {		.codex-patch {
18번째 줄:		21번째 줄:
	--pi-update: #0e8a8a;		--pi-update: #0e8a8a;

	max-width: calc(100% - 440px); /* 우측 인포박스(max 400px content-box) + 간격을 비워둠 */
	margin: 8px 0;		margin: 8px 0;
	padding: 10px 14px;		padding: 10px 14px;
56번째 줄:		58번째 줄:
	.codex-patch .pi-del { background: var(--pi-del); }		.codex-patch .pi-del { background: var(--pi-del); }
	.codex-patch .pi-update { background: var(--pi-update); }		.codex-patch .pi-update { background: var(--pi-update); }

			/* 넓은 화면에서만 우측 인포박스 영역을 비워둠 */
			@media (min-width: 768px) {
			.codex-patch { max-width: calc(100% - 440px); }
			}

	/* 다크 모드 보정 */		/* 다크 모드 보정 */

2026년 6월 22일 (월) 21:32에 하나나님의 편집

2026-06-22T21:32:48Z

← 이전 판		2026년 6월 23일 (화) 06:32 판
18번째 줄:		18번째 줄:
	--pi-update: #0e8a8a;		--pi-update: #0e8a8a;

			max-width: calc(100% - 440px); /* 우측 인포박스(max 400px content-box) + 간격을 비워둠 */
	margin: 8px 0;		margin: 8px 0;
	padding: 10px 14px;		padding: 10px 14px;

하나나: 새 문서: /* ============================================================ 틀:Codex/PatchHistory/styles.css (TemplateStyles) - 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다. [상호작용] - 적용 대상: 틀:Codex/PatchHistory 가 출력하는 .codex-patch 구조 - 배지 색: PatchInfo/Tag 가 출력하는 .pi-tag/.pi-* 클래스를 여기서도 착색합니다. (PatchInfo/styles.css 는 .patchinfo 안에서만 로딩되므로,...

2026-06-22T21:14:32Z

새 문서: /* ============================================================ 틀:Codex/PatchHistory/styles.css (TemplateStyles) - 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다. [상호작용] - 적용 대상: 틀:Codex/PatchHistory 가 출력하는 .codex-patch 구조 - 배지 색: PatchInfo/Tag 가 출력하는 .pi-tag/.pi-* 클래스를 여기서도 착색합니다. (PatchInfo/styles.css 는 .patchinfo 안에서만 로딩되므로,...

새 문서

/* ============================================================
틀:Codex/PatchHistory/styles.css (TemplateStyles)
- 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다.

[상호작용]
- 적용 대상: 틀:Codex/PatchHistory 가 출력하는 .codex-patch 구조
- 배지 색: PatchInfo/Tag 가 출력하는 .pi-tag/.pi-* 클래스를 여기서도
착색합니다. (PatchInfo/styles.css 는 .patchinfo 안에서만
로딩되므로, 코덱스 문서에서 쓰려면 색 규칙이 별도로 필요)
============================================================ */
.codex-patch {
/* 배지 고유색 토큰 (PatchInfo/styles.css 와 동일 값 유지) */
--pi-buff: #2f6fdb;
--pi-nerf: #d24545;
--pi-adjust: #c5921b;
--pi-new: #7c4dd6;
--pi-del: #4b5563;
--pi-update: #0e8a8a;

margin: 8px 0;
padding: 10px 14px;
border: 1px solid var(--border-color-base, #e1e5ea);
border-left: 3px solid var(--color-progressive, #3a7bd5);
border-radius: 8px;
background: var(--color-surface-2, #fafbfc);
}
.codex-patch__ver {
display: flex;
align-items: center;
gap: 8px;
font-weight: 700;
font-size: 1.02em;
}
.codex-patch__tags { display: inline-flex; gap: 4px; }
.codex-patch__body { margin-top: 6px; }
.codex-patch__body ul { margin: 2px 0; padding-left: 0; list-style: none; }
.codex-patch__body li { margin: 3px 0; }

/* --- 배지 (PatchInfo/Tag 재사용분 착색) --- */
.codex-patch .pi-tag {
display: inline-block;
min-width: 3em;
padding: 1px 8px;
font-size: 0.78em;
font-weight: 700;
text-align: center;
color: #fff;
border-radius: 5px;
vertical-align: middle;
}
.codex-patch .pi-up { background: var(--pi-buff); }
.codex-patch .pi-down { background: var(--pi-nerf); }
.codex-patch .pi-mid { background: var(--pi-adjust); }
.codex-patch .pi-new { background: var(--pi-new); }
.codex-patch .pi-del { background: var(--pi-del); }
.codex-patch .pi-update { background: var(--pi-update); }

/* 다크 모드 보정 */
html.skin-theme-clientpref-night .codex-patch {
--pi-buff: #4a86e8;
--pi-nerf: #e06a6a;
--pi-adjust: #d6a93c;
--pi-new: #9b72e0;
--pi-del: #6b7280;
--pi-update: #2bb3b3;
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .codex-patch {
--pi-buff: #4a86e8;
--pi-nerf: #e06a6a;
--pi-adjust: #d6a93c;
--pi-new: #9b72e0;
--pi-del: #6b7280;
--pi-update: #2bb3b3;
}
}