Template:MainPage/styles.css - 편집 역사

2026년 6월 16일 (화) 04:11에 Pjzeta님의 편집

2026-06-16T04:11:32Z

← 이전 판		2026년 6월 16일 (화) 13:11 판
242번째 줄:		242번째 줄:
	.roadmap-thumb a:hover img {		.roadmap-thumb a:hover img {
	transform: scale(1.03);		transform: scale(1.03);
			}
			.roadmap-thumb a.external::after {
			display: none !important;
	}		}

2026-06-16T04:09:06Z

← 이전 판		2026년 6월 16일 (화) 13:09 판
228번째 줄:		228번째 줄:
	text-decoration: none !important;		text-decoration: none !important;
	}		}
	/* 로드맵 ~~CTA~~ 카드 — ~~ZETA~~ ~~프리즘~~ 색 ~~그라데이션~~, 카드 전체 클릭 */		/* 로드맵 카드 썸네일 — 최신 영상 카드와 동일 구조, 클릭 시 외부 로드맵 */
	.roadmap-~~card~~ {		.roadmap-thumb a {
	~~padding~~: 0;		display: block;
⚫	border: 0;
	overflow: hidden;		overflow: hidden;
		⚫	border-radius: 6px;
	background: linear-gradient(135deg, #be3a3a 0%, #7a35c4 52%, #3a7bd5 100%);
	}		}
	.roadmap-~~card~~ ~~> a~~ {		.roadmap-thumb img {
	display: ~~flex~~;		display: block;
	~~flex~~: ~~1 1 auto~~;		width: 100%;
	~~flex-direction~~: ~~column~~;		height: auto;
		⚫	transition: transform 300ms ease;
	gap: 6px;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 140px;
	padding: 20px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	}		}
	.roadmap-~~card__title~~ {		.roadmap-thumb a:hover img {
	~~font-size~~: 1.~~45em~~;		transform: scale(1.03);
	font-weight: bold;
	}
	.roadmap-card__title::after {
	content: " →";
	display: inline-block;
⚫	transition: transform ~~220ms~~ ease;
	}
	.roadmap-card > a:hover .roadmap-card__title::after {
	transform: translateX(4px);
	}
	.roadmap-card img {
	transition: transform 220ms ease;
	}
	.roadmap-card > a:hover img {
	transform: scale(1.08);
	}		}

2026-06-16T04:02:29Z

@@ 227번째 줄: / 227번째 줄: @@
 .card-button a:hover {
     text-decoration: none !important;
+}

2026-06-11T09:19:18Z

← 이전 판		2026년 6월 11일 (목) 18:19 판
217번째 줄:		217번째 줄:
	width: 20px;		width: 20px;
	height: 20px;		height: 20px;
	}

	/* 검정 아이콘(X 등) — 다크테마 가시성용 흰색 외곽 음영 */
	.card-button .ico-outline {
	filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1px #fff);
	}		}

2026-06-11T09:06:40Z

← 이전 판		2026년 6월 11일 (목) 18:06 판
217번째 줄:		217번째 줄:
	width: 20px;		width: 20px;
	height: 20px;		height: 20px;
			}

			/* 검정 아이콘(X 등) — 다크테마 가시성용 흰색 외곽 음영 */
			.card-button .ico-outline {
			filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1px #fff);
	}		}

2026-06-11T09:04:35Z

← 이전 판		2026년 6월 11일 (목) 18:04 판
201번째 줄:		201번째 줄:
	display: flex;		display: flex;
	align-items: center;		align-items: center;
			justify-content: center;
	gap: 6px;		gap: 6px;
	padding-left: 8px;
	border-radius: var(--border-radius-medium);		border-radius: var(--border-radius-medium);
	background: var(--color-surface-2);		background: var(--color-surface-2);
215번째 줄:		215번째 줄:
	.card-button img {		.card-button img {
	flex: 0 0 auto;		flex: 0 0 auto;
	width: ~~16px~~;		width: 20px;
	height: ~~16px~~;		height: 20px;
	}		}

	.card-button a {		.card-button a {
	~~flex-grow~~: 1;		padding: 5px 2px;
	padding: 5px;
	text-decoration: none !important;		text-decoration: none !important;
	color: var(--color-emphasized);		color: var(--color-emphasized);

2026-06-11T09:00:35Z

← 이전 판		2026년 6월 11일 (목) 18:00 판
200번째 줄:		200번째 줄:
	.card-button {		.card-button {
	display: flex;		display: flex;
			align-items: center;
			gap: 6px;
			padding-left: 8px;
		⚫	border-radius: var(--border-radius-medium);
		⚫	background: var(--color-surface-2);
		⚫	border: 1px solid var(--border-color-base);
		⚫	transition: all 0.3s ease;
			}

			.card-button:hover {
		⚫	background: var(--color-surface-2--hover);
			}

			.card-button img {
			flex: 0 0 auto;
			width: 16px;
			height: 16px;
	}		}

205번째 줄:		222번째 줄:
	flex-grow: 1;		flex-grow: 1;
	padding: 5px;		padding: 5px;
⚫	border-radius: var(--border-radius-medium);
	text-decoration: none !important;		text-decoration: none !important;
	color: var(--color-emphasized);		color: var(--color-emphasized);
⚫	background: var(--color-surface-2);
⚫	border: 1px solid var(--border-color-base);
⚫	transition: all 0.3s ease;
	}		}

	.card-button a:hover {		.card-button a:hover {
⚫	background: var(--color-surface-2--hover);
	text-decoration: none !important;		text-decoration: none !important;
	}		}

2026-06-11T08:26:52Z

← 이전 판		2026년 6월 11일 (목) 17:26 판
194번째 줄:		194번째 줄:
	.card-button-grid {		.card-button-grid {
	display: grid;		display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;		grid-gap: 5px;
	text-align: center;		text-align: center;
	}		}
	.card-button--primary { grid-column: 1 / -1; }

	.card-button {		.card-button {

2026-06-11T08:15:42Z

← 이전 판		2026년 6월 11일 (목) 17:15 판
194번째 줄:		194번째 줄:
	.card-button-grid {		.card-button-grid {
	display: grid;		display: grid;
			grid-template-columns: 1fr 1fr;
	grid-gap: 5px;		grid-gap: 5px;
	text-align: center;		text-align: center;
	}		}
			.card-button--primary { grid-column: 1 / -1; }

	.card-button {		.card-button {

2026-06-11T07:28:05Z

← 이전 판		2026년 6월 11일 (목) 16:28 판
33번째 줄:		33번째 줄:
	.main-row--3col {		.main-row--3col {
	grid-template-columns: 1fr 1fr 1fr;		grid-template-columns: 1fr 1fr 1fr;
	align-items: ~~start~~;		align-items: stretch;
	}		}
	.main-row--3col > .main-card {		.main-row--3col > .main-card {