MediaWiki:Common.css - Revision history

Ower at 22:11, 7 April 2026

2026-04-07T22:11:14Z

← Older revision		Revision as of 22:11, 7 April 2026
Line 140:		Line 140:
	::-webkit-scrollbar-thumb { background: var(--ak-border); border-radius: 4px; }		::-webkit-scrollbar-thumb { background: var(--ak-border); border-radius: 4px; }
	::-webkit-scrollbar-thumb:hover { background: var(--ak-orange); }		::-webkit-scrollbar-thumb:hover { background: var(--ak-orange); }

			/* ── Blockquote (native) ──────────────────────── */
			blockquote {
			margin: 1em 0 1em 1.5em;
			padding: 0.5em 1em;
			border-left: 3px solid var(--ak-border);
			color: var(--ak-text-dim);
			font-style: italic;
			}

			/* ── Callout boxes ────────────────────────────── */
			.ak-callout {
			margin: 1.25em 0;
			padding: 0.65em 1em 0.75em;
			border-left: 4px solid var(--ak-border);
			background: var(--ak-card2);
			border-radius: 0 2px 2px 0;
			}
			.ak-callout-label {
			font-family: 'Georgia', serif;
			font-weight: bold;
			font-size: 0.8em;
			text-transform: uppercase;
			letter-spacing: 0.06em;
			margin-bottom: 0.3em;
			color: var(--ak-text-dim);
			}

			/* Lore — in-universe flavor text */
			.ak-lore {
			border-left-color: #8a7560;
			background: #ede8df;
			font-style: italic;
			}
			.ak-lore .ak-callout-label {
			color: #8a7560;
			font-style: normal;
			}

			/* Tip — gameplay advice */
			.ak-tip {
			border-left-color: var(--ak-green);
			background: rgba(0, 164, 79, 0.07);
			}
			.ak-tip .ak-callout-label { color: var(--ak-green); }

			/* Warning — danger or cost */
			.ak-warning {
			border-left-color: var(--ak-orange);
			background: rgba(200, 97, 0, 0.07);
			}
			.ak-warning .ak-callout-label { color: var(--ak-orange); }

			/* Note — neutral info */
			.ak-note {
			border-left-color: var(--ak-text-dim);
			background: var(--ak-card2);
			}
			.ak-note .ak-callout-label { color: var(--ak-text-dim); }

Ower: Attempt sticky footer

2026-04-07T09:23:43Z

Attempt sticky footer

← Older revision		Revision as of 09:23, 7 April 2026
Line 14:		Line 14:
	}		}

	/* ── Sticky footer ~~via flexbox~~ ───────────────── */		/* ── Sticky footer ───────────────── */
	html {		html, body {
	~~height: 100%;~~		height: 100%;
	}		margin: 0;
	body {
	~~min-~~height: 100%;
	~~display: flex;~~
	~~flex-direction~~: ~~column~~;
	}		}

	#mw-wrapper {		#mw-wrapper {
	flex: 1;		min-height: 100vh;
			display: flex;
			flex-direction: column;
	}		}
	.mw-~~footer~~-container {
	flex~~-shrink: 0;~~		#mw-content-container{
	~~margin-top~~: ~~auto~~;		flex: 1;
	}		}

Ower: Fix footer positions

2026-04-06T23:07:08Z

Fix footer positions

@@ Line 12: / Line 12: @@
      --ak-orange:     #c86100;
      --ak-text-light: #fafaf9;
+}
@@ Line 66: / Line 83: @@
      background: var(--ak-card) !important;
      border-image: url('/assets/border_blue2.png') 9 !important;
-     border-width: 9px 9px 0 9px !important;
+     border-width: 9px !important;
      border-style: solid !important;
      color: var(--ak-text) !important;
@@ Line 84: / Line 101: @@
      border-top: 1px solid var(--ak-border) !important;
      color: var(--ak-text-light) !important;
+}

Ower: Fix footer 2

2026-04-06T23:04:21Z

Fix footer 2

← Older revision		Revision as of 23:04, 6 April 2026
Line 66:		Line 66:
	background: var(--ak-card) !important;		background: var(--ak-card) !important;
	border-image: url('/assets/border_blue2.png') 9 !important;		border-image: url('/assets/border_blue2.png') 9 !important;
	border-width: 9px !important;		border-width: 9px 9px 0 9px !important;
	border-style: solid !important;		border-style: solid !important;
	color: var(--ak-text) !important;		color: var(--ak-text) !important;

Ower: Fix footer

2026-04-06T23:02:16Z

Fix footer

← Older revision		Revision as of 23:02, 6 April 2026
Line 84:		Line 84:
	border-top: 1px solid var(--ak-border) !important;		border-top: 1px solid var(--ak-border) !important;
	color: var(--ak-text-light) !important;		color: var(--ak-text-light) !important;
			}

			#mw-footer-container {
			position: fixed !important;
			bottom: 0 !important;
			left: 0 !important;
			right: 0 !important;
			z-index: 100 !important;
	}		}

Ower: Version 1 active

2026-04-06T23:00:25Z

Version 1 active

