MediaWiki:Common.css - 版の履歴

2026年8月25日 (火) 06:49にKJP-Systemによる

2026-08-25T06:49:14Z

@@ 243行目: / 243行目: @@
 		overflow-x: auto;
 		-webkit-overflow-scrolling: touch;
+	}
+}

2026年8月25日 (火) 06:13にKJP-Systemによる

2026-08-25T06:13:17Z

@@ 194行目: / 194行目: @@
 		width: 7rem;
 		white-space: normal;
+	}
+}

2026年8月22日 (土) 08:54にKJP-Systemによる

2026-08-22T08:54:39Z

@@ 143行目: / 143行目: @@
 	.kjp-hero-actions a {
 		text-align: center;
+	}
+}

2026年8月22日 (土) 08:10にKJP-Systemによる

2026-08-22T08:10:57Z

← 古い版		2026年8月22日 (土) 17:10時点における版
1行目:		1行目:
	~~/* ここに記述したCSSはすべての外装に反映されます */~~
	/* =========================================================		/* =========================================================
	KPOP JPWiki - Common styles		KPOP JPWiki - Common styles

KJP-System: ページの作成:「/* ここに記述したCSSはすべての外装に反映されます / / ========================================================= KPOP JPWiki - Common styles ========================================================= / / ---------- Main page ---------- / .kjp-home { max-width: 1180px; margin: 0 auto; padding-bottom: 2rem; } / ---------- Hero ---------- */ .kjp-hero { margin: 0 0 2rem; padding: 3rem 2.5rem; border: 1px solid var(--border-colo…」

2026-08-22T08:10:33Z

ページの作成:「ここに記述したCSSはすべての外装に反映されます: ========================================================= KPOP JPWiki - Common styles =========================================================: ---------- Main page ----------: .kjp-home { max-width: 1180px; margin: 0 auto; padding-bottom: 2rem; } ---------- Hero ----------: .kjp-hero { margin: 0 0 2rem; padding: 3rem 2.5rem; border: 1px solid var(--border-colo…」

新規ページ

/* ここに記述したCSSはすべての外装に反映されます */
/* =========================================================
KPOP JPWiki - Common styles
========================================================= */

/* ---------- Main page ---------- */

.kjp-home {
max-width: 1180px;
margin: 0 auto;
padding-bottom: 2rem;
}

/* ---------- Hero ---------- */

.kjp-hero {
margin: 0 0 2rem;
padding: 3rem 2.5rem;
border: 1px solid var(--border-color-base, #a2a9b1);
border-radius: 16px;
background:
linear-gradient(
135deg,
rgba(54, 92, 220, 0.12),
rgba(172, 72, 207, 0.08)
);
}

.kjp-hero-title {
margin-bottom: 0.5rem;
font-size: clamp(2.2rem, 5vw, 4rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.035em;
}

.kjp-hero-subtitle {
margin-bottom: 1.6rem;
font-size: 1.15rem;
opacity: 0.82;
}

.kjp-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}

.kjp-hero-actions a {
display: inline-block;
padding: 0.65rem 1.1rem;
border: 1px solid var(--border-color-progressive, #36c);
border-radius: 8px;
font-weight: 600;
text-decoration: none;
}

.kjp-hero-actions a:first-child {
background: var(--background-color-progressive, #36c);
color: var(--color-inverted-fixed, #fff);
}

.kjp-hero-actions a:hover {
text-decoration: none;
filter: brightness(1.08);
}

/* ---------- Home grid ---------- */

.kjp-home-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin: 1rem 0 2.5rem;
}

.kjp-home-card {
box-sizing: border-box;
padding: 1.25rem;
border: 1px solid var(--border-color-base, #a2a9b1);
border-radius: 12px;
background: var(--background-color-neutral-subtle, transparent);
}

.kjp-home-card h3 {
margin-top: 0;
margin-bottom: 0.65rem;
padding: 0;
border: 0;
font-size: 1.15rem;
}

.kjp-home-card p {
margin-bottom: 0.75rem;
}

.kjp-home-card > a {
font-weight: 600;
}

.kjp-home-card .mw-editsection {
display: none;
}

/* ---------- Main page headings ---------- */

.kjp-home > h2 {
margin-top: 2.3rem;
padding-bottom: 0.4rem;
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1);
}

/* ---------- Responsive ---------- */

@media screen and (max-width: 900px) {
.kjp-home-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kjp-hero {
padding: 2.3rem 1.7rem;
}
}

@media screen and (max-width: 600px) {
.kjp-home-grid {
grid-template-columns: 1fr;
}

.kjp-hero {
padding: 2rem 1.25rem;
border-radius: 12px;
}

.kjp-hero-actions {
flex-direction: column;
}

.kjp-hero-actions a {
text-align: center;
}
}