MediaWiki:Common.css - Revision history

Ckras at 14:00, 6 March 2026

2026-03-06T14:00:06Z

Ckras at 10:19, 6 March 2026

2026-03-06T10:19:30Z

← Older revision		Revision as of 12:19, 6 March 2026
Line 513:		Line 513:
	}		}

			/* MINI CARDS */
	/*MINI CARDS
	.ck-page .ck-section-grid{		.ck-page .ck-section-grid{
	display:grid;		display:grid;

Ckras at 10:03, 6 March 2026

2026-03-06T10:03:05Z

@@ Line 511: / Line 511: @@
    .ck-page .ck-hero--dark table td { display: block !important; width: 100% !important; text-align: left !important; }
    .ck-page .ck-hero-content { padding-left: 0 !important; margin-top: 15px !important; }
+}

Ckras at 14:41, 5 March 2026

2026-03-05T14:41:00Z

← Older revision		Revision as of 16:41, 5 March 2026
Line 249:		Line 249:
	.page-Main_Page .ck-established{ text-align:center; font-size:12px; color:#64748B; margin-top:20px; }		.page-Main_Page .ck-established{ text-align:center; font-size:12px; color:#64748B; margin-top:20px; }

			/* Blendet den Standard-Titel auf der Main Page aus */
	.page-Main_Page #firstHeading { display: none !important; }		.page-Main_Page #firstHeading { display: none !important; }

Line 269:		Line 270:
	width: 100% !important;		width: 100% !important;
	margin: 0 !important;		margin: 0 !important;
			}

			/* NEU: Blendet den Standard MediaWiki Header (<h1>) aus, WENN die Seite .ck-page nutzt */
			.mw-body:has(.ck-page) #firstHeading {
			display: none !important;
	}		}

Ckras at 14:29, 5 March 2026

2026-03-05T14:29:35Z

← Older revision		Revision as of 16:29, 5 March 2026
Line 204:		Line 204:
	.page-Main_Page .ck-card-right{ width:220px; flex-shrink:0; display:flex; justify-content:flex-end; align-items: center; }		.page-Main_Page .ck-card-right{ width:220px; flex-shrink:0; display:flex; justify-content:flex-end; align-items: center; }

	~~/* MediaWiki packt oft ein <p> um den Link - das neutralisieren wir hier */~~
	.page-Main_Page .ck-card-right p { margin: 0 !important; padding: 0 !important; }		.page-Main_Page .ck-card-right p { margin: 0 !important; padding: 0 !important; }

Line 269:		Line 268:
	max-width: none !important;		max-width: none !important;
	width: 100% !important;		width: 100% !important;
	margin: 0 !important; ~~/* nicht zentrieren */~~		margin: 0 !important;
	}		}

	/* GLOBAL LINK HOVER - ~~DUNKEL ZU BLAU MIT UNTERSTRICH FÜR~~ UNTERSEITEN */		/* GLOBAL LINK HOVER - ERZWINGT DEZENTE FARBE AUF UNTERSEITEN (Startseiten-Style) */
	.ck-page ~~.mw-parser-output~~ a {		.ck-page a {
	color: #0F172A;		color: #0F172A !important;
	text-decoration: none !important;		text-decoration: none !important;
	border-bottom: 1px solid rgba(15,23,42,0.15);		border-bottom: 1px solid rgba(15,23,42,0.15) !important;
	transition: all 0.2s ease;		transition: all 0.2s ease;
	}		}

	.ck-page ~~.mw-parser-output~~ a:hover {		.ck-page a:hover {
	color: #0B65E9 !important;		color: #0B65E9 !important;
	border-bottom: 1px solid #0B65E9 !important;		border-bottom: 1px solid #0B65E9 !important;
	}		}

	/* AUSNAHMEN FÜR BILDER UND BUTTONS (Nie ein Unterstrich) */		/* AUSNAHMEN FÜR BILDER UND BUTTONS (Nie ein Unterstrich oder Farb-Überschreibung) */
	.ck-page ~~.mw-parser-output~~ a.image,		.ck-page a.image,
	.ck-page ~~.mw-parser-output~~ a.mw-file-description,		.ck-page a.mw-file-description,
	.ck-page ~~.mw-parser-output~~ a:has(img),		.ck-page a:has(img),
	.ck-page a:has(.ck-btn),		.ck-page a:has(.ck-btn),
	.ck-page .ck-hero-actions a {		.ck-page .ck-hero-actions a {
Line 294:		Line 293:
	}		}

	~~/* FIX: "background: transparent" GELÖSCHT, damit Buttons beim Hovern nicht unsichtbar werden! */~~		.ck-page a.image:hover,
	.ck-page ~~.mw-parser-output~~ a.image:hover,		.ck-page a.mw-file-description:hover,
	.ck-page ~~.mw-parser-output~~ a.mw-file-description:hover,		.ck-page a:has(img):hover,
	.ck-page ~~.mw-parser-output~~ a:has(img):hover,
	.ck-page a:has(.ck-btn):hover,		.ck-page a:has(.ck-btn):hover,
	.ck-page .ck-hero-actions a:hover {		.ck-page .ck-hero-actions a:hover {
	border-bottom: none !important;		border-bottom: none !important;
			background: transparent !important;
	}		}