← Older revision	Revision as of 23:00, 6 April 2026
Line 1:	Line 1:
		/* ════════════════════════════════════════════════
		AetherKingdoms Wiki — Full Theme
		════════════════════════════════════════════════ */

		:root {
		--ak-card: #f5f5f4;
		--ak-card2: #e7e5e4;
		--ak-border: #44403c;
		--ak-text: #1c1917;
		--ak-text-dim: #57534e;
		--ak-green: #00a44f;
		--ak-orange: #c86100;
		--ak-text-light: #fafaf9;
		}

		/* ── Background ───────────────────────────────── */
		body:after {
		content: "";
		position: fixed;
		top: 0;
		height: 100vh;
		left: 0;
		right: 0;
		z-index: -1;
		background: url('/assets/bg_village.png') center bottom;
		background-size: cover;
		}

		#mw-content-container {
		background: transparent !important;
		background-image: none !important;
		}

		/* ── Outer sidebars — transparent ────────────── */
		#mw-site-navigation,
		#mw-related-navigation {
		background: transparent !important;
		border: none !important;
		border-image: none !important;
		align-self: flex-start !important;
		}

		#mw-site-navigation { padding-left: 0 !important; }
		#mw-related-navigation { padding-right: 0 !important; }

		/* ── Logo — bordered ──────────────────────────── */
		#p-logo {
		background: var(--ak-card2) !important;
		border-image: url('/assets/border_blue.png') 8 !important;
		border-width: 8px !important;
		border-style: solid !important;
		margin-bottom: 8px;
		}

		/* ── Inner panels ─────────────────────────────── */
		.sidebar-chunk {
		background: var(--ak-card2) !important;
		border-image: url('/assets/border_blue.png') 8 !important;
		border-width: 8px !important;
		border-style: solid !important;
		margin-bottom: 8px;
		}

		/* ── Main content ─────────────────────────────── */
		#mw-content {
		background: var(--ak-card) !important;
		border-image: url('/assets/border_blue2.png') 9 !important;
		border-width: 9px !important;
		border-style: solid !important;
		color: var(--ak-text) !important;
		}

		/* ── Header ───────────────────────────────────── */
		#mw-head, #mw-head-base {
		background: transparent !important;
		border-image: url('/assets/border_blue2x2.png') 44 !important;
		border-width: 0 0 22px 0 !important;
		border-style: solid !important;
		}

		/* ── Footer ───────────────────────────────────── */
		.mw-footer-container, .mw-footer, #mw-footer-container {
		background: #0c0a09 !important;
		border-top: 1px solid var(--ak-border) !important;
		color: var(--ak-text-light) !important;
		}

		/* ── Headings ─────────────────────────────────── */
		h1, h2, h3, h4, h5, h6, #firstHeading {
		color: var(--ak-text) !important;
		font-family: 'Georgia', serif;
		border-bottom: 1px solid var(--ak-border) !important;
		}

		/* ── Links ────────────────────────────────────── */
		a, a:visited { color: var(--ak-green) !important; }
		a:hover { color: var(--ak-orange) !important; }
		a.new, a.new:visited { color: #d94040 !important; }

		/* ── Text ─────────────────────────────────────── */
		.mw-body-content, #mw-content-text { color: var(--ak-text) !important; }

		/* ── Tables ───────────────────────────────────── */
		table { background: transparent !important; color: var(--ak-text) !important; border-color: var(--ak-border) !important; }
		th { background: var(--ak-card2) !important; color: var(--ak-text) !important; border-color: var(--ak-border) !important; }
		td { background: transparent !important; color: var(--ak-text) !important; border-color: var(--ak-border) !important; }

		/* ── Inputs ───────────────────────────────────── */
		input[type="text"], input[type="search"], input[type="password"], textarea {
		background: var(--ak-card) !important;
		color: var(--ak-text) !important;
		border-color: var(--ak-border) !important;
		}

		/* ── Misc ─────────────────────────────────────── */
		.catlinks { background: var(--ak-card2) !important; border-color: var(--ak-border) !important; color: var(--ak-text-dim) !important; }
		.wikitable, .infobox { background: var(--ak-card2) !important; border-color: var(--ak-border) !important; color: var(--ak-text) !important; }
		.diff-addedline { background-color: rgba(0, 164, 79, 0.15) !important; }
		.diff-deletedline { background-color: rgba(217, 64, 64, 0.15) !important; }

		/* ── Scrollbar ────────────────────────────────── */
		::-webkit-scrollbar { width: 8px; }
		::-webkit-scrollbar-track { background: #0c0a09; }
		::-webkit-scrollbar-thumb { background: var(--ak-border); border-radius: 4px; }
		::-webkit-scrollbar-thumb:hover { background: var(--ak-orange); }

Ower: Reset CSS

2026-04-06T22:20:54Z

Reset CSS

← Older revision		Revision as of 22:20, 6 April 2026
Line 1:		Line 1:
	~~/* ── AetherKingdoms Theme ── */~~

	~~/* Page background with village scene */~~
	~~body {~~
	~~background-color: #1a2a1a;~~
	~~background-image: url('https://aetherkingdoms.com/assets/backgrounds/bg_village_lowsat.png');~~
	~~background-size: cover;~~
	~~background-position: center top;~~
	~~background-attachment: fixed;~~
	}

	~~/* Content area - semi-transparent dark panel */~~
	~~.mw-body {~~
	~~background-color: rgba(15, 20, 15, 0.93);~~
	~~border: 1px solid #4a6a3a;~~
	~~color: #e8dcc8;~~
	}

	~~/* Sidebar */~~
	~~#mw-panel {~~
	~~background-color: rgba(12, 18, 12, 0.93);~~
	~~border-right: 1px solid #4a6a3a;~~
	}

	~~/* Headings */~~
	~~h1, h2, h3, h4, #firstHeading {~~
	~~color: #e8b830;~~
	~~font-family: 'Georgia', 'Times New Roman', serif;~~
	~~border-bottom: 1px solid #c8960c;~~
	}

	~~/* Links */~~
	~~a, a:visited {~~
	~~color: #c8960c;~~
	}
	~~a:hover {~~
	~~color: #e8b830;~~
	}

	~~/* Sidebar links */~~
	~~#mw-panel .portal .body a {~~
	~~color: #d4a843;~~
	}

	~~/* Body text */~~
	~~.mw-body-content {~~
	~~color: #e8dcc8;~~
	}

	~~/* Top bar */~~
	~~#mw-head {~~
	~~background-color: rgba(12, 18, 12, 0.95);~~
	~~border-bottom: 1px solid #4a6a3a;~~
	}

