Zach at 17:22, 6 October 2025

2025-10-06T17:22:49Z

@@ Line 405: / Line 405: @@
    border-radius: 6px;
+}
 /* --- FOOTNOTE --- */

Zach at 17:15, 6 October 2025

2025-10-06T17:15:11Z

← Older revision		Revision as of 17:15, 6 October 2025
Line 197:		Line 197:
	line-height: 1.1;		line-height: 1.1;
	font-weight: 800;		font-weight: 800;
	text-shadow: 0 ~~2px~~ 10px rgba(0,0,0,.35);		color: #ffffff !important;
			text-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);
	}		}

Line 203:		Line 204:
	margin: 0 0 14px;		margin: 0 0 14px;
	font-size: clamp(14px, 1.7vw, 18px);		font-size: clamp(14px, 1.7vw, 18px);
	opacity: .9;		color: #e6f2ff !important;
			opacity: 0.95;
	}		}

Zach at 16:56, 6 October 2025

2025-10-06T16:56:19Z

← Older revision		Revision as of 16:56, 6 October 2025
Line 172:		Line 172:
	position: absolute;		position: absolute;
	inset: 0;		inset: 0;
	background-image: url('https://wiki.sjs.gg/images/a/a8/~~SuperJoyBanner~~.png');		background-image: url('https://wiki.sjs.gg/images/6/6c/CatchaKrakenBanner.png?20251006165508');
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;

Zach at 16:48, 6 October 2025

2025-10-06T16:48:08Z

← Older revision		Revision as of 16:48, 6 October 2025
Line 65:		Line 65:
	}		}

	/* Per-brand ~~visual nudge so they feel optically balanced~~ */		/* Per-brand optical balance */
	.page-Main_Page .sj-pill.youtube i { font-size: 1.18em; }		.page-Main_Page .sj-pill.youtube i { font-size: 1.18em; }
	.page-Main_Page .sj-pill.discord i { font-size: 1.14em; }		.page-Main_Page .sj-pill.discord i { font-size: 1.14em; }
Line 119:		Line 119:
	margin-bottom: 1rem;		margin-bottom: 1rem;
	}		}

	/* ---------- LOGO ---------- */		/* ---------- LOGO ---------- */
	.skin-vector .mw-wiki-logo {		.skin-vector .mw-wiki-logo {
	width: 160px !important;		width: 160px !important;
	height: 85px !important;		height: 85px !important;
	background-size: contain !important;		background-size: contain !important;
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
Line 130:		Line 131:
	.skin-vector #p-logo,		.skin-vector #p-logo,
	.skin-vector .mw-portlet-logo {		.skin-vector .mw-portlet-logo {
	width: 180px !important;		width: 180px !important;
	}		}


	/* ================================		/* ================================
Line 143:		Line 145:
	--cak-ink: #0e1722;		--cak-ink: #0e1722;
	--cak-ink-soft: #3a4a60;		--cak-ink-soft: #3a4a60;
	--cak-blue: #~~2aa0ff~~;		--cak-blue: #2a7dff;
	--cak-reef: #0f2d48;		--cak-reef: #0f2d48;
	--cak-aqua: #59b7ff;		--cak-aqua: #59b7ff;
Line 254:		Line 256:
	padding: 18px 18px 16px;		padding: 18px 18px 16px;
	box-shadow: var(--cak-shadow);		box-shadow: var(--cak-shadow);
			margin-bottom: 18px; /* spacing between sections (incl. before Guides) */
	}		}