Line 312:		Line 311:

	/* Primary Button (Start on CKRAS) */		/* Primary Button (Start on CKRAS) */
	.ck-btn-primary{ background:#0B65E9 !important; color:#FFFFFF !important; border-bottom: none !important; }		.ck-page a .ck-btn-primary, .ck-btn-primary { background:#0B65E9 !important; color:#FFFFFF !important; border-bottom: none !important; }
	.ck-page a:hover .ck-btn-primary, .ck-btn-primary:hover {		.ck-page a:hover .ck-btn-primary, .ck-btn-primary:hover {
	background:#094DB6 !important; ~~/* Etwas dunkleres Blau beim Hover */~~		background:#094DB6 !important;
	color:#FFFFFF !important;		color:#FFFFFF !important;
	border-bottom: none !important;		border-bottom: none !important;
			transform: translateY(-1px);
	}		}

	/* Ghost Button (CKRAS Website / Deutsch) */		/* Ghost Button (CKRAS Website / Deutsch) */
	.ck-btn-ghost{ background:#111827 !important; border-color:#334155 !important; color:#E2E8F0 !important; border-bottom: none !important; }		.ck-page a .ck-btn-ghost, .ck-btn-ghost { background:#111827 !important; border-color:#334155 !important; color:#E2E8F0 !important; border-bottom: none !important; }
	.ck-page a:hover .ck-btn-ghost, .ck-btn-ghost:hover {		.ck-page a:hover .ck-btn-ghost, .ck-btn-ghost:hover {
	background:#1F2937 !important; ~~/* Etwas helleres Schwarz/Grau beim Hover */~~		background:#1F2937 !important;
	border-color: #38BDF8 !important; ~~/* Leichter blauer Rahmen beim Hover */~~		border-color: #38BDF8 !important;
	color:#FFFFFF !important;		color:#FFFFFF !important;
	border-bottom: none !important;		border-bottom: none !important;
			transform: translateY(-1px);
	}		}

Ckras at 10:49, 5 March 2026

2026-03-05T10:49:13Z

← Older revision		Revision as of 12:49, 5 March 2026
Line 149:		Line 149:
	}		}

	/* STARTSEITE ICON CONTAINER */		/* STARTSEITE ICON CONTAINER - Kleiner & Fein */
	.page-Main_Page .ck-icoimg{		.page-Main_Page .ck-icoimg{
	width: 56px;		width: 56px;
Line 161:		Line 161:
	overflow: hidden;		overflow: hidden;
	flex-shrink: 0;		flex-shrink: 0;
	padding: 8px;		padding: 8px; /* Abstand im Icon-Container */
	box-sizing: border-box;		box-sizing: border-box;
	}		}
