MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:05, 26 September 2026

/* CSS placed here will be applied to all skins */
== PAGE: MediaWiki:Common.css ==
/* ===== Teraell wiki — shared styles ===== */

/* Palette: brass, iron, parchment */
:root {
  --tera-brass: #b8862b;
  --tera-brass-dark: #7a5a1c;
  --tera-iron: #3b3f45;
  --tera-parchment: #f6f1e6;
  --tera-ink: #1e1b16;
  --tera-hidden: #4a2b5c;
  --tera-contested: #8a3b2a;
  --tera-meta: #2f5d6e;
}

/* ---- Main page hero ---- */
.teraell-hero { text-align:center; margin:0 0 1.5em 0; }
.teraell-hero-title { font-size:2.8em; font-weight:bold; letter-spacing:0.08em; color:var(--tera-brass-dark); margin-top:0.3em; }
.teraell-hero-sub { font-size:1.1em; color:var(--tera-iron); font-style:italic; }

/* ---- Main page portal table ---- */
.teraell-portals { width:100%; border-collapse:separate; border-spacing:0 6px; }
.teraell-portals td { padding:8px 12px; background:var(--tera-parchment); border-left:4px solid var(--tera-brass); }
.teraell-portals td:first-child { font-weight:bold; white-space:nowrap; width:1%; }

/* ---- Infoboxes ---- */
.teraell-infobox { float:right; clear:right; width:300px; margin:0 0 1em 1.5em; border:1px solid var(--tera-brass); background:var(--tera-parchment); font-size:0.92em; border-collapse:collapse; }
.teraell-infobox th, .teraell-infobox td { padding:4px 8px; vertical-align:top; border-bottom:1px solid #e3d9c4; }
.teraell-infobox th { text-align:left; width:38%; color:var(--tera-brass-dark); font-weight:600; }
.teraell-infobox-title { text-align:center !important; font-size:1.2em; background:var(--tera-brass); color:#fff !important; width:auto !important; }
.teraell-infobox-image { text-align:center; padding:6px !important; }
.teraell-infobox-caption { font-size:0.85em; color:var(--tera-iron); margin-top:4px; }
.teraell-word .ipa { font-family:"Charis SIL","Doulos SIL","Gentium Plus","DejaVu Sans",sans-serif; }

/* ---- Callout boxes ---- */
.teraell-box { margin:1em 0; border-left:5px solid; background:var(--tera-parchment); }
.teraell-box-head { font-weight:bold; padding:6px 12px; color:#fff; font-size:0.9em; letter-spacing:0.04em; text-transform:uppercase; }
.teraell-box-body { padding:8px 12px; }
.teraell-hidden { border-color:var(--tera-hidden); }
.teraell-hidden .teraell-box-head { background:var(--tera-hidden); }
.teraell-contested { border-color:var(--tera-contested); }
.teraell-contested .teraell-box-head { background:var(--tera-contested); }
.teraell-meta { border-color:var(--tera-meta); }
.teraell-meta .teraell-box-head { background:var(--tera-meta); }

/* ---- Bible source tag ---- */
.teraell-bible-tag { float:right; font-size:0.8em; color:var(--tera-iron); background:#eee8da; border:1px solid var(--tera-brass); padding:2px 8px; margin:0 0 0.5em 1em; }

/* ---- Footer note on Main Page ---- */
.teraell-footer-note { margin-top:2em; font-size:0.85em; color:var(--tera-iron); text-align:center; border-top:1px solid var(--tera-brass); padding-top:0.5em; }

/* ---- Mobile ---- */
@media (max-width: 720px) {
  .teraell-infobox { float:none; width:100%; margin:0 0 1em 0; }
  .teraell-bible-tag { float:none; display:inline-block; }
}
/* ---- City colors (the world's sigil ring) ---- */
:root {
  --tera-shining-reach: #f2efe6;
  --tera-forgegate: #9b2d1f;
  --tera-stormharbor: #4a5d6e;
  --tera-eldershore: #c9962b;
  --tera-clearhold: #3d6b4f;
  --tera-iron-coves: #1f2224;
}
.teraell-city-bar { height:6px; margin:0 0 1em 0; }