Line 263:		Line 266:
	}		}

	/* --- OVERVIEW --- */		/* --- OVERVIEW (blue feature cards) --- */
	.page-Catch_a_Kraken .cak-overview {		.page-Catch_a_Kraken .cak-overview {
	display: grid;		display: grid;
Line 280:		Line 283:
	.page-Catch_a_Kraken .cak-overview__item {		.page-Catch_a_Kraken .cak-overview__item {
	background: linear-gradient(145deg, #081827, #0f2a43);		background: linear-gradient(145deg, #081827, #0f2a43);
	color: #~~e6f2ff~~;		color: #ffffff; /* ✅ strong white body text */
	border-radius: var(--cak-radius);		border-radius: var(--cak-radius);
	padding: 16px 14px;		padding: 16px 14px;
Line 300:		Line 303:
	font-size: 16px;		font-size: 16px;
	font-weight: 800;		font-weight: 800;
			color: #fff; /* ✅ white headings */
			}
			.page-Catch_a_Kraken .cak-overview__item p {
			margin: 0;
			color: rgba(255,255,255,.92); /* ✅ high-contrast body copy */
	}		}

	/* --- SIMPLE LIST --- */		/* --- SIMPLE LIST (Latest) --- */
	.page-Catch_a_Kraken .cak-list {		.page-Catch_a_Kraken .cak-list {
	margin: 6px 0 4px 1.1em;		margin: 6px 0 4px 1.1em;
Line 318:		Line 326:
	.page-Catch_a_Kraken .cak-small { color: var(--cak-ink-soft); font-size: 13px; }		.page-Catch_a_Kraken .cak-small { color: var(--cak-ink-soft); font-size: 13px; }

	/* --- START HERE --- */		/* --- START HERE (guide cards) --- */
	.page-Catch_a_Kraken .cak-starthere {		.page-Catch_a_Kraken .cak-starthere {
	display: grid;		display: grid;
Line 329:		Line 337:
	.page-Catch_a_Kraken .cak-startcard {		.page-Catch_a_Kraken .cak-startcard {
	background: #0c1d2e;		background: #0c1d2e;
	color: #~~e8f3ff~~;		color: #ffffff; /* ✅ strong white */
	border-radius: var(--cak-radius);		border-radius: var(--cak-radius);
	padding: 16px 16px 14px;		padding: 16px 16px 14px;
Line 341:		Line 349:
	font-size: 18px;		font-size: 18px;
	font-weight: 800;		font-weight: 800;
			color: #fff; /* ✅ white headings */
			}
			.page-Catch_a_Kraken .cak-startcard p {
			margin: 0 0 10px;
			color: rgba(255,255,255,.92); /* ✅ white body copy */
	}		}
	~~.page-Catch_a_Kraken .cak-startcard p { margin: 0 0 10px; }~~
	.page-Catch_a_Kraken .cak-startlink {		.page-Catch_a_Kraken .cak-startlink {
	display: inline-block;		display: inline-block;
Line 358:		Line 370:
	}		}

	/* --- SIDEBAR QUICK LINKS --- */		/* --- SIDEBAR QUICK LINKS (clickable) --- */
	.page-Catch_a_Kraken .cak-quicklinks ul {		.page-Catch_a_Kraken .cak-quicklinks ul {
	list-style: none;		list-style: none;
Line 364:		Line 376:
	margin: 6px 0 0;		margin: 6px 0 0;
	}		}
	.page-Catch_a_Kraken .cak-quicklinks li { margin: 6px 0; }		.page-Catch_a_Kraken .cak-quicklinks li {
			margin: 6px 0;
			}
	.page-Catch_a_Kraken .cak-quicklinks a {		.page-Catch_a_Kraken .cak-quicklinks a {
			display: inline-flex;
			align-items: center;
			gap: 6px;
	text-decoration: none;		text-decoration: none;
	font-weight: 700;		font-weight: 700;
	color: ~~var~~(--cak-~~ink)~~;		color: #0d6efd; /* ✅ blue to signal clickability */
			transition: color .15s ease, transform .15s ease;
			}
			.page-Catch_a_Kraken .cak-quicklinks a::after {
			content: "›";
			font-weight: 800;
			line-height: 1;
			transform: translateY(-1px);
			}
			.page-Catch_a_Kraken .cak-quicklinks a:hover {
			color: #003bb5;
			text-decoration: underline;
			}
			.page-Catch_a_Kraken .cak-quicklinks a:focus-visible {
			outline: 2px solid #0d6efd;
			outline-offset: 2px;
			border-radius: 6px;
	}		}
	~~.page-Catch_a_Kraken .cak-quicklinks a:hover { color: var(--cak-blue); }~~

	/* --- FOOTNOTE --- */		/* --- FOOTNOTE --- */

Zach at 16:32, 6 October 2025

2025-10-06T16:32:13Z

Show changes

Zach at 05:06, 5 October 2025

2025-10-05T05:06:04Z

Show changes

Zach at 04:53, 5 October 2025

2025-10-05T04:53:32Z

Show changes

Zach at 04:50, 5 October 2025

2025-10-05T04:50:43Z

Show changes

Zach at 04:42, 5 October 2025

2025-10-05T04:42:15Z

Show changes

Zach at 04:06, 5 October 2025

2025-10-05T04:06:59Z

← Older revision		Revision as of 04:06, 5 October 2025
Line 122:		Line 122:
	.skin-vector .mw-wiki-logo {		.skin-vector .mw-wiki-logo {
	width: 160px !important;		width: 160px !important;
	height: ~~100px~~ !important;		height: 85px !important;
	background-size: contain !important;		background-size: contain !important;
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;

MediaWiki:Common.css - Revision history

Zach at 17:22, 6 October 2025

Zach at 17:15, 6 October 2025

Zach at 16:56, 6 October 2025

Zach at 16:48, 6 October 2025

Zach at 16:32, 6 October 2025

Zach at 05:06, 5 October 2025

Zach at 04:53, 5 October 2025

Zach at 04:50, 5 October 2025

Zach at 04:42, 5 October 2025

Zach at 04:06, 5 October 2025