Line 170:		Line 170:
	}		}

			/* Icon Bild verkleinert */
	.page-Main_Page .ck-icoimg img{		.page-Main_Page .ck-icoimg img{
	width: 36px !important;		width: 36px !important;
Line 200:		Line 201:
	.page-Main_Page .ck-meta a:hover{ background:#EAF2FF; }		.page-Main_Page .ck-meta a:hover{ background:#EAF2FF; }

	/* STARTSEITE CTA BUTTONS */		/* STARTSEITE CTA BUTTONS (Hover-Fix weiße Schrift & <p> Tag Neutralisierung) */
	.page-Main_Page .ck-card-right{ width:220px; flex-shrink:0; display:flex; justify-content:flex-end; align-items: center; }		.page-Main_Page .ck-card-right{ width:220px; flex-shrink:0; display:flex; justify-content:flex-end; align-items: center; }

			/* MediaWiki packt oft ein <p> um den Link - das neutralisieren wir hier */
	.page-Main_Page .ck-card-right p { margin: 0 !important; padding: 0 !important; }		.page-Main_Page .ck-card-right p { margin: 0 !important; padding: 0 !important; }

Line 213:		Line 215:
	}		}

			/* FIX: Hover für großen CTA Button (weiße Schrift garantiert, auch innerhalb von p-Tags) */
	.page-Main_Page .ck-card-right a:hover,		.page-Main_Page .ck-card-right a:hover,
	.page-Main_Page .ck-card-right p a:hover,		.page-Main_Page .ck-card-right p a:hover,
Line 286:		Line 289:
	.ck-page .mw-parser-output a.mw-file-description,		.ck-page .mw-parser-output a.mw-file-description,
	.ck-page .mw-parser-output a:has(img),		.ck-page .mw-parser-output a:has(img),
	.ck-page a .ck-btn,		.ck-page a:has(.ck-btn),
	.ck-page .ck-hero-actions a {		.ck-page .ck-hero-actions a {
	border-bottom: none !important;		border-bottom: none !important;
	}		}

			/* FIX: "background: transparent" GELÖSCHT, damit Buttons beim Hovern nicht unsichtbar werden! */
	.ck-page .mw-parser-output a.image:hover,		.ck-page .mw-parser-output a.image:hover,
	.ck-page .mw-parser-output a.mw-file-description:hover,		.ck-page .mw-parser-output a.mw-file-description:hover,
	.ck-page .mw-parser-output a:has(img):hover,		.ck-page .mw-parser-output a:has(img):hover,
	.ck-page a:~~hover~~ .ck-btn,		.ck-page a:has(.ck-btn):hover,
	.ck-page .ck-hero-actions a:hover {		.ck-page .ck-hero-actions a:hover {
	border-bottom: none !important;		border-bottom: none !important;
	~~background: transparent !important;~~
	}		}

Line 305:		Line 308:
	padding:10px 16px; border-radius:12px; font-weight:800; font-size:13px;		padding:10px 16px; border-radius:12px; font-weight:800; font-size:13px;
	line-height:1; white-space:nowrap; border:1px solid transparent; text-decoration:none !important;		line-height:1; white-space:nowrap; border:1px solid transparent; text-decoration:none !important;
			transition: all 0.2s ease;
	}		}

			/* Primary Button (Start on CKRAS) */
	.ck-btn-primary{ background:#0B65E9 !important; color:#FFFFFF !important; border-bottom: none !important; }		.ck-btn-primary{ background:#0B65E9 !important; color:#FFFFFF !important; border-bottom: none !important; }
	.ck-btn-primary:hover{ background:#094DB6 !important; color:#FFFFFF !important; border-bottom: none !important; }		.ck-page a:hover .ck-btn-primary, .ck-btn-primary:hover {
			background:#094DB6 !important; /* Etwas dunkleres Blau beim Hover */
			color:#FFFFFF !important;
			border-bottom: none !important;
			}

			/* Ghost Button (CKRAS Website / Deutsch) */
	.ck-btn-ghost{ background:#111827 !important; border-color:#334155 !important; color:#E2E8F0 !important; border-bottom: none !important; }		.ck-btn-ghost{ background:#111827 !important; border-color:#334155 !important; color:#E2E8F0 !important; border-bottom: none !important; }
	.ck-btn-ghost:hover{ border-color: ~~rgba(56,189,248,.55)~~ !important; color:#FFFFFF !important; border-bottom: none !important; }		.ck-page a:hover .ck-btn-ghost, .ck-btn-ghost:hover {
			background:#1F2937 !important; /* Etwas helleres Schwarz/Grau beim Hover */
			border-color: #38BDF8 !important; /* Leichter blauer Rahmen beim Hover */
			color:#FFFFFF !important;
			border-bottom: none !important;
			}

	/* LEAD & CALLOUTS & BOXES */		/* LEAD & CALLOUTS & BOXES */
Line 345:		Line 362:
	border-radius: 16px !important;		border-radius: 16px !important;
	padding: 32px !important;		padding: 32px !important;
	background: #FFFFFF !important; /* Weißer Hintergrund */		background: #FFFFFF !important; /* Weißer Hintergrund, wie gewünscht */
	border: 1px solid #E2E8F0 !important;		border: 1px solid #E2E8F0 !important;
	border-left: 8px solid #0F172A !important; /* Dicker blauer Balken links */		border-left: 8px solid #0F172A !important; /* Dicker blauer Balken links */
Line 417:		Line 434:

	.ck-page .ck-hero-title {		.ck-page .ck-hero-title {
	color: #0B65E9 !important;		color: #0B65E9 !important; /* CKRAS Blau */
	font-weight: 900 !important;		font-weight: 900 !important;
	font-size: 28px !important;		font-size: 28px !important;
Line 424:		Line 441:
	display: block !important;		display: block !important;
	text-align: left !important;		text-align: left !important;
			width: 100%;
	}		}

	.ck-page .ck-hero-sub {		.ck-page .ck-hero-sub {
	color: #475569 !important;		color: #475569 !important; /* Dunkelgrau */
	font-size: 15px !important;		font-size: 15px !important;
	line-height: 1.6 !important;		line-height: 1.6 !important;
	margin: 0 0 12px 0 !important;		margin: 0 0 12px 0 !important;
	text-align: left !important;		text-align: left !important;
	~~display~~: ~~block !important~~;		width: 100%;
	}		}

Ckras at 10:44, 5 March 2026

2026-03-05T10:44:51Z

Show changes

Ckras at 10:37, 5 March 2026

2026-03-05T10:37:18Z

Show changes

Ckras at 10:33, 5 March 2026

2026-03-05T10:33:33Z

Show changes

Ckras at 10:27, 5 March 2026

2026-03-05T10:27:16Z

Show changes