MediaWiki:Common.css - Revision history

Khalid at 00:26, 22 April 2026

2026-04-22T00:26:36Z

@@ Line 1: / Line 1: @@
-/* Main page portal tiles */
+/* Main page portal tiles styling */
 .main-header-portals {
      text-align: center;
-     margin: 1em 0;
+     padding: 15px 0;
-     font-size: 1.2em;
+    transition: all 0.2s ease-in-out;
+}
-.main-header-portals a {
-     margin: 0 0.5em;
+/* Hover effect for tiles */
-     white-space: nowrap;
+.main-header-portal:hover {
+}
 @media (max-width: 768px) {
      .main-header-portals-desktop-text {
          display: none;

Khalid at 00:24, 22 April 2026

2026-04-22T00:24:38Z

← Older revision		Revision as of 00:24, 22 April 2026
Line 1:		Line 1:
			/* Main page portal tiles */
			.main-header-portals {
			text-align: center;
			margin: 1em 0;
			font-size: 1.2em;
			}
			.main-header-portals a {
			margin: 0 0.5em;
			white-space: nowrap;
			}
			@media (max-width: 768px) {
			.main-header-portals-desktop-text {
			display: none;
			}
			}

	/* Remove any top margin from infoboxes */		/* Remove any top margin from infoboxes */
	.infobox {		.infobox {

Khalid at 18:28, 21 April 2026

2026-04-21T18:28:33Z

← Older revision	Revision as of 18:28, 21 April 2026
Line 1:	Line 1:
		/* Remove any top margin from infoboxes */
		.infobox {
		margin-top: 0 !important;
		vertical-align: top;
		}
		/* Prevent paragraph wrapping around infobox */
		.infobox + * {
		clear: none;
		}

		/* =========================
		TAB BAR CONTAINER
		========================= */
		.wt-tabs {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 0;
		border-bottom: 2px solid var(--color-base--subtle, #a2a9b1);
		margin-bottom: 1.25em;
		padding: 0;
		align-items: flex-end;
		}

		/* =========================
		TAB SPANS (wrappers)
		========================= */
		.wt-tab {
		display: inline-block;
		position: relative;
		margin-bottom: -2px; /* overlap container border-bottom */
		}

		/* =========================
		TAB LINKS
		========================= */
		.wt-tab a {
		display: inline-block;
		padding: 0.4em 0.9em;
		text-decoration: none;
		color: var(--color-base, #54595d);
		background: transparent;
		border: 2px solid transparent;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		line-height: 1.4;
		white-space: nowrap;
		font-size: 0.9em;
		transition: background 0.15s, color 0.15s;
		}

		/* =========================
		HOVER
		========================= */
		.wt-tab a:hover {
		background: var(--color-surface-2, rgba(54,108,204,0.07));
		color: var(--color-progressive, #36c);
		}

		/* =========================
		ACTIVE TAB
		.is-active is set by #ifeq in Template:SubTabs
		========================= */
		.wt-tab.is-active a {
		font-weight: 600;
		color: var(--color-progressive, #36c);
		background: var(--color-surface-0, #fff);
		border-color: var(--color-base--subtle, #a2a9b1);
		border-bottom-color: var(--color-surface-0, #fff); /* "cuts into" the bottom border */
		}

Khalid: Blanked the page

2026-04-21T18:11:03Z

Blanked the page

← Older revision		Revision as of 18:11, 21 April 2026
Line 1:		Line 1:
	~~/* Remove any top margin from infoboxes */~~
	~~.infobox {~~
	~~margin-top: 0 !important;~~
	~~vertical-align: top;~~
	}
	~~/* Prevent paragraph wrapping around infobox */~~
	~~.infobox + * {~~
	~~clear: none;~~
	}
	~~/* =========================~~
	~~TAB BAR CONTAINER~~
	~~========================= */~~
	~~.wt-tabs {~~
	~~display: inline-flex;~~
	~~flex-wrap: wrap;~~
	~~gap: 0;~~
	~~border-bottom: 2px solid var(--color-base--subtle, #a2a9b1);~~
	~~margin-bottom: 1.25em;~~
	~~padding: 0;~~
	~~align-items: flex-end;~~
	~~width: 100%; /* stretch full width to block floats */~~
	}

	~~/* =========================~~
	~~TAB SPANS (wrappers)~~
	~~========================= */~~
	~~.wt-tab {~~
	~~display: inline-block;~~
	~~position: relative;~~
	~~margin-bottom: -2px; /* overlap container border-bottom */~~
	}

	~~/* =========================~~
	~~TAB LINKS~~
	~~========================= */~~
	~~.wt-tab a {~~
	~~display: inline-block;~~
	~~padding: 0.4em 0.9em;~~
	~~text-decoration: none;~~
	~~color: var(--color-base, #54595d);~~
	~~background: transparent;~~
	~~border: 2px solid transparent;~~
	~~border-bottom: none;~~
	~~border-radius: 4px 4px 0 0;~~
	~~line-height: 1.4;~~
	~~white-space: nowrap;~~
	~~font-size: 0.9em;~~
	~~transition: background 0.15s, color 0.15s;~~
	}

	~~/* =========================~~
	~~HOVER~~
	~~========================= */~~
	~~.wt-tab a:hover {~~
	~~background: var(--color-surface-2, rgba(54,108,204,0.07));~~
	~~color: var(--color-progressive, #36c);~~
	}

	~~/* =========================~~
	~~ACTIVE TAB~~
	~~.is-active is set by #ifeq in Template:SubTabs~~
	~~========================= */~~
	~~.wt-tab.is-active a {~~
	~~font-weight: 600;~~
	~~color: var(--color-progressive, #36c);~~
	~~background: var(--color-surface-2, rgba(54,108,204,0.10)); /* visible bg */~~
	~~border: 2px solid var(--color-base--subtle, #a2a9b1);~~
	~~border-bottom-color: transparent; /* merges with container border */~~
	~~border-radius: 4px 4px 0 0;~~
	}

Khalid at 17:59, 21 April 2026

2026-04-21T17:59:59Z

← Older revision		Revision as of 17:59, 21 April 2026
Line 1:		Line 1:
	/* ~~Fix infobox spacing~~ */		/* Remove any top margin from infoboxes */
	.infobox {		.infobox {
	margin-top: 0 !important;		margin-top: 0 !important;
	~~margin~~-~~bottom~~: ~~0.5em;~~		vertical-align: top;
	~~float: right;~~
	~~clear: right~~;
	}		}
	/* ~~Remove extra spacing from surrounding elements */~~		/* Prevent paragraph wrapping around infobox */
	.infobox ~~+ * {~~
	~~clear: none;~~
	}
	~~/* Fix infobox spacing */~~
	~~.infobox {~~
	~~margin-top: 0 !important;~~
	~~margin-bottom: 0.5em;~~
	~~float: right;~~
	~~clear: right;~~
	}
	~~/* Remove extra spacing from surrounding elements~~ */
	.infobox + * {		.infobox + * {
	clear: none;		clear: none;

Khalid at 17:47, 21 April 2026

2026-04-21T17:47:47Z

@@ Line 1: / Line 1: @@
-body { outline: 3px solid red !important; }
+/* Fix infobox spacing */
 /* =========================
     TAB BAR CONTAINER

Khalid: Undo revision 122 by Khalid (talk)

2026-04-21T16:44:45Z

Undo revision 122 by Khalid (talk)

← Older revision		Revision as of 16:44, 21 April 2026
Line 55:		Line 55:
	.wt-tab.is-active a {		.wt-tab.is-active a {
	font-weight: 600;		font-weight: 600;
	color: ~~blue~~;		color: var(--color-progressive, #36c);
	background: var(--color-surface-2, rgba(54,108,204,0.10)); /* visible bg */		background: var(--color-surface-2, rgba(54,108,204,0.10)); /* visible bg */
	border: 2px solid ~~black~~;		border: 2px solid var(--color-base--subtle, #a2a9b1);
	border-bottom-color: transparent; /* merges with container border */		border-bottom-color: transparent; /* merges with container border */
	border-radius: 4px 4px 0 0;		border-radius: 4px 4px 0 0;
	}		}

Khalid at 16:44, 21 April 2026

2026-04-21T16:44:00Z

← Older revision		Revision as of 16:44, 21 April 2026
Line 55:		Line 55:
	.wt-tab.is-active a {		.wt-tab.is-active a {
	font-weight: 600;		font-weight: 600;
	color: ~~var(--color-progressive, #36c)~~;		color: blue;
	background: var(--color-surface-2, rgba(54,108,204,0.10)); /* visible bg */		background: var(--color-surface-2, rgba(54,108,204,0.10)); /* visible bg */
	border: 2px solid ~~var(--color-base--subtle, #a2a9b1)~~;		border: 2px solid black;
	border-bottom-color: transparent; /* merges with container border */		border-bottom-color: transparent; /* merges with container border */
	border-radius: 4px 4px 0 0;		border-radius: 4px 4px 0 0;
	}		}

Khalid at 16:39, 21 April 2026

2026-04-21T16:39:29Z

← Older revision		Revision as of 16:39, 21 April 2026
Line 11:		Line 11:
	padding: 0;		padding: 0;
	align-items: flex-end;		align-items: flex-end;
			width: 100%; /* stretch full width to block floats */
	}		}

Line 55:		Line 56:
	font-weight: 600;		font-weight: 600;
	color: var(--color-progressive, #36c);		color: var(--color-progressive, #36c);
	background: var(--color-surface-0~~, #fff~~);		background: var(--color-surface-2, rgba(54,108,204,0.10)); /* visible bg */
	border~~-color~~: var(--color-base--subtle, #a2a9b1);		border: 2px solid var(--color-base--subtle, #a2a9b1);
	border-bottom-color: ~~var(--color-surface-0, #fff)~~; /* ~~"cuts into" the bottom~~ border */		border-bottom-color: transparent; /* merges with container border */
			border-radius: 4px 4px 0 0;
	}		}

Khalid: adding body { outline: 3px solid red !important; } to see if css is being applied

2026-04-21T16:34:32Z

adding body { outline: 3px solid red !important; } to see if css is being applied

← Older revision		Revision as of 16:34, 21 April 2026
Line 1:		Line 1:
			body { outline: 3px solid red !important; }
	/* =========================		/* =========================
	TAB BAR CONTAINER		TAB BAR CONTAINER