The World of Haelora - User contributions [en]

MediaWiki:Timeless.css

2026-10-11T22:01:29Z

Teganlleuad:

/* ==============================================
THE WORLD OF HAELORA
MediaWiki Timeless Skin
Version 1.0
============================================== */

/* ==============================================
1. GLOBAL COLORS & BACKGROUNDS
============================================== */

body,
#mw-content-container {
background-color: #E9E0D1 !important;
color: #292724;
}

/* Main article background */

#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
color: #292724;
}

#mw-content {
border: 1px solid #B49A67 !important;
}

/* Remove default container borders */

#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* ==============================================
2. TYPOGRAPHY & HEADINGS
============================================== */

/* Main page title */

#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67 !important;
padding-bottom: 0.3em;
}

#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Article headings */

#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
padding-bottom: 0.2em;
}

/* ==============================================
3. LINKS
============================================== */

#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
text-decoration: underline;
}

/* ==============================================
4. HEADER & FOOTER
============================================== */

/* Antique gold header */

#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Replace Timeless's colored header stripes */

#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
}

/* Antique gold footer */

#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Footer readability */

#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* ==============================================
5. SIDEBAR NAVIGATION
============================================== */

#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
border: 1px solid #D5CBB9 !important;
}

/* ==============================================
6. TABLES & DIVIDERS
============================================== */

#mw-content table.wikitable {
background-color: #F3EBDD;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==============================================
7. HOMEPAGE - WELCOME SECTION
============================================== */

.haelora-welcome {
max-width: 850px;
margin: 0 auto 45px;
padding: 0 35px 25px;
text-align: center;
color: #292724;
}

/* Welcome heading */

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

/* Introductory text */

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

/* Author credit */

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

/* ==============================================
8. HOMEPAGE - REALM NAVIGATION
============================================== */

#mw-content .haelora-realms {
max-width: 1100px;
margin: 35px auto 50px;
}

/* Section heading */

#mw-content .haelora-realms-heading {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
border-bottom: 1px solid #B49A67;
padding-bottom: 15px;
margin-bottom: 30px;
}

/* Two-column realm grid */

#mw-content .haelora-realm-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

/* Individual realm cards */

#mw-content .haelora-realm-card {
background-color: #EDE3D3 !important;
border: 1px solid #B49A67 !important;
padding: 25px;
text-align: center;
min-width: 0;
transition: background-color 0.2s ease;
}

#mw-content .haelora-realm-card:hover {
background-color: #E5D7C2 !important;
}

/* Realm names */

#mw-content .haelora-realm-name {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6rem;
margin-bottom: 12px;
}

#mw-content .haelora-realm-name a {
color: #343743 !important;
text-decoration: none;
}

#mw-content .haelora-realm-name a:hover {
color: #8A6938 !important;
text-decoration: underline;
}

/* Realm descriptions */

#mw-content .haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

/* ==============================================
9. HOMEPAGE - LOGO SPACING
============================================== */

body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

/* ==============================================
10. RESPONSIVE MOBILE STYLES
============================================== */

@media (max-width: 650px) {

/* Welcome section */

.haelora-welcome {
padding: 0 12px 20px;
margin: 0 auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}

/* Stack realm cards vertically */

#mw-content .haelora-realm-grid {
grid-template-columns: 1fr;
}

#mw-content .haelora-realm-card {
padding: 20px;
}

/* Adjust realm heading */

#mw-content .haelora-realms-heading {
font-size: 1.7rem;
}

}

/* ==============================================
HAELORA - SIDE-BY-SIDE REALM BANNERS
============================================== */

/* Arrange banner and text horizontally */

#mw-content .haelora-realm-card {
display: grid;
grid-template-columns: 100px minmax(0, 1fr);
align-items: center;
gap: 16px;
text-align: left;
}

/* Banner container */

#mw-content .haelora-realm-banner {
display: flex;
align-items: center;
justify-content: center;
}

/* Banner images */

#mw-content .haelora-realm-banner img {
display: block;
width: 100px;
max-width: 100%;
height: auto;
}

/* Text area */

#mw-content .haelora-realm-info {
min-width: 0;
}

/* Realm names */

#mw-content .haelora-realm-name {
margin-bottom: 12px;
}

/* Mobile adjustments */

@media (max-width: 650px) {

#mw-content .haelora-realm-card {
grid-template-columns: 90px minmax(0, 1fr);
gap: 15px;
padding: 15px;
}

#mw-content .haelora-realm-banner img {
max-width: 90px;
}
}

MediaWiki:Timeless.css

2026-10-11T21:47:33Z

Teganlleuad:

/* ==============================================
THE WORLD OF HAELORA
MediaWiki Timeless Skin
Version 1.0
============================================== */

/* ==============================================
1. GLOBAL COLORS & BACKGROUNDS
============================================== */

body,
#mw-content-container {
background-color: #E9E0D1 !important;
color: #292724;
}

/* Main article background */

#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
color: #292724;
}

#mw-content {
border: 1px solid #B49A67 !important;
}

/* Remove default container borders */

#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* ==============================================
2. TYPOGRAPHY & HEADINGS
============================================== */

/* Main page title */

#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67 !important;
padding-bottom: 0.3em;
}

#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Article headings */

#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
padding-bottom: 0.2em;
}

/* ==============================================
3. LINKS
============================================== */

#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
text-decoration: underline;
}

/* ==============================================
4. HEADER & FOOTER
============================================== */

/* Antique gold header */

#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Replace Timeless's colored header stripes */

#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
}

/* Antique gold footer */

#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Footer readability */

#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* ==============================================
5. SIDEBAR NAVIGATION
============================================== */

#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
border: 1px solid #D5CBB9 !important;
}

/* ==============================================
6. TABLES & DIVIDERS
============================================== */

#mw-content table.wikitable {
background-color: #F3EBDD;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==============================================
7. HOMEPAGE - WELCOME SECTION
============================================== */

.haelora-welcome {
max-width: 850px;
margin: 0 auto 45px;
padding: 0 35px 25px;
text-align: center;
color: #292724;
}

/* Welcome heading */

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

/* Introductory text */

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

/* Author credit */

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

/* ==============================================
8. HOMEPAGE - REALM NAVIGATION
============================================== */

#mw-content .haelora-realms {
max-width: 1100px;
margin: 35px auto 50px;
}

/* Section heading */

#mw-content .haelora-realms-heading {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
border-bottom: 1px solid #B49A67;
padding-bottom: 15px;
margin-bottom: 30px;
}

/* Two-column realm grid */

#mw-content .haelora-realm-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

/* Individual realm cards */

#mw-content .haelora-realm-card {
background-color: #EDE3D3 !important;
border: 1px solid #B49A67 !important;
padding: 25px;
text-align: center;
min-width: 0;
transition: background-color 0.2s ease;
}

#mw-content .haelora-realm-card:hover {
background-color: #E5D7C2 !important;
}

/* Realm names */

#mw-content .haelora-realm-name {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6rem;
margin-bottom: 12px;
}

#mw-content .haelora-realm-name a {
color: #343743 !important;
text-decoration: none;
}

#mw-content .haelora-realm-name a:hover {
color: #8A6938 !important;
text-decoration: underline;
}

/* Realm descriptions */

#mw-content .haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

/* ==============================================
9. HOMEPAGE - LOGO SPACING
============================================== */

body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

/* ==============================================
10. RESPONSIVE MOBILE STYLES
============================================== */

@media (max-width: 650px) {

/* Welcome section */

.haelora-welcome {
padding: 0 12px 20px;
margin: 0 auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}

/* Stack realm cards vertically */

#mw-content .haelora-realm-grid {
grid-template-columns: 1fr;
}

#mw-content .haelora-realm-card {
padding: 20px;
}

/* Adjust realm heading */

#mw-content .haelora-realms-heading {
font-size: 1.7rem;
}

}

/* ==============================================
HAELORA - SIDE-BY-SIDE REALM BANNERS
============================================== */

/* Arrange banner and text horizontally */

#mw-content .haelora-realm-card {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
align-items: center;
gap: 20px;
text-align: left;
}

/* Banner container */

#mw-content .haelora-realm-banner {
display: flex;
align-items: center;
justify-content: center;
}

/* Banner images */

#mw-content .haelora-realm-banner img {
display: block;
max-width: 100%;
height: auto;
}

/* Text area */

#mw-content .haelora-realm-info {
min-width: 0;
}

/* Realm names */

#mw-content .haelora-realm-name {
margin-bottom: 12px;
}

/* Mobile adjustments */

@media (max-width: 650px) {

#mw-content .haelora-realm-card {
grid-template-columns: 90px minmax(0, 1fr);
gap: 15px;
padding: 15px;
}

#mw-content .haelora-realm-banner img {
max-width: 90px;
}
}

Main Page

2026-10-11T21:46:49Z

Teganlleuad:

[[File:Aserin_Logo2.png|frameless|center|650px|alt=The Āserin Chronicles logo]]
<div class="haelora-welcome">

<div class="haelora-welcome-title">
Welcome to the World of Haelora
</div>

<div class="haelora-welcome-intro">
Beyond the pages of ''The Āserin Chronicles'' lies a world of ancient kingdoms, forgotten histories, powerful magic, and secrets waiting to be uncovered.
</div>

