MediaWiki:Common.css - Revision history

Caggles at 11:22, 13 September 2025

2025-09-13T11:22:47Z

← Older revision		Revision as of 11:22, 13 September 2025
Line 5:		Line 5:
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url(/public_html/public/assets/images/egr.png);		background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url(/public_html/public/assets/images/egr.png);
	color: white;		color: white;
	background-~~position~~: fixed;		background-attachment: fixed;
	background-size: cover;		background-size: cover;
	}		}

Caggles at 11:21, 13 September 2025

2025-09-13T11:21:04Z

← Older revision		Revision as of 11:21, 13 September 2025
Line 6:		Line 6:
	color: white;		color: white;
	background-position: fixed;		background-position: fixed;
			background-size: cover;
	}		}

Caggles at 11:00, 13 September 2025

2025-09-13T11:00:51Z

← Older revision		Revision as of 11:00, 13 September 2025
Line 152:		Line 152:

	/* ====== Utility (keeps images responsive if you add them) ====== */		/* ====== Utility (keeps images responsive if you add them) ====== */
			img {
			max-width: 100%;
			height: auto;
			}

	.cn-img { max-width: 100%; height: auto; border-radius: 8px; }		.cn-img { max-width: 100%; height: auto; border-radius: 8px; }

Caggles at 09:55, 13 September 2025

2025-09-13T09:55:04Z

← Older revision		Revision as of 09:55, 13 September 2025
Line 159:		Line 159:
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;
	border-radius: ~~4px~~;		border-radius: 6px;
	}		}

Caggles at 09:54, 13 September 2025

2025-09-13T09:54:10Z

← Older revision		Revision as of 09:54, 13 September 2025
Line 152:		Line 152:

	/* ====== Utility (keeps images responsive if you add them) ====== */		/* ====== Utility (keeps images responsive if you add them) ====== */
	.cn-~~img~~ img { max-width: 100%; height: auto; border-radius: 8px; }		.cn-img { max-width: 100%; height: auto; border-radius: 8px; }

	.cn-portal-hero img {		.cn-portal-hero img {
	aspect-ratio: 16/9;		aspect-ratio: 16 / 9;
			object-fit: cover;
			max-width: 100%;
			height: auto;
			border-radius: 4px;
	}		}

Caggles at 09:50, 13 September 2025

2025-09-13T09:50:35Z

← Older revision		Revision as of 09:50, 13 September 2025
Line 152:		Line 152:

	/* ====== Utility (keeps images responsive if you add them) ====== */		/* ====== Utility (keeps images responsive if you add them) ====== */
	.cn-img { max-width: 100%; height: auto; border-radius: 8px; }		.cn-img img { max-width: 100%; height: auto; border-radius: 8px; }

	.cn-portal-hero {		.cn-portal-hero img {
	aspect-ratio: 16/9;		aspect-ratio: 16/9;
	}		}

Caggles at 09:40, 13 September 2025

2025-09-13T09:40:18Z

← Older revision		Revision as of 09:40, 13 September 2025
Line 155:		Line 155:

	.cn-portal-hero {		.cn-portal-hero {
	aspect-ratio: 16:9;		aspect-ratio: 16/9;
	}		}

Caggles at 09:39, 13 September 2025

2025-09-13T09:39:38Z

← Older revision		Revision as of 09:39, 13 September 2025
Line 153:		Line 153:
	/* ====== Utility (keeps images responsive if you add them) ====== */		/* ====== Utility (keeps images responsive if you add them) ====== */
	.cn-img { max-width: 100%; height: auto; border-radius: 8px; }		.cn-img { max-width: 100%; height: auto; border-radius: 8px; }

			.cn-portal-hero {
			aspect-ratio: 16:9;
			}

Caggles at 09:15, 13 September 2025

2025-09-13T09:15:45Z

