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

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

2026-06-22T21:39:12Z

← 이전 판		2026년 6월 23일 (화) 06:39 판
6번째 줄:		6번째 줄:
	- 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성		- 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성
	[반응형]		[반응형]
	- ~~768px~~ 이상에서만 우측 인포박스 영역(약 440px)을 비워둠.		- 640px 이상에서만 우측 인포박스 영역(약 440px)을 비워둠.
	좁은 화면에선 인포박스가 본문 위로 가므로 제한을 풀어 전체 폭 사용.		좁은 화면에선 인포박스가 본문 위로 가므로 제한을 풀어 전체 폭 사용.
	============================================================ */		============================================================ */
35번째 줄:		35번째 줄:
	}		}

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

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

2026-06-22T21:35:21Z

← 이전 판		2026년 6월 23일 (화) 06:35 판
2번째 줄:		2번째 줄:
	틀:Codex/Recommend/styles.css (TemplateStyles)		틀:Codex/Recommend/styles.css (TemplateStyles)
	- 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다.		- 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다.
	- 배경·텍스트·테두리는 MediaWiki 표준 토큰을 참조해
	다크 모드에 자동 대응합니다.

	[상호작용]		[상호작용]
	- 적용 대상: 틀:Codex/Recommend 가 출력하는 .codex-rec 구조		- 적용 대상: 틀:Codex/Recommend 가 출력하는 .codex-rec 구조
	- 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성		- 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성
			[반응형]
			- 768px 이상에서만 우측 인포박스 영역(약 440px)을 비워둠.
			좁은 화면에선 인포박스가 본문 위로 가므로 제한을 풀어 전체 폭 사용.
	============================================================ */		============================================================ */
	.codex-rec {		.codex-rec {
	max-width: calc(100% - 440px); /* 우측 인포박스(max 400px content-box) + 간격을 비워둠 */
	margin: 1em 0;		margin: 1em 0;
	padding: 12px 14px;		padding: 12px 14px;
16번째 줄:		15번째 줄:
	border-radius: 10px;		border-radius: 10px;
	background: var(--color-surface-1, #ffffff);		background: var(--color-surface-1, #ffffff);
⚫	}
	.codex-rec__title {
	font-weight: 700;
	font-size: 0.95em;
	margin-bottom: 10px;
	color: var(--color-base, #1f2430);
	}		}
	.codex-rec__list {		.codex-rec__list {
33번째 줄:		26번째 줄:
	align-items: center;		align-items: center;
	gap: 4px;		gap: 4px;
	width: 88px;		width: 88px; /* 포트레이트 80px + 여유 */
	text-align: center;		text-align: center;
	}		}
	.codex-rec__name {		.codex-rec__name {
	font-size: 0.~~85em~~;		font-size: 0.9em;
	line-height: 1.3;		line-height: 1.3;
	word-break: keep-all; /* 한글 이름이 어색하게 안 끊기도록 */		word-break: keep-all; /* 한글 이름이 어색하게 안 끊기도록 */
		⚫	}

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

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

2026-06-22T21:32:19Z

← 이전 판		2026년 6월 23일 (화) 06:32 판
10번째 줄:		10번째 줄:
	============================================================ */		============================================================ */
	.codex-rec {		.codex-rec {
			max-width: calc(100% - 440px); /* 우측 인포박스(max 400px content-box) + 간격을 비워둠 */
	margin: 1em 0;		margin: 1em 0;
	padding: 12px 14px;		padding: 12px 14px;

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

2026-06-22T21:21:25Z

← 이전 판		2026년 6월 23일 (화) 06:21 판
32번째 줄:		32번째 줄:
	align-items: center;		align-items: center;
	gap: 4px;		gap: 4px;
	width: ~~64px~~;		width: 88px;
	text-align: center;		text-align: center;
	}		}

하나나: 새 문서: /* ============================================================ 틀:Codex/Recommend/styles.css (TemplateStyles) - 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다. - 배경·텍스트·테두리는 MediaWiki 표준 토큰을 참조해 다크 모드에 자동 대응합니다. [상호작용] - 적용 대상: 틀:Codex/Recommend 가 출력하는 .codex-rec 구조 - 클래스 출처: .codex-rechero / name 은 모듈:CodexRecommend 가 생성...

2026-06-22T21:12:58Z

새 문서: /* ============================================================ 틀:Codex/Recommend/styles.css (TemplateStyles) - 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다. - 배경·텍스트·테두리는 MediaWiki 표준 토큰을 참조해 다크 모드에 자동 대응합니다. [상호작용] - 적용 대상: 틀:Codex/Recommend 가 출력하는 .codex-rec 구조 - 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성...

새 문서

/* ============================================================
틀:Codex/Recommend/styles.css (TemplateStyles)
- 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다.
- 배경·텍스트·테두리는 MediaWiki 표준 토큰을 참조해
다크 모드에 자동 대응합니다.

[상호작용]
- 적용 대상: 틀:Codex/Recommend 가 출력하는 .codex-rec 구조
- 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성
============================================================ */
.codex-rec {
margin: 1em 0;
padding: 12px 14px;
border: 1px solid var(--border-color-base, #e1e5ea);
border-radius: 10px;
background: var(--color-surface-1, #ffffff);
}
.codex-rec__title {
font-weight: 700;
font-size: 0.95em;
margin-bottom: 10px;
color: var(--color-base, #1f2430);
}
.codex-rec__list {
display: flex;
flex-wrap: wrap; /* 여러 명일 때 자동 줄바꿈 */
gap: 14px;
}
.codex-rec__hero {
display: inline-flex;
flex-direction: column; /* 포트레이트 위, 이름 아래 */
align-items: center;
gap: 4px;
width: 64px;
text-align: center;
}
.codex-rec__name {
font-size: 0.85em;
line-height: 1.3;
word-break: keep-all; /* 한글 이름이 어색하게 안 끊기도록 */
}