Explore the realms of Haelora, discover the peoples who inhabit them, and uncover the histories and legends that shape their world.

<div class="haelora-welcome-credit">
The official companion encyclopedia to ''The Āserin Chronicles'' by Tegan Lleuad.
</div>

</div>

__NOTOC__

<div class="haelora-realms">

<div class="haelora-realms-heading">Explore the Realms</div>

<div class="haelora-realm-grid">

<div class="haelora-realm-card">
<div class="haelora-realm-banner">
[[File:banner-flat_Dravaryn.png|120px|link=Dravaryn|alt=Banner of Dravaryn]]
</div>
<div class="haelora-realm-info">
<div class="haelora-realm-name">[[Dravaryn]]</div>
<p>A sovereign duchy divided into five Wards, renowned for its formidable military traditions.</p>
</div>
</div>

<div class="haelora-realm-card">
<div class="haelora-realm-banner">
[[File:banner-flat_Alderreach.png|120px|link=Alderreach|alt=Banner of Alderreach]]
</div>
<div class="haelora-realm-info">
<div class="haelora-realm-name">[[Alderreach]]</div>
<p>A feudal kingdom shaped by noble houses, royal authority, and centuries of tradition.</p>
</div>
</div>

<div class="haelora-realm-card">
<div class="haelora-realm-banner">
[[File:banner-flat_Theaeveth.png|120px|link=Theaeveth|alt=Banner of Theaeveth]]
</div>
<div class="haelora-realm-info">
<div class="haelora-realm-name">[[Theaeveth]]</div>
<p>A northern theocracy governed by a powerful council of high priests devoted to Thaevrin.</p>
</div>
</div>

<div class="haelora-realm-card">
<div class="haelora-realm-banner">
[[File:banner-flat_Trameria.png|120px|link=Trameria|alt=Banner of the Gathering]]
</div>
<div class="haelora-realm-info">
<div class="haelora-realm-name">[[Trameria]]</div>
<p>A rugged mountain realm whose independent tribes unite through a council of chiefs.</p>
</div>
</div>

</div>
</div>

File:Banner-flat Alderreach.png

2026-10-11T21:41:54Z

Teganlleuad:

File:Banner-flat Trameria.png

2026-10-11T21:40:57Z

Teganlleuad:

File:Banner-flat Theaeveth.png

2026-10-11T21:40:39Z

Teganlleuad:

File:Banner-flat Dravaryn.png

2026-10-11T21:40:07Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T21:09:23Z

Teganlleuad: Streamlined CSS code

MediaWiki:Timeless.css

2026-10-11T21:04:15Z

Teganlleuad:

/* ==========================================
THE WORLD OF HAELORA
Timeless Skin Customization
========================================== */

/* Main article background */
#mw-content {
background-color: #FFFDF8;
color: #292724;
border: 1px solid #D5CBB9;
}

/* Outer content area */
#mw-content-container {
background-color: #F4EFE4;
}

/* Main page title */
#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67;
padding-bottom: 0.3em;
}

/* Article section headings */
#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9;
padding-bottom: 0.2em;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #F8F3E9;
border-color: #D5CBB9;
}

/* Links */
#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
}

/* Tables */
#mw-content table.wikitable {
background-color: #FFFDF8;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

/* ==========================================
HAELORA - REFINED PARCHMENT THEME
========================================== */

/* Outer background */
body,
#mw-content-container {
background-color: #E9E0D1 !important;
}

/* Main article */
#mw-content {
background-color: #F3EBDD !important;
border: 1px solid #B49A67 !important;
color: #292724;
}

/* Remove Timeless's default colored borders */
#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* Article heading */
#firstHeading {
border-bottom: 2px solid #B49A67 !important;
}

/* Section headings */
#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #B49A67 !important;
}

/* Horizontal rules */
#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==========================================
HAELORA - TIMELESS HEADER & FOOTER
========================================== */

/* Replace Timeless's colored header stripe */
#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

/* Replace Timeless's colored footer stripe */
#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Improve footer readability */
#mw-footer-container,
#mw-footer-container a {
color: #514B43 !important;
}

/* Blend navigation panels into parchment */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border: 1px solid #D5CBB9 !important;
}

/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

/* ==========================================
HAELORA - CUSTOM HEADER COLOR BAR
========================================== */

/* Replace the red, blue, and green stripes */
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
background-color: #B49A67 !important;
}

/* ==========================================
HAELORA HOMEPAGE - WELCOME SECTION
========================================== */

.haelora-welcome {
max-width: 850px;
margin: 35px auto 45px;
padding: 25px 35px;
text-align: center;
color: #292724;
}

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