Ower: Another test for CSS

2026-04-06T22:09:09Z

Another test for CSS

← Older revision		Revision as of 22:09, 6 April 2026
Line 1:		Line 1:
	/* ── AetherKingdoms Theme ── */		/* ── AetherKingdoms Theme ── */
	~~:root {~~
	~~--color-primary: #c8960c;~~
	~~--color-primary-light: #e8b830;~~
	}

	/* Page background */		/* Page background with village scene */
	body {		body {
	background-color: #~~1a1510~~;		background-color: #1a2a1a;
	background-image: url('https://~~www.~~aetherkingdoms.com/assets/~~hostile_world~~.png');		background-image: url('https://aetherkingdoms.com/assets/backgrounds/bg_village_lowsat.png');
	background-size: cover;		background-size: cover;
			background-position: center top;
	background-attachment: fixed;		background-attachment: fixed;
	~~background-blend-mode: overlay;~~
	}		}

	/* ~~Sidebar and content panels~~ */		/* Content area - semi-transparent dark panel */
	#mw-~~panel~~, ~~#contentSub~~, .mw-~~body~~ {		.mw-body {
	background-color: rgba(20, 15, 10, 0.92);		background-color: rgba(15, 20, 15, 0.93);
	border-~~color~~: #~~c8960c~~;		border: 1px solid #4a6a3a;
			color: #e8dcc8;
			}

			/* Sidebar */
			#mw-panel {
			background-color: rgba(12, 18, 12, 0.93);
			border-right: 1px solid #4a6a3a;
	}		}

Line 24:		Line 27:
	color: #e8b830;		color: #e8b830;
	font-family: 'Georgia', 'Times New Roman', serif;		font-family: 'Georgia', 'Times New Roman', serif;
	border-bottom~~-color~~: #c8960c;		border-bottom: 1px solid #c8960c;
	}		}

Line 33:		Line 36:
	a:hover {		a:hover {
	color: #e8b830;		color: #e8b830;
	~~text-decoration: underline;~~
	}		}

	/* ~~Navigation~~ links */		/* Sidebar links */
	#mw-panel .portal .body a {		#mw-panel .portal .body a {
	color: #d4a843;		color: #d4a843;
	}		}

	/* ~~Page content~~ text */		/* Body text */
	.mw-body-content {		.mw-body-content {
	color: #e8dcc8;		color: #e8dcc8;
			}

			/* Top bar */
			#mw-head {
			background-color: rgba(12, 18, 12, 0.95);
			border-bottom: 1px solid #4a6a3a;
	}		}

Ower: Basic CSS. First version

2026-04-06T22:05:44Z

Basic CSS. First version

New page

/* ── AetherKingdoms Theme ── */
:root {
--color-primary: #c8960c;
--color-primary-light: #e8b830;
}

/* Page background */
body {
background-color: #1a1510;
background-image: url('https://www.aetherkingdoms.com/assets/hostile_world.png');
background-size: cover;
background-attachment: fixed;
background-blend-mode: overlay;
}

/* Sidebar and content panels */
#mw-panel, #contentSub, .mw-body {
background-color: rgba(20, 15, 10, 0.92);
border-color: #c8960c;
}

/* Headings */
h1, h2, h3, h4, #firstHeading {
color: #e8b830;
font-family: 'Georgia', 'Times New Roman', serif;
border-bottom-color: #c8960c;
}

/* Links */
a, a:visited {
color: #c8960c;
}
a:hover {
color: #e8b830;
text-decoration: underline;
}

/* Navigation links */
#mw-panel .portal .body a {
color: #d4a843;
}

/* Page content text */
.mw-body-content {
color: #e8dcc8;
}