← Older revision		Revision as of 09:15, 13 September 2025
Line 22:		Line 22:
	color: white;		color: white;
	}		}


			.cn-wrap {
			max-width: 1000px;
			margin: 0 auto;
			padding: 1rem;
			color: #141414;
			font-size: 16px;
			line-height: 1.5;
			}
			.cn-light { background: #fff; }
			.cn-muted { color: #666; }
			.cn-border { border: 1px solid #e3e3e3; }
			.cn-soft { background: #fafafa; }
			.cn-h1 {
			text-align: center;
			padding: 1rem 0 0.25rem 0;
			font-size: clamp(1.6rem, 2.5vw, 2.2rem);
			font-weight: 700;
			}
			.cn-strap {
			text-align: center;
			color: #555;
			font-size: clamp(0.95rem, 1.4vw, 1.1rem);
			margin-bottom: 0.75rem;
			display: block;
			}
			.cn-rule { border-bottom: 2px solid #d9d9d9; margin-bottom: 1rem; }

			/* ====== Blocks ====== */
			.cn-banner {
			display: grid;
			place-items: center;
			min-height: 140px;
			margin-bottom: 1rem;
			color: #9a9a9a;
			}
			.cn-card {
			background: #fff;
			border: 1px solid #e3e3e3;
			border-radius: 10px;
			padding: 1rem;
			}
			.cn-card.soft { background: #fff; }
			.cn-note {
			border-left: 4px solid #99b3e6;
			padding-left: 0.75rem;
			margin-top: 0.5rem;
			color: #666;
			}

			/* ====== Section headings ====== */
			.cn-h2 {
			font-size: clamp(1.15rem, 2vw, 1.4rem);
			font-weight: 700;
			margin: 1.5rem 0 0.75rem 0;
			padding-bottom: 0.3rem;
			border-bottom: 2px solid #d9d9d9;
			}

			/* ====== Responsive grids ====== */
			.cn-grid {
			display: grid;
			gap: 1rem;
			}

			/* Portal grid: 4 → 2 → 1 columns */
			.cn-portals {
			grid-template-columns: repeat(4, 1fr);
			}
			@media (max-width: 1024px) {
			.cn-portals { grid-template-columns: repeat(2, 1fr); }
			}
			@media (max-width: 560px) {
			.cn-portals { grid-template-columns: 1fr; }
			}

			/* Featured cards: 3 → 1 */
			.cn-featured {
			grid-template-columns: repeat(3, 1fr);
			}
			@media (max-width: 880px) {
			.cn-featured { grid-template-columns: 1fr; }
			}

			/* ====== Portal cards ====== */
			.cn-portal {
			text-align: center;
			padding: 1rem;
			border-radius: 12px;
			transition: box-shadow .15s ease, transform .12s ease;
			}
			.cn-portal:hover {
			box-shadow: 0 8px 24px rgba(0,0,0,0.06);
			transform: translateY(-1px);
			}
			.cn-portal-title {
			font-weight: 700;
			font-size: 1.1rem;
			}
			.cn-portal-desc {
			color: #555;
			margin-top: 0.4rem;
			font-size: 0.95rem;
			}

			/* ====== Map box ====== */
			.cn-map {
			display: grid;
			place-items: center;
			height: 220px;
			color: #9a9a9a;
			background: #fafafa;
			border: 1px solid #e3e3e3;
			border-radius: 10px;
			}

			/* ====== Footer ====== */
			.cn-footer {
			margin-top: 1.5rem;
			padding-top: 0.8rem;
			border-top: 1px solid #e3e3e3;
			text-align: center;
			color: #555;
			font-size: 0.95rem;
			}
			.cn-footer a { color: #0b63c3; text-decoration: none; }
			.cn-footer a:hover { text-decoration: underline; }

			/* ====== Utility (keeps images responsive if you add them) ====== */
			.cn-img { max-width: 100%; height: auto; border-radius: 8px; }

Caggles at 08:27, 13 September 2025

2025-09-13T08:27:23Z

← Older revision		Revision as of 08:27, 13 September 2025
Line 16:		Line 16:

	#mw-panel .vector-menu-heading {		#mw-panel .vector-menu-heading {
			color: white;
			}

			.mw-footer li {
	color: white;		color: white;
	}		}