@media (max-width: 600px) {
.haelora-welcome {
padding: 20px 12px;
margin: 20px auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}
}

/* ==========================================
HAELORA HOMEPAGE - SPACING ADJUSTMENTS
========================================== */

/* Reduce space above the welcome section */
.haelora-welcome {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Reduce space below the logo */
body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

/* ==========================================
HAELORA - EXPLORE THE REALMS
========================================== */

.haelora-realms {
max-width: 1100px;
margin: 45px auto;
}

.haelora-realms > h2 {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
margin-bottom: 30px;
border-bottom: 1px solid #B49A67;
padding-bottom: 12px;
}

.haelora-realm-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

.haelora-realm-card {
background: #EDE3D3;
border: 1px solid #B49A67;
padding: 25px;
text-align: center;
transition: background-color 0.2s ease;
}

.haelora-realm-card:hover {
background: #E5D7C2;
}

.haelora-realm-card h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.5rem;
margin: 0 0 12px;
border: none;
}

.haelora-realm-card h3 a {
color: #343743 !important;
text-decoration: none;
}

.haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
.haelora-realm-grid {
grid-template-columns: 1fr;
}

.haelora-realm-card {
padding: 20px;
}
}

/* ==========================================
HAELORA - REALM NAVIGATION GRID
========================================== */

#mw-content .haelora-realms {
max-width: 1100px;
margin: 35px auto 50px;
}

#mw-content .haelora-realms-heading {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
border-bottom: 1px solid #B49A67;
padding-bottom: 15px;
margin-bottom: 30px;
}

#mw-content .haelora-realm-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

#mw-content .haelora-realm-card {
background-color: #EDE3D3 !important;
border: 1px solid #B49A67 !important;
padding: 25px;
text-align: center;
min-width: 0;
}

#mw-content .haelora-realm-name {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6rem;
margin-bottom: 12px;
}

#mw-content .haelora-realm-name a {
color: #343743 !important;
text-decoration: none;
}

#mw-content .haelora-realm-name a:hover {
color: #8A6938 !important;
text-decoration: underline;
}

#mw-content .haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
#mw-content .haelora-realm-grid {
grid-template-columns: 1fr;
}

#mw-content .haelora-realm-card {
padding: 20px;
}
}

MediaWiki:Timeless.css

2026-10-11T20:50:23Z

Teganlleuad:

/* ==========================================
THE WORLD OF HAELORA
Timeless Skin Customization
========================================== */

/* Main article background */
#mw-content {
background-color: #FFFDF8;
color: #292724;
border: 1px solid #D5CBB9;
}

/* Outer content area */
#mw-content-container {
background-color: #F4EFE4;
}

/* Main page title */
#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67;
padding-bottom: 0.3em;
}

/* Article section headings */
#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9;
padding-bottom: 0.2em;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #F8F3E9;
border-color: #D5CBB9;
}

/* Links */
#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
}

/* Tables */
#mw-content table.wikitable {
background-color: #FFFDF8;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

/* ==========================================
HAELORA - REFINED PARCHMENT THEME
========================================== */

/* Outer background */
body,
#mw-content-container {
background-color: #E9E0D1 !important;
}

/* Main article */
#mw-content {
background-color: #F3EBDD !important;
border: 1px solid #B49A67 !important;
color: #292724;
}

/* Remove Timeless's default colored borders */
#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* Article heading */
#firstHeading {
border-bottom: 2px solid #B49A67 !important;
}

/* Section headings */
#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #B49A67 !important;
}

/* Horizontal rules */
#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==========================================
HAELORA - TIMELESS HEADER & FOOTER
========================================== */

/* Replace Timeless's colored header stripe */
#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

/* Replace Timeless's colored footer stripe */
#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Improve footer readability */
#mw-footer-container,
#mw-footer-container a {
color: #514B43 !important;
}

/* Blend navigation panels into parchment */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border: 1px solid #D5CBB9 !important;
}

/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

/* ==========================================
HAELORA - CUSTOM HEADER COLOR BAR
========================================== */

/* Replace the red, blue, and green stripes */
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
background-color: #B49A67 !important;
}

/* ==========================================
HAELORA HOMEPAGE - WELCOME SECTION
========================================== */

.haelora-welcome {
max-width: 850px;
margin: 35px auto 45px;
padding: 25px 35px;
text-align: center;
color: #292724;
}

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

@media (max-width: 600px) {
.haelora-welcome {
padding: 20px 12px;
margin: 20px auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}

/* ==========================================
HAELORA HOMEPAGE - SPACING ADJUSTMENTS
========================================== */

/* Reduce space above the welcome section */
.haelora-welcome {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Reduce space below the logo */
body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

/* ==========================================
HAELORA - EXPLORE THE REALMS
========================================== */

.haelora-realms {
max-width: 1100px;
margin: 45px auto;
}

.haelora-realms > h2 {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
margin-bottom: 30px;
border-bottom: 1px solid #B49A67;
padding-bottom: 12px;
}

.haelora-realm-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

.haelora-realm-card {
background: #EDE3D3;
border: 1px solid #B49A67;
padding: 25px;
text-align: center;
transition: background-color 0.2s ease;
}

.haelora-realm-card:hover {
background: #E5D7C2;
}

.haelora-realm-card h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.5rem;
margin: 0 0 12px;
border: none;
}

.haelora-realm-card h3 a {
color: #343743 !important;
text-decoration: none;
}

.haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
.haelora-realm-grid {
grid-template-columns: 1fr;
}

.haelora-realm-card {
padding: 20px;
}
}

/* ==========================================
HAELORA - REALM NAVIGATION GRID
========================================== */

#mw-content .haelora-realms {
max-width: 1100px;
margin: 35px auto 50px;
}

#mw-content .haelora-realms-heading {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
border-bottom: 1px solid #B49A67;
padding-bottom: 15px;
margin-bottom: 30px;
}

#mw-content .haelora-realm-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

#mw-content .haelora-realm-card {
background-color: #EDE3D3 !important;
border: 1px solid #B49A67 !important;
padding: 25px;
text-align: center;
min-width: 0;
}

#mw-content .haelora-realm-name {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6rem;
margin-bottom: 12px;
}

#mw-content .haelora-realm-name a {
color: #343743 !important;
text-decoration: none;
}

#mw-content .haelora-realm-name a:hover {
color: #8A6938 !important;
text-decoration: underline;
}

#mw-content .haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
#mw-content .haelora-realm-grid {
grid-template-columns: 1fr;
}

#mw-content .haelora-realm-card {
padding: 20px;
}

MediaWiki:Timeless.css

2026-10-11T20:39:11Z

Teganlleuad:

/* ==========================================
THE WORLD OF HAELORA
Timeless Skin Customization
========================================== */

/* Main article background */
#mw-content {
background-color: #FFFDF8;
color: #292724;
border: 1px solid #D5CBB9;
}

/* Outer content area */
#mw-content-container {
background-color: #F4EFE4;
}

/* Main page title */
#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67;
padding-bottom: 0.3em;
}

/* Article section headings */
#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9;
padding-bottom: 0.2em;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #F8F3E9;
border-color: #D5CBB9;
}

/* Links */
#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
}

/* Tables */
#mw-content table.wikitable {
background-color: #FFFDF8;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

/* ==========================================
HAELORA - REFINED PARCHMENT THEME
========================================== */

/* Outer background */
body,
#mw-content-container {
background-color: #E9E0D1 !important;
}

/* Main article */
#mw-content {
background-color: #F3EBDD !important;
border: 1px solid #B49A67 !important;
color: #292724;
}

/* Remove Timeless's default colored borders */
#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* Article heading */
#firstHeading {
border-bottom: 2px solid #B49A67 !important;
}

/* Section headings */
#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #B49A67 !important;
}

/* Horizontal rules */
#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==========================================
HAELORA - TIMELESS HEADER & FOOTER
========================================== */

/* Replace Timeless's colored header stripe */
#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

/* Replace Timeless's colored footer stripe */
#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Improve footer readability */
#mw-footer-container,
#mw-footer-container a {
color: #514B43 !important;
}

/* Blend navigation panels into parchment */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border: 1px solid #D5CBB9 !important;
}

/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

/* ==========================================
HAELORA - CUSTOM HEADER COLOR BAR
========================================== */

/* Replace the red, blue, and green stripes */
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
background-color: #B49A67 !important;
}

/* ==========================================
HAELORA HOMEPAGE - WELCOME SECTION
========================================== */

.haelora-welcome {
max-width: 850px;
margin: 35px auto 45px;
padding: 25px 35px;
text-align: center;
color: #292724;
}

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

@media (max-width: 600px) {
.haelora-welcome {
padding: 20px 12px;
margin: 20px auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}

/* ==========================================
HAELORA HOMEPAGE - SPACING ADJUSTMENTS
========================================== */

/* Reduce space above the welcome section */
.haelora-welcome {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Reduce space below the logo */
body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

/* ==========================================
HAELORA - EXPLORE THE REALMS
========================================== */

.haelora-realms {
max-width: 1100px;
margin: 45px auto;
}

.haelora-realms > h2 {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
margin-bottom: 30px;
border-bottom: 1px solid #B49A67;
padding-bottom: 12px;
}

.haelora-realm-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

.haelora-realm-card {
background: #EDE3D3;
border: 1px solid #B49A67;
padding: 25px;
text-align: center;
transition: background-color 0.2s ease;
}

.haelora-realm-card:hover {
background: #E5D7C2;
}

.haelora-realm-card h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.5rem;
margin: 0 0 12px;
border: none;
}

.haelora-realm-card h3 a {
color: #343743 !important;
text-decoration: none;
}

.haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
.haelora-realm-grid {
grid-template-columns: 1fr;
}

.haelora-realm-card {
padding: 20px;
}
}

/* ==========================================
HAELORA - REALM NAVIGATION GRID
========================================== */

#mw-content .haelora-realms {
max-width: 1100px;
margin: 35px auto 50px;
}

#mw-content .haelora-realms-heading {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
border-bottom: 1px solid #B49A67;
padding-bottom: 15px;
margin-bottom: 30px;
}

#mw-content .haelora-realm-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

#mw-content .haelora-realm-card {
background-color: #EDE3D3 !important;
border: 1px solid #B49A67 !important;
padding: 25px;
text-align: center;
min-width: 0;
}

#mw-content .haelora-realm-name {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6rem;
margin-bottom: 12px;
}

#mw-content .haelora-realm-name a {
color: #343743 !important;
text-decoration: none;
}

#mw-content .haelora-realm-name a:hover {
color: #8A6938 !important;
text-decoration: underline;
}

#mw-content .haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
#mw-content .haelora-realm-grid {
grid-template-columns: 1fr;
}

#mw-content .haelora-realm-card {
padding: 20px;
}
}

Main Page

2026-10-11T20:38:31Z

Teganlleuad: adding realms

[[File:Aserin_Logo2.png|frameless|center|650px|alt=The Āserin Chronicles logo]]
<div class="haelora-welcome">

<div class="haelora-welcome-title">
Welcome to the World of Haelora
</div>

<div class="haelora-welcome-intro">
Beyond the pages of ''The Āserin Chronicles'' lies a world of ancient kingdoms, forgotten histories, powerful magic, and secrets waiting to be uncovered.
</div>

Explore the realms of Haelora, discover the peoples who inhabit them, and uncover the histories and legends that shape their world.

<div class="haelora-welcome-credit">
The official companion encyclopedia to ''The Āserin Chronicles'' by Tegan Lleuad.
</div>

</div>

__NOTOC__

<div class="haelora-realms">
<div class="haelora-realms-heading">Explore the Realms</div>
<div class="haelora-realm-grid">
<div class="haelora-realm-card">
<div class="haelora-realm-name">[[Dravaryn]]</div>
<p>A sovereign duchy divided into five Wards, renowned for its formidable military traditions.</p>
</div>
<div class="haelora-realm-card">
<div class="haelora-realm-name">[[Alderreach]]</div>
<p>A feudal kingdom shaped by noble houses, royal authority, and centuries of tradition.</p>
</div>
<div class="haelora-realm-card">
<div class="haelora-realm-name">[[Theaeveth]]</div>
<p>A northern theocracy governed by a powerful council of high priests devoted to Thaevrin.</p>
</div>
<div class="haelora-realm-card">
<div class="haelora-realm-name">[[Trameria]]</div>
<p>A rugged mountain realm whose independent tribes unite through a council of chiefs.</p>
</div>
</div>
</div>

MediaWiki:Timeless.css

2026-10-11T20:33:33Z

Teganlleuad:

/* ==========================================
THE WORLD OF HAELORA
Timeless Skin Customization
========================================== */

/* Main article background */
#mw-content {
background-color: #FFFDF8;
color: #292724;
border: 1px solid #D5CBB9;
}

/* Outer content area */
#mw-content-container {
background-color: #F4EFE4;
}

/* Main page title */
#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67;
padding-bottom: 0.3em;
}

/* Article section headings */
#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9;
padding-bottom: 0.2em;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #F8F3E9;
border-color: #D5CBB9;
}

/* Links */
#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
}

/* Tables */
#mw-content table.wikitable {
background-color: #FFFDF8;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

/* ==========================================
HAELORA - REFINED PARCHMENT THEME
========================================== */

/* Outer background */
body,
#mw-content-container {
background-color: #E9E0D1 !important;
}

/* Main article */
#mw-content {
background-color: #F3EBDD !important;
border: 1px solid #B49A67 !important;
color: #292724;
}

/* Remove Timeless's default colored borders */
#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* Article heading */
#firstHeading {
border-bottom: 2px solid #B49A67 !important;
}

/* Section headings */
#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #B49A67 !important;
}

/* Horizontal rules */
#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==========================================
HAELORA - TIMELESS HEADER & FOOTER
========================================== */

/* Replace Timeless's colored header stripe */
#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

/* Replace Timeless's colored footer stripe */
#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Improve footer readability */
#mw-footer-container,
#mw-footer-container a {
color: #514B43 !important;
}

/* Blend navigation panels into parchment */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border: 1px solid #D5CBB9 !important;
}

/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

/* ==========================================
HAELORA - CUSTOM HEADER COLOR BAR
========================================== */

/* Replace the red, blue, and green stripes */
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
background-color: #B49A67 !important;
}

/* ==========================================
HAELORA HOMEPAGE - WELCOME SECTION
========================================== */

.haelora-welcome {
max-width: 850px;
margin: 35px auto 45px;
padding: 25px 35px;
text-align: center;
color: #292724;
}

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

@media (max-width: 600px) {
.haelora-welcome {
padding: 20px 12px;
margin: 20px auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}

/* ==========================================
HAELORA HOMEPAGE - SPACING ADJUSTMENTS
========================================== */

/* Reduce space above the welcome section */
.haelora-welcome {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Reduce space below the logo */
body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

/* ==========================================
HAELORA - EXPLORE THE REALMS
========================================== */

.haelora-realms {
max-width: 1100px;
margin: 45px auto;
}

.haelora-realms > h2 {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 2rem;
color: #343743;
margin-bottom: 30px;
border-bottom: 1px solid #B49A67;
padding-bottom: 12px;
}

.haelora-realm-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}

.haelora-realm-card {
background: #EDE3D3;
border: 1px solid #B49A67;
padding: 25px;
text-align: center;
transition: background-color 0.2s ease;
}

.haelora-realm-card:hover {
background: #E5D7C2;
}

.haelora-realm-card h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.5rem;
margin: 0 0 12px;
border: none;
}

.haelora-realm-card h3 a {
color: #343743 !important;
text-decoration: none;
}

.haelora-realm-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #514B43;
margin: 0;
}

@media (max-width: 650px) {
.haelora-realm-grid {
grid-template-columns: 1fr;
}

.haelora-realm-card {
padding: 20px;
}
}

Main Page

2026-10-11T20:32:05Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T20:30:14Z

Teganlleuad:

/* ==========================================
THE WORLD OF HAELORA
Timeless Skin Customization
========================================== */

/* Main article background */
#mw-content {
background-color: #FFFDF8;
color: #292724;
border: 1px solid #D5CBB9;
}

/* Outer content area */
#mw-content-container {
background-color: #F4EFE4;
}

/* Main page title */
#firstHeading {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
border-bottom: 2px solid #B49A67;
padding-bottom: 0.3em;
}

/* Article section headings */
#mw-content h2,
#mw-content h3,
#mw-content h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

#mw-content h2 {
border-bottom: 1px solid #D5CBB9;
padding-bottom: 0.2em;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #F8F3E9;
border-color: #D5CBB9;
}

/* Links */
#mw-content a {
color: #405A83;
}

#mw-content a:visited {
color: #68577B;
}

#mw-content a:hover {
color: #8A6938;
}

/* Tables */
#mw-content table.wikitable {
background-color: #FFFDF8;
border-color: #D5CBB9;
}

#mw-content table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

/* ==========================================
HAELORA - REFINED PARCHMENT THEME
========================================== */

/* Outer background */
body,
#mw-content-container {
background-color: #E9E0D1 !important;
}

/* Main article */
#mw-content {
background-color: #F3EBDD !important;
border: 1px solid #B49A67 !important;
color: #292724;
}

/* Remove Timeless's default colored borders */
#mw-content-container {
border-top: none !important;
border-bottom: none !important;
}

/* Article heading */
#firstHeading {
border-bottom: 2px solid #B49A67 !important;
}

/* Section headings */
#mw-content h2 {
border-bottom: 1px solid #D5CBB9 !important;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #B49A67 !important;
}

/* Horizontal rules */
#mw-content hr {
border: 0;
border-top: 1px solid #B49A67;
}

/* ==========================================
HAELORA - TIMELESS HEADER & FOOTER
========================================== */

/* Replace Timeless's colored header stripe */
#mw-header-container {
border-bottom: 5px solid #B49A67 !important;
}

/* Replace Timeless's colored footer stripe */
#mw-footer-container {
border-top: 4px solid #B49A67 !important;
}

/* Improve footer readability */
#mw-footer-container,
#mw-footer-container a {
color: #514B43 !important;
}

/* Blend navigation panels into parchment */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border: 1px solid #D5CBB9 !important;
}

/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}/* ==========================================
HAELORA - FINAL LAYOUT REFINEMENTS
========================================== */

/* Replace remaining default header colors */
#mw-header-container {
border-bottom-color: #B49A67 !important;
}

#mw-header {
border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
background-color: #EDE3D3 !important;
border-color: #D5CBB9 !important;
}

/* ==========================================
HAELORA - CUSTOM HEADER COLOR BAR
========================================== */

/* Replace the red, blue, and green stripes */
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
background: #B49A67 !important;
background-color: #B49A67 !important;
}

/* ==========================================
HAELORA HOMEPAGE - WELCOME SECTION
========================================== */

.haelora-welcome {
max-width: 850px;
margin: 35px auto 45px;
padding: 25px 35px;
text-align: center;
color: #292724;
}

.haelora-welcome-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
color: #343743;
margin-bottom: 22px;
}

.haelora-welcome-intro {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-style: italic;
line-height: 1.7;
color: #514B43;
margin-bottom: 18px;
}

.haelora-welcome-credit {
font-size: 0.9rem;
color: #756B5D;
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #B49A67;
}

@media (max-width: 600px) {
.haelora-welcome {
padding: 20px 12px;
margin: 20px auto 30px;
}

.haelora-welcome-intro {
font-size: 1.1rem;
}

/* ==========================================
HAELORA HOMEPAGE - SPACING ADJUSTMENTS
========================================== */

/* Reduce space above the welcome section */
.haelora-welcome {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Reduce space below the logo */
body.page-Main_Page .mw-parser-output > p:first-child {
margin-bottom: 0 !important;
}

Main Page

2026-10-11T20:29:47Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T20:25:40Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T20:24:34Z

Teganlleuad:

Main Page

2026-10-11T20:23:37Z

Teganlleuad: Initial Welcome are design

Main Page

2026-10-11T20:19:16Z

Teganlleuad:

[[File:Aserin_Logo2.png|frameless|center|650px|alt=The Āserin Chronicles logo]]

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]

File:Aserin Logo2.png

2026-10-11T20:16:17Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T19:33:24Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T19:30:08Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T19:27:53Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T19:25:21Z

Teganlleuad: updating color

MediaWiki:Timeless.css

2026-10-11T19:21:03Z

Teganlleuad:

MediaWiki:Timeless.css

2026-10-11T19:01:55Z

Teganlleuad: test

MediaWiki:Timeless.css

2026-10-11T18:58:43Z

Teganlleuad: Initial Timeless theme styling for Haelora

MediaWiki:Common.css

2026-10-11T18:54:54Z

Teganlleuad: Created page with "/* ========================================== THE WORLD OF HAELORA Global Wiki Stylesheet ========================================== */ /* Main page background */ body { background-color: #F4EFE4; color: #292724; } /* Article content */ #mw-content-container { background-color: #F4EFE4; } .mw-body { background-color: #FFFDF8; color: #292724; } /* Headings */ .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4 { font-family: Georgia, "T..."

/* ==========================================
THE WORLD OF HAELORA
Global Wiki Stylesheet
========================================== */

/* Main page background */
body {
background-color: #F4EFE4;
color: #292724;
}

/* Article content */
#mw-content-container {
background-color: #F4EFE4;
}

.mw-body {
background-color: #FFFDF8;
color: #292724;
}

/* Headings */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
font-family: Georgia, "Times New Roman", serif;
color: #343743;
}

.mw-body h1 {
font-size: 2.1em;
border-bottom: 2px solid #B49A67;
padding-bottom: 0.3em;
}

.mw-body h2 {
border-bottom: 1px solid #D5CBB9;
padding-bottom: 0.2em;
}

/* Links */
.mw-body a {
color: #405A83;
}

.mw-body a:visited {
color: #68577B;
}

.mw-body a:hover {
color: #8A6938;
text-decoration: underline;
}

/* General borders */
.mw-body,
.mw-parser-output table {
border-color: #D5CBB9;
}

/* Tables */
.mw-parser-output table.wikitable {
background-color: #FFFDF8;
border: 1px solid #D5CBB9;
}

.mw-parser-output table.wikitable th {
background-color: #EAE1D1;
color: #343743;
}

/* Blockquotes */
.mw-parser-output blockquote {
border-left: 3px solid #B49A67;
background-color: #F8F3E9;
padding: 0.8em 1.2em;
font-style: italic;
}

/* Images */
.mw-parser-output .thumbinner {
background-color: #F8F3E9;
border: 1px solid #D5CBB9;
padding: 5px;
}

/* Horizontal rules */
.mw-parser-output hr {
border: 0;
border-top: 1px solid #B49A67;
}