GaryJJSpate (talk | contribs) No edit summary |
GaryJJSpate (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* ========================================================== | /* ========================================================== | ||
THE VAULT @ THE E.E.R.I.E. FILES | THE VAULT @ THE E.E.R.I.E. FILES | ||
MediaWiki:Common.css | MediaWiki:Common.css | ||
SECTION 1 — FOUNDATION | SECTION 1 — FOUNDATION | ||
Light Archive Theme: | |||
- parchment/off-white page | |||
- dark readable article text | |||
- dark Vault panels remain | |||
- neon headers retained | |||
========================================================== */ | ========================================================== */ | ||
| Line 9: | Line 16: | ||
/* ---------- FONTS ---------- */ | /* ---------- FONTS ---------- */ | ||
@import url(https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap); | @import url('https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap'); | ||
/* | /* ========================================================== | ||
VAULT COLOUR SYSTEM | |||
========================================================== */ | |||
:root { | :root { | ||
--void:# | /* Page */ | ||
--void:#f4f0e6; | |||
--paper:#f4f0e6; | |||
--ink:#24202b; | |||
/* Dark Vault panels */ | |||
--panel:#160f2b; | --panel:#160f2b; | ||
--panel-edge:#2a1c4a; | --panel-edge:#2a1c4a; | ||
/* Accent colours */ | |||
--acid:#a6ff3f; | --acid:#a6ff3f; | ||
--violet:#b34aff; | --violet:#b34aff; | ||
--amber:#ffcf4d; | --amber:#ffcf4d; | ||
--muted:# | |||
/* Secondary text */ | |||
--muted:#756b8f; | |||
/* Legacy compatibility */ | |||
--cream:#24202b; | |||
} | } | ||
| Line 33: | Line 63: | ||
BASE PAGE | BASE PAGE | ||
========================================================== */ | ========================================================== */ | ||
body { | body { | ||
background-color: var(-- | |||
color: var(-- | background-color:var(--paper) !important; | ||
font-family: 'Space Grotesk', sans-serif !important; | |||
color:var(--ink) !important; | |||
font-family:'Space Grotesk', sans-serif !important; | |||
} | } | ||
| Line 45: | Line 81: | ||
#bodyContent { | #bodyContent { | ||
background-color: var(-- | background-color:var(--paper) !important; | ||
color: var(-- | |||
border: none !important; | color:var(--ink) !important; | ||
border:none !important; | |||
} | } | ||
| Line 55: | Line 94: | ||
HEADINGS | HEADINGS | ||
========================================================== */ | ========================================================== */ | ||
h1, | h1, | ||
| Line 63: | Line 103: | ||
.mw-first-heading { | .mw-first-heading { | ||
font-family: 'Bungee', system-ui, sans-serif !important; | font-family:'Bungee', system-ui, sans-serif !important; | ||
color: var(-- | |||
text-shadow: | color:var(--ink) !important; | ||
letter-spacing: | |||
text-shadow:none; | |||
letter-spacing:.02em; | |||
} | } | ||
| Line 74: | Line 118: | ||
.mw-first-heading { | .mw-first-heading { | ||
border-bottom: 2px solid var(--panel-edge) !important; | border-bottom:2px solid var(--panel-edge) !important; | ||
padding-bottom: .5rem; | |||
padding-bottom:.5rem; | |||
} | } | ||
h2 { | h2 { | ||
border-bottom: 1px solid var(--panel-edge) !important; | border-bottom:1px solid var(--panel-edge) !important; | ||
color: var(--violet) !important; | |||
color:var(--violet) !important; | |||
margin-top: 1.8rem; | |||
margin-top:1.8rem; | |||
} | |||
h3, | |||
h4 { | |||
color:var(--ink) !important; | |||
} | } | ||
| Line 93: | Line 150: | ||
LINKS | LINKS | ||
========================================================== */ | ========================================================== */ | ||
a { | a { | ||
color: # | color:#1769aa; | ||
} | } | ||
a:visited { | a:visited { | ||
color: | color:#67518d; | ||
} | } | ||
a:hover { | a:hover { | ||
color: | color:#4b8f00 !important; | ||
} | } | ||
a.new { | a.new { | ||
color: # | color:#c0392b !important; | ||
} | } | ||
| Line 125: | Line 187: | ||
TABLES | TABLES | ||
========================================================== */ | ========================================================== */ | ||
table.wikitable { | table.wikitable { | ||
background | background:var(--panel) !important; | ||
color: | |||
border: 1px solid var(--panel-edge) !important; | color:#f2ecd9 !important; | ||
border:1px solid var(--panel-edge) !important; | |||
} | } | ||
table.wikitable th { | |||
background:var(--panel-edge) !important; | |||
color:var(--acid) !important; | |||
font-family:'JetBrains Mono', monospace !important; | |||
} | } | ||
border-color: var(--panel-edge) !important; | table.wikitable td { | ||
color:#f2ecd9 !important; | |||
border-color:var(--panel-edge) !important; | |||
} | } | ||
| Line 159: | Line 226: | ||
ARTICLE BODY COLOUR FIXES | ARTICLE BODY COLOUR FIXES | ||
========================================================== */ | ========================================================== */ | ||
.mw-parser-output, | .mw-parser-output, | ||
| Line 171: | Line 239: | ||
#mw-content-text { | #mw-content-text { | ||
color: var(-- | color:var(--ink) !important; | ||
} | } | ||
/* Article links */ | |||
.mw-parser-output a { | .mw-parser-output a { | ||
color: # | color:#1769aa !important; | ||
} | } | ||
.mw-parser-output a:visited { | .mw-parser-output a:visited { | ||
color: | color:#67518d !important; | ||
} | } | ||
.mw-parser-output a:hover { | .mw-parser-output a:hover { | ||
color: | color:#4b8f00 !important; | ||
} | } | ||
.mw-parser-output a.new { | .mw-parser-output a.new { | ||
color: # | color:#c0392b !important; | ||
} | } | ||
/* Article headings */ | |||
.mw-parser-output h1, | .mw-parser-output h1, | ||
| Line 209: | Line 286: | ||
.mw-parser-output h4 { | .mw-parser-output h4 { | ||
color: var(-- | color:var(--ink) !important; | ||
} | } | ||
.mw-parser-output h2 { | .mw-parser-output h2 { | ||
color: var(--violet) !important; | color:var(--violet) !important; | ||
} | } | ||
| Line 224: | Line 303: | ||
CATEGORY FOOTER | CATEGORY FOOTER | ||
========================================================== */ | ========================================================== */ | ||
#catlinks, | #catlinks, | ||
.catlinks { | .catlinks { | ||
background | background:var(--panel); | ||
border: 1px solid var(--panel-edge) | border:1px solid var(--panel-edge); | ||
color: | color:#f2ecd9 !important; | ||
} | } | ||
| Line 240: | Line 321: | ||
.catlinks a { | .catlinks a { | ||
color: var(-- | color:var(--acid) !important; | ||
} | } | ||
| Line 250: | Line 331: | ||
SECTION 2 — VAULT UI ELEMENTS | SECTION 2 — VAULT UI ELEMENTS | ||
Dark archive panels retained against light background | |||
========================================================== */ | ========================================================== */ | ||
| Line 256: | Line 340: | ||
HERO / LANDING COMPONENTS | HERO / LANDING COMPONENTS | ||
========================================================== */ | ========================================================== */ | ||
.vault-hero { | .vault-hero { | ||
text-align: center; | text-align:center; | ||
padding: 2rem 1rem; | padding:2rem 1rem; | ||
border: 1px solid var(--panel-edge); | border:1px solid var(--panel-edge); | ||
border-radius: 10px; | border-radius:10px; | ||
background: | background: | ||
radial-gradient( | radial-gradient( | ||
ellipse at 50% 0%, | ellipse at 50% 0%, | ||
rgba(179,74,255, | rgba(179,74,255,.15), | ||
var(--panel) 70% | var(--panel) 70% | ||
); | ); | ||
margin-bottom: 1.8rem; | margin-bottom:1.8rem; | ||
} | } | ||
.vault-hero .vault-title { | .vault-hero .vault-title { | ||
font-family: 'Bungee', system-ui, sans-serif; | font-family:'Bungee',system-ui,sans-serif; | ||
font-size: 2.2rem; | font-size:2.2rem; | ||
color: | color:#f2ecd9; | ||
text-shadow: | text-shadow:0 0 20px rgba(166,255,63,.4); | ||
margin: 0; | margin:0; | ||
} | } | ||
.vault-hero .vault-title span { | .vault-hero .vault-title span { | ||
color: var(--acid); | color:var(--acid); | ||
} | } | ||
.vault-hero .vault-tagline { | .vault-hero .vault-tagline { | ||
font-family: 'JetBrains Mono', monospace; | font-family:'JetBrains Mono',monospace; | ||
font-size: | font-size:.75rem; | ||
letter-spacing: | letter-spacing:.2em; | ||
text-transform: uppercase; | text-transform:uppercase; | ||
color: | color:#c5b9dd; | ||
} | |||
| Line 322: | Line 408: | ||
PORTAL / FEATURE CARDS | PORTAL / FEATURE CARDS | ||
========================================================== */ | ========================================================== */ | ||
.vault-portal-grid, | .vault-portal-grid, | ||
.vault-case-grid { | .vault-case-grid { | ||
display: grid; | display:grid; | ||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); | grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); | ||
gap: 1rem; | gap:1rem; | ||
margin: 1.5rem 0; | margin:1.5rem 0; | ||
} | } | ||
| Line 340: | Line 428: | ||
.vault-case-card { | .vault-case-card { | ||
background: var(--panel); | background:var(--panel); | ||
border: 1px solid var(--panel-edge); | border:1px solid var(--panel-edge); | ||
border-radius: 8px; | border-radius:8px; | ||
padding: 1.3rem; | padding:1.3rem; | ||
text-decoration: none !important; | text-decoration:none !important; | ||
display: block; | display:block; | ||
transition: .2s; | transition:.2s; | ||
} | } | ||
| Line 360: | Line 449: | ||
.vault-case-card:hover { | .vault-case-card:hover { | ||
border-color: var(--acid); | border-color:var(--acid); | ||
transform: translateY(-3px); | transform:translateY(-3px); | ||
} | } | ||
.vault-portal-card .label { | |||
font-family:'Bungee',system-ui,sans-serif; | |||
color:var(--acid) !important; | |||
} | |||
| Line 387: | Line 470: | ||
.vault-case-card-excerpt { | .vault-case-card-excerpt { | ||
color:#c5b9dd !important; | |||
font-size:.82rem; | |||
line-height: 1.5; | line-height:1.5; | ||
} | } | ||
.vault-case-card-title { | .vault-case-card-title { | ||
font- | font-family:'Bungee',system-ui,sans-serif; | ||
color: | color:#f2ecd9 !important; | ||
} | } | ||
/* ========================================================== | /* ========================================================== | ||
FEATURE / DID YOU KNOW | FEATURE / NOTICE / DID YOU KNOW | ||
========================================================== */ | ========================================================== */ | ||
.vault-featured, | .vault-featured, | ||
| Line 413: | Line 499: | ||
.vault-notice { | .vault-notice { | ||
background: var(--panel); | background:var(--panel); | ||
border: 1px solid var(--panel-edge); | border:1px solid var(--panel-edge); | ||
border-radius: 6px; | border-radius:6px; | ||
padding: 1.4rem 1.6rem; | padding:1.4rem 1.6rem; | ||
margin: 1.5rem 0; | margin:1.5rem 0; | ||
color:#f2ecd9; | |||
} | } | ||
.vault-featured { | .vault-featured { | ||
border-left: 4px solid var(--acid); | border-left:4px solid var(--acid); | ||
} | } | ||
| Line 436: | Line 526: | ||
.vault-notice-header { | .vault-notice-header { | ||
font-family: 'JetBrains Mono', monospace; | font-family:'JetBrains Mono',monospace; | ||
font-size: .68rem; | font-size:.68rem; | ||
text-transform:uppercase; | |||
letter-spacing:.16em; | |||
color: var(--amber); | color:var(--amber); | ||
} | } | ||
.vault-featured-title, | |||
.vault-notice-title { | |||
font- | font-family:'Bungee',system-ui,sans-serif; | ||
color: | color:#f2ecd9; | ||
} | } | ||
.vault-dyk li { | .vault-dyk li { | ||
color:#f2ecd9; | |||
color: | |||
} | } | ||
| Line 495: | Line 562: | ||
INFOBOX | INFOBOX | ||
========================================================== */ | ========================================================== */ | ||
.vault-infobox { | .vault-infobox { | ||
float: right; | float:right; | ||
width: 280px; | width:280px; | ||
margin: 0 0 1rem 1.5rem; | margin:0 0 1rem 1.5rem; | ||
background: var(--panel); | background:var(--panel); | ||
border: 1px solid var(--panel-edge); | border:1px solid var(--panel-edge); | ||
border-radius: 6px; | border-radius:6px; | ||
overflow: hidden; | overflow:hidden; | ||
} | } | ||
.vault-infobox-header { | .vault-infobox-header { | ||
background: var(--panel-edge); | background:var(--panel-edge); | ||
font-family: 'Bungee', system-ui, sans-serif; | font-family:'Bungee',system-ui,sans-serif; | ||
font-size: .9rem; | font-size:.9rem; | ||
text-align: center; | text-align:center; | ||
padding: .7rem; | padding:.7rem; | ||
color: var(--acid); | color:var(--acid); | ||
} | } | ||
.vault-infobox-image { | .vault-infobox-image { | ||
text-align: center; | text-align:center; | ||
} | } | ||
.vault-infobox-image img { | .vault-infobox-image img { | ||
max-width: 100%; | max-width:100%; | ||
height: auto; | height:auto; | ||
} | } | ||
.vault-infobox-caption { | .vault-infobox-caption { | ||
color:#c5b9dd; | |||
font-size:.75rem; | |||
padding: .5rem; | padding:.5rem; | ||
} | } | ||
.vault-infobox-row { | .vault-infobox-row { | ||
display: grid; | display:grid; | ||
grid-template-columns: 95px 1fr; | grid-template-columns:95px 1fr; | ||
gap: .5rem; | gap:.5rem; | ||
padding: .5rem .8rem; | padding:.5rem .8rem; | ||
border-top: 1px solid var(--panel-edge); | border-top:1px solid var(--panel-edge); | ||
font-size: .8rem; | font-size:.8rem; | ||
} | } | ||
.vault-infobox-k { | .vault-infobox-k { | ||
font-family: 'JetBrains Mono', monospace; | font-family:'JetBrains Mono',monospace; | ||
font-size:.66rem; | |||
color:#9d8fc2; | |||
text-transform:uppercase; | |||
} | } | ||
.vault-infobox-v { | .vault-infobox-v { | ||
color: | color:#f2ecd9; | ||
} | } | ||
.vault-infobox-status { | .vault-infobox-status { | ||
color: var(--acid); | color:var(--acid); | ||
font-weight: bold; | font-weight:bold; | ||
} | } | ||
/* ========================================================== | /* ========================================================== | ||
FULL WIDTH ASSESSMENTS | |||
========================================================== */ | ========================================================== */ | ||
.vault-assessment, | |||
.vault-evidence, | |||
.vault-profile-assessment, | |||
.vault-location-assessment, | |||
.vault-work-assessment { | |||
.vault-assessment | |||
.vault- | |||
.vault- | |||
.vault- | |||
.vault- | |||
width:100%; | width:100%; | ||
| Line 762: | Line 704: | ||
overflow:hidden; | overflow:hidden; | ||
color:#f2ecd9; | |||
} | } | ||
.vault-evidence-header { | |||
.vault-assessment-header, | |||
.vault-evidence-header, | |||
.vault-profile-header, | |||
.vault-location-header, | |||
.vault-work-header { | |||
background:var(--panel-edge); | background:var(--panel-edge); | ||
color:var(--acid); | |||
font-family:'Bungee',system-ui,sans-serif; | font-family:'Bungee',system-ui,sans-serif; | ||
text-align:center; | text-align:center; | ||
padding:.8rem; | padding:.8rem; | ||
letter-spacing:. | letter-spacing:.05em; | ||
} | } | ||
/* Assessment grids */ | |||
.vault-assessment-grid, | |||
.vault-evidence-grid, | |||
.vault-profile-grid, | |||
.vault-location-grid { | |||
.vault-evidence- | |||
.vault- | |||
display:grid; | display:grid; | ||
| Line 824: | Line 748: | ||
.vault-evidence-item { | |||
.vault-assessment-item, | |||
.vault-evidence-item, | |||
.vault-profile-item, | |||
.vault-location-item { | |||
padding:1rem; | padding:1rem; | ||
| Line 833: | Line 761: | ||
.vault-evidence-title { | |||
.vault-assessment-label, | |||
.vault-evidence-title, | |||
.vault-profile-label, | |||
.vault-location-label, | |||
.vault-work-k { | |||
font-family:'JetBrains Mono',monospace; | font-family:'JetBrains Mono',monospace; | ||
| Line 839: | Line 772: | ||
font-size:.68rem; | font-size:.68rem; | ||
text-transform:uppercase; | |||
letter-spacing:.08em; | |||
color:#9d8fc2; | |||
} | |||
.vault-evidence-value { | .vault-assessment-value, | ||
.vault-evidence-value, | |||
.vault-profile-value, | |||
.vault-location-value, | |||
.vault-work-v { | |||
color: | color:#f2ecd9; | ||
line-height:1. | line-height:1.5; | ||
} | } | ||
.vault-assessment-status { | |||
color:var(--acid); | |||
font-weight:bold; | |||
} | } | ||
| Line 872: | Line 807: | ||
/* ========================================================== | /* ========================================================== | ||
CATEGORY COLOURS | |||
========================================================== */ | ========================================================== */ | ||
.vault-assessment-cryptid .vault-assessment-header { | |||
background: | background:#355834; | ||
} | } | ||
.vault- | .vault-assessment-ufo .vault-assessment-header { | ||
background: | background:#1d3f73; | ||
} | } | ||
.vault- | .vault-assessment-haunting .vault-assessment-header { | ||
background:#5b3b70; | |||
} | } | ||
.vault- | .vault-assessment-parapsychology .vault-assessment-header { | ||
background:#a36a00; | |||
} | } | ||
.vault- | .vault-assessment-forteana .vault-assessment-header { | ||
background:#444; | |||
} | } | ||
.vault- | .vault-assessment-folklore .vault-assessment-header { | ||
background:#765438; | |||
} | } | ||
/* ========================================================== | /* ========================================================== | ||
EVIDENCE SCORE | |||
========================================================== */ | ========================================================== */ | ||
.vault-evidence-score { | |||
.vault- | |||
text-align:center; | text-align:center; | ||
font-size:2.2rem; | |||
color:var(--amber); | |||
padding:1rem; | padding:1rem; | ||
} | } | ||
.vault-evidence-label { | |||
text-align:center; | |||
color:#f2ecd9; | |||
padding-bottom:1rem; | |||
} | } | ||
| Line 1,164: | Line 888: | ||
BUTTONS / TAGS | BUTTONS / TAGS | ||
========================================================== */ | ========================================================== */ | ||
| Line 1,186: | Line 894: | ||
display:inline-block; | display:inline-block; | ||
font-family:'JetBrains Mono', monospace; | font-family:'JetBrains Mono',monospace; | ||
font-size:.78rem; | font-size:.78rem; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 1,199: | Line 905: | ||
margin:.3rem; | margin:.3rem; | ||
text-decoration:none !important; | text-decoration:none !important; | ||
} | } | ||
| Line 1,211: | Line 916: | ||
background:var(--acid) !important; | background:var(--acid) !important; | ||
color: | color:#0a0714 !important; | ||
} | } | ||
| Line 1,220: | Line 926: | ||
background:var(--violet) !important; | background:var(--violet) !important; | ||
color: | color:#f2ecd9 !important; | ||
} | } | ||
| Line 1,240: | Line 936: | ||
display:inline-block; | display:inline-block; | ||
background:rgba(179,74,255,.12); | |||
border:1px solid rgba(179,74,255,.35); | |||
color:var(--violet) !important; | color:var(--violet) !important; | ||
padding:.25rem .7rem; | padding:.25rem .7rem; | ||
| Line 1,258: | Line 946: | ||
border-radius:999px; | border-radius:999px; | ||
text- | font-family:'JetBrains Mono',monospace; | ||
font-size:.68rem; | |||
text-transform:uppercase; | |||
} | } | ||
| Line 1,284: | Line 975: | ||
.editnotice-area { | .editnotice-area { | ||
color: | color: #222 !important; | ||
} | } | ||
| Line 1,293: | Line 984: | ||
.editnotice-area a { | .editnotice-area a { | ||
color: # | color: #1769aa !important; | ||
} | } | ||
| Line 1,301: | Line 992: | ||
#editpage-copywarn a:visited { | #editpage-copywarn a:visited { | ||
color: | color: #6b5b95 !important; | ||
} | } | ||
| Line 1,313: | Line 1,004: | ||
.oo-ui-labelWidget.oo-ui-inline-help { | .oo-ui-labelWidget.oo-ui-inline-help { | ||
color: | color: #222 !important; | ||
} | } | ||
| Line 1,323: | Line 1,015: | ||
/* | /* | ||
MediaWiki system messages retain their own styling. | |||
Keep these readable rather than forcing Vault colours. | |||
*/ | */ | ||
| Line 1,343: | Line 1,035: | ||
.mw-category-group { | .mw-category-group { | ||
color: | color:#222 !important; | ||
} | } | ||
| Line 1,352: | Line 1,044: | ||
.mw-category-group a { | .mw-category-group a { | ||
color:# | color:#1769aa !important; | ||
} | } | ||
| Line 1,361: | Line 1,053: | ||
.mw-category-group a:visited { | .mw-category-group a:visited { | ||
color: | color:#6b5b95 !important; | ||
} | } | ||
| Line 1,370: | Line 1,062: | ||
.mw-category-group a:hover { | .mw-category-group a:hover { | ||
color: | color:#4b8f00 !important; | ||
} | |||
/* ========================================================== | |||
REFERENCE LISTS | |||
========================================================== */ | |||
.reflist { | |||
color:#222 !important; | |||
} | |||
.reflist a { | |||
color:#1769aa !important; | |||
} | |||
.reflist a:hover { | |||
color:#4b8f00 !important; | |||
} | } | ||
| Line 1,377: | Line 1,095: | ||
/* ========================================================== | /* ========================================================== | ||
REFERENCE TARGET HIGHLIGHT | |||
========================================================== */ | ========================================================== */ | ||
| Line 1,383: | Line 1,101: | ||
#mw-content-text li:target * { | #mw-content-text li:target * { | ||
background-color: | background-color:#fff8dc !important; | ||
color: | color:#222 !important; | ||
} | } | ||
| Line 1,392: | Line 1,110: | ||
#mw-content-text li:target i { | #mw-content-text li:target i { | ||
color: | color:#666 !important; | ||
} | } | ||
| Line 1,399: | Line 1,117: | ||
/* ========================================================== | /* ========================================================== | ||
CATEGORY FOOTER | |||
========================================================== */ | ========================================================== */ | ||
. | #catlinks, | ||
.catlinks { | |||
background:#f6f1e4 !important; | |||
border:1px solid #d8cdb5 !important; | |||
color:#555 !important; | |||
} | |||
#catlinks a, | |||
.catlinks a { | |||
color: | color:#6f32a8 !important; | ||
} | } | ||
/* ========================================================== | |||
RECENT CHANGES / LOG CLEANUP | |||
Keeps: | |||
- date/time | |||
- page title | |||
Removes: | |||
- usernames | |||
- byte changes | |||
- tags | |||
- comments | |||
========================================================== */ | |||
.mw-changeslist-links, | |||
.mw-changeslist-separator, | |||
.mw-changeslist-user, | |||
.mw-usertoollinks, | |||
.mw-changeslist-bytes, | |||
.mw-plusminus-pos, | |||
.mw-plusminus-neg, | |||
.comment, | |||
.mw-tag-markers, | |||
.history-deleted { | |||
display:none !important; | |||
} | } | ||
| Line 1,429: | Line 1,185: | ||
gap:1rem; | gap:1rem; | ||
background: | background:#f6f1e4; | ||
border:1px solid | border:1px solid #d8cdb5; | ||
border-radius:8px; | border-radius:8px; | ||
| Line 1,459: | Line 1,215: | ||
font-size:1.8rem; | font-size:1.8rem; | ||
color: | color:#6f32a8; | ||
} | } | ||
| Line 1,474: | Line 1,230: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
color: | color:#777; | ||
} | } | ||
| Line 1,492: | Line 1,248: | ||
.vault-stats-bar-item a:hover .vault-stats-bar-number { | .vault-stats-bar-item a:hover .vault-stats-bar-number { | ||
color: | color:#4b8f00; | ||
} | } | ||
| Line 1,499: | Line 1,255: | ||
.vault-stats-bar-item a:hover .vault-stats-bar-label { | .vault-stats-bar-item a:hover .vault-stats-bar-label { | ||
color: | color:#6f32a8; | ||
} | } | ||
| Line 1,506: | Line 1,262: | ||
/* ========================================================== | /* ========================================================== | ||
TABLE OVERRIDE FOR LIGHT THEME | |||
========================================================== */ | |||
table.wikitable { | |||
background:#fff !important; | |||
color:#222 !important; | |||
border-color:#d8cdb5 !important; | |||
} | |||
table.wikitable th { | |||
background:var(--panel-edge) !important; | |||
color:var(--acid) !important; | |||
} | |||
table.wikitable td { | |||
background:#fff !important; | |||
color:#222 !important; | |||
} | } | ||
| Line 1,548: | Line 1,313: | ||
.vault-assessment-grid { | .vault-assessment-grid, | ||
.vault-evidence-grid, | |||
.vault-profile-grid, | |||
.vault-location-grid { | |||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
} | |||
.vault-profile-item, | |||
.vault-location-item { | |||
border-right:none; | |||
border-bottom:1px solid #d8cdb5; | |||
} | } | ||
| Line 1,574: | Line 1,352: | ||
/* ========================================================== | |||
FINAL LIGHT THEME ARTICLE OVERRIDES | |||
These catch MediaWiki areas that ignore body colours | |||
========================================================== */ | ========================================================== */ | ||
.mw-body, | |||
#content, | |||
#bodyContent, | |||
.mw-parser-output { | |||
background:#faf7ef !important; | |||
} | } | ||
. | .mw-parser-output p, | ||
.mw-parser-output li, | |||
.mw-parser-output blockquote, | |||
.mw-parser-output td, | |||
.mw-parser-output th { | |||
color:#222 !important; | |||
color: | |||
} | } | ||
. | .mw-parser-output blockquote { | ||
border-left:4px solid #b34aff; | |||
padding-left:1rem; | |||
color:#444 !important; | |||
} | } | ||
/* Preserve Vault headers */ | |||
.vault-infobox-header, | |||
.vault-assessment-header, | |||
.vault-profile-header, | |||
.vault-location-header, | |||
.vault-work-header, | |||
.vault-evidence-header { | |||
color:var(--acid) !important; | |||
} | } | ||
/* ========================================================== | |||
END OF THE VAULT COMMON.CSS | |||
========================================================== */ | |||
Revision as of 21:34, 29 July 2026
/* ==========================================================
THE VAULT @ THE E.E.R.I.E. FILES
MediaWiki:Common.css
SECTION 1 — FOUNDATION
Light Archive Theme:
- parchment/off-white page
- dark readable article text
- dark Vault panels remain
- neon headers retained
========================================================== */
/* ---------- FONTS ---------- */
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* ==========================================================
VAULT COLOUR SYSTEM
========================================================== */
:root {
/* Page */
--void:#f4f0e6;
--paper:#f4f0e6;
--ink:#24202b;
/* Dark Vault panels */
--panel:#160f2b;
--panel-edge:#2a1c4a;
/* Accent colours */
--acid:#a6ff3f;
--violet:#b34aff;
--amber:#ffcf4d;
/* Secondary text */
--muted:#756b8f;
/* Legacy compatibility */
--cream:#24202b;
}
/* ==========================================================
BASE PAGE
========================================================== */
body {
background-color:var(--paper) !important;
color:var(--ink) !important;
font-family:'Space Grotesk', sans-serif !important;
}
#content,
.mw-body,
#bodyContent {
background-color:var(--paper) !important;
color:var(--ink) !important;
border:none !important;
}
/* ==========================================================
HEADINGS
========================================================== */
h1,
h2,
h3,
h4,
.firstHeading,
.mw-first-heading {
font-family:'Bungee', system-ui, sans-serif !important;
color:var(--ink) !important;
text-shadow:none;
letter-spacing:.02em;
}
h1.firstHeading,
.mw-first-heading {
border-bottom:2px solid var(--panel-edge) !important;
padding-bottom:.5rem;
}
h2 {
border-bottom:1px solid var(--panel-edge) !important;
color:var(--violet) !important;
margin-top:1.8rem;
}
h3,
h4 {
color:var(--ink) !important;
}
/* ==========================================================
LINKS
========================================================== */
a {
color:#1769aa;
}
a:visited {
color:#67518d;
}
a:hover {
color:#4b8f00 !important;
}
a.new {
color:#c0392b !important;
}
/* ==========================================================
TABLES
========================================================== */
table.wikitable {
background:var(--panel) !important;
color:#f2ecd9 !important;
border:1px solid var(--panel-edge) !important;
}
table.wikitable th {
background:var(--panel-edge) !important;
color:var(--acid) !important;
font-family:'JetBrains Mono', monospace !important;
}
table.wikitable td {
color:#f2ecd9 !important;
border-color:var(--panel-edge) !important;
}
/* ==========================================================
ARTICLE BODY COLOUR FIXES
========================================================== */
.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output dt,
.mw-parser-output blockquote,
.mw-parser-output td,
.mw-parser-output th,
.mw-parser-output caption,
#mw-content-text {
color:var(--ink) !important;
}
/* Article links */
.mw-parser-output a {
color:#1769aa !important;
}
.mw-parser-output a:visited {
color:#67518d !important;
}
.mw-parser-output a:hover {
color:#4b8f00 !important;
}
.mw-parser-output a.new {
color:#c0392b !important;
}
/* Article headings */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {
color:var(--ink) !important;
}
.mw-parser-output h2 {
color:var(--violet) !important;
}
/* ==========================================================
CATEGORY FOOTER
========================================================== */
#catlinks,
.catlinks {
background:var(--panel);
border:1px solid var(--panel-edge);
color:#f2ecd9 !important;
}
#catlinks a,
.catlinks a {
color:var(--acid) !important;
}
/* ==========================================================
THE VAULT — CUSTOM COMPONENTS
SECTION 2 — VAULT UI ELEMENTS
Dark archive panels retained against light background
========================================================== */
/* ==========================================================
HERO / LANDING COMPONENTS
========================================================== */
.vault-hero {
text-align:center;
padding:2rem 1rem;
border:1px solid var(--panel-edge);
border-radius:10px;
background:
radial-gradient(
ellipse at 50% 0%,
rgba(179,74,255,.15),
var(--panel) 70%
);
margin-bottom:1.8rem;
}
.vault-hero .vault-title {
font-family:'Bungee',system-ui,sans-serif;
font-size:2.2rem;
color:#f2ecd9;
text-shadow:0 0 20px rgba(166,255,63,.4);
margin:0;
}
.vault-hero .vault-title span {
color:var(--acid);
}
.vault-hero .vault-tagline {
font-family:'JetBrains Mono',monospace;
font-size:.75rem;
letter-spacing:.2em;
text-transform:uppercase;
color:#c5b9dd;
}
/* ==========================================================
PORTAL / FEATURE CARDS
========================================================== */
.vault-portal-grid,
.vault-case-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:1rem;
margin:1.5rem 0;
}
.vault-portal-card,
.vault-case-card {
background:var(--panel);
border:1px solid var(--panel-edge);
border-radius:8px;
padding:1.3rem;
text-decoration:none !important;
display:block;
transition:.2s;
}
.vault-portal-card:hover,
.vault-case-card:hover {
border-color:var(--acid);
transform:translateY(-3px);
}
.vault-portal-card .label {
font-family:'Bungee',system-ui,sans-serif;
color:var(--acid) !important;
}
.vault-portal-card .desc,
.vault-case-card-excerpt {
color:#c5b9dd !important;
font-size:.82rem;
line-height:1.5;
}
.vault-case-card-title {
font-family:'Bungee',system-ui,sans-serif;
color:#f2ecd9 !important;
}
/* ==========================================================
FEATURE / NOTICE / DID YOU KNOW
========================================================== */
.vault-featured,
.vault-dyk,
.vault-notice {
background:var(--panel);
border:1px solid var(--panel-edge);
border-radius:6px;
padding:1.4rem 1.6rem;
margin:1.5rem 0;
color:#f2ecd9;
}
.vault-featured {
border-left:4px solid var(--acid);
}
.vault-featured .vault-eyebrow,
.vault-notice-header {
font-family:'JetBrains Mono',monospace;
font-size:.68rem;
text-transform:uppercase;
letter-spacing:.16em;
color:var(--amber);
}
.vault-featured-title,
.vault-notice-title {
font-family:'Bungee',system-ui,sans-serif;
color:#f2ecd9;
}
.vault-dyk li {
color:#f2ecd9;
}
/* ==========================================================
INFOBOX
========================================================== */
.vault-infobox {
float:right;
width:280px;
margin:0 0 1rem 1.5rem;
background:var(--panel);
border:1px solid var(--panel-edge);
border-radius:6px;
overflow:hidden;
}
.vault-infobox-header {
background:var(--panel-edge);
font-family:'Bungee',system-ui,sans-serif;
font-size:.9rem;
text-align:center;
padding:.7rem;
color:var(--acid);
}
.vault-infobox-image {
text-align:center;
}
.vault-infobox-image img {
max-width:100%;
height:auto;
}
.vault-infobox-caption {
color:#c5b9dd;
font-size:.75rem;
padding:.5rem;
}
.vault-infobox-row {
display:grid;
grid-template-columns:95px 1fr;
gap:.5rem;
padding:.5rem .8rem;
border-top:1px solid var(--panel-edge);
font-size:.8rem;
}
.vault-infobox-k {
font-family:'JetBrains Mono',monospace;
font-size:.66rem;
color:#9d8fc2;
text-transform:uppercase;
}
.vault-infobox-v {
color:#f2ecd9;
}
.vault-infobox-status {
color:var(--acid);
font-weight:bold;
}
/* ==========================================================
FULL WIDTH ASSESSMENTS
========================================================== */
.vault-assessment,
.vault-evidence,
.vault-profile-assessment,
.vault-location-assessment,
.vault-work-assessment {
width:100%;
margin:1.5rem 0;
background:var(--panel);
border:1px solid var(--panel-edge);
border-radius:8px;
overflow:hidden;
color:#f2ecd9;
}
.vault-assessment-header,
.vault-evidence-header,
.vault-profile-header,
.vault-location-header,
.vault-work-header {
background:var(--panel-edge);
color:var(--acid);
font-family:'Bungee',system-ui,sans-serif;
text-align:center;
padding:.8rem;
letter-spacing:.05em;
}
/* Assessment grids */
.vault-assessment-grid,
.vault-evidence-grid,
.vault-profile-grid,
.vault-location-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
}
.vault-assessment-item,
.vault-evidence-item,
.vault-profile-item,
.vault-location-item {
padding:1rem;
border-top:1px solid var(--panel-edge);
}
.vault-assessment-label,
.vault-evidence-title,
.vault-profile-label,
.vault-location-label,
.vault-work-k {
font-family:'JetBrains Mono',monospace;
font-size:.68rem;
text-transform:uppercase;
letter-spacing:.08em;
color:#9d8fc2;
}
.vault-assessment-value,
.vault-evidence-value,
.vault-profile-value,
.vault-location-value,
.vault-work-v {
color:#f2ecd9;
line-height:1.5;
}
.vault-assessment-status {
color:var(--acid);
font-weight:bold;
}
/* ==========================================================
CATEGORY COLOURS
========================================================== */
.vault-assessment-cryptid .vault-assessment-header {
background:#355834;
}
.vault-assessment-ufo .vault-assessment-header {
background:#1d3f73;
}
.vault-assessment-haunting .vault-assessment-header {
background:#5b3b70;
}
.vault-assessment-parapsychology .vault-assessment-header {
background:#a36a00;
}
.vault-assessment-forteana .vault-assessment-header {
background:#444;
}
.vault-assessment-folklore .vault-assessment-header {
background:#765438;
}
/* ==========================================================
EVIDENCE SCORE
========================================================== */
.vault-evidence-score {
text-align:center;
font-size:2.2rem;
color:var(--amber);
padding:1rem;
}
.vault-evidence-label {
text-align:center;
color:#f2ecd9;
padding-bottom:1rem;
}
/* ==========================================================
BUTTONS / TAGS
========================================================== */
.vault-btn {
display:inline-block;
font-family:'JetBrains Mono',monospace;
font-size:.78rem;
text-transform:uppercase;
padding:.7rem 1.3rem;
border-radius:4px;
margin:.3rem;
text-decoration:none !important;
}
.vault-btn-primary {
background:var(--acid) !important;
color:#0a0714 !important;
}
.vault-btn-vault {
background:var(--violet) !important;
color:#f2ecd9 !important;
}
.vault-tag {
display:inline-block;
background:rgba(179,74,255,.12);
border:1px solid rgba(179,74,255,.35);
color:var(--violet) !important;
padding:.25rem .7rem;
border-radius:999px;
font-family:'JetBrains Mono',monospace;
font-size:.68rem;
text-transform:uppercase;
}
/* ==========================================================
THE VAULT — MEDIAWIKI FIXES & RESPONSIVE
SECTION 3 — SYSTEM OVERRIDES
========================================================== */
/* ==========================================================
EDIT PAGE FIXES
========================================================== */
#editform,
#editform label,
#editform p,
#editform .editOptions,
.mw-editTools,
#editpage-copywarn,
.editnotice-area {
color: #222 !important;
}
#editform a,
#editpage-copywarn a,
.editnotice-area a {
color: #1769aa !important;
}
#editform a:visited,
#editpage-copywarn a:visited {
color: #6b5b95 !important;
}
/* OOUI components used by MediaWiki */
.oo-ui-fieldLayout-header,
.oo-ui-labelElement,
.oo-ui-labelElement-label,
.oo-ui-labelWidget.oo-ui-inline-help {
color: #222 !important;
}
/* ==========================================================
MESSAGE BOXES
========================================================== */
/*
MediaWiki system messages retain their own styling.
Keep these readable rather than forcing Vault colours.
*/
.cdx-message {
color:#202122 !important;
}
/* ==========================================================
CATEGORY PAGES
========================================================== */
#mw-pages,
.mw-category,
.mw-category-group {
color:#222 !important;
}
#mw-pages a,
.mw-category a,
.mw-category-group a {
color:#1769aa !important;
}
#mw-pages a:visited,
.mw-category a:visited,
.mw-category-group a:visited {
color:#6b5b95 !important;
}
#mw-pages a:hover,
.mw-category a:hover,
.mw-category-group a:hover {
color:#4b8f00 !important;
}
/* ==========================================================
REFERENCE LISTS
========================================================== */
.reflist {
color:#222 !important;
}
.reflist a {
color:#1769aa !important;
}
.reflist a:hover {
color:#4b8f00 !important;
}
/* ==========================================================
REFERENCE TARGET HIGHLIGHT
========================================================== */
#mw-content-text li:target,
#mw-content-text li:target * {
background-color:#fff8dc !important;
color:#222 !important;
}
#mw-content-text li:target i {
color:#666 !important;
}
/* ==========================================================
CATEGORY FOOTER
========================================================== */
#catlinks,
.catlinks {
background:#f6f1e4 !important;
border:1px solid #d8cdb5 !important;
color:#555 !important;
}
#catlinks a,
.catlinks a {
color:#6f32a8 !important;
}
/* ==========================================================
RECENT CHANGES / LOG CLEANUP
Keeps:
- date/time
- page title
Removes:
- usernames
- byte changes
- tags
- comments
========================================================== */
.mw-changeslist-links,
.mw-changeslist-separator,
.mw-changeslist-user,
.mw-usertoollinks,
.mw-changeslist-bytes,
.mw-plusminus-pos,
.mw-plusminus-neg,
.comment,
.mw-tag-markers,
.history-deleted {
display:none !important;
}
/* ==========================================================
STATS COMPONENTS
========================================================== */
.vault-stats-bar {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:1rem;
background:#f6f1e4;
border:1px solid #d8cdb5;
border-radius:8px;
padding:1.4rem;
margin:1.8rem 0;
text-align:center;
}
.vault-stats-bar-item {
display:flex;
flex-direction:column;
}
.vault-stats-bar-number {
font-family:'Bungee',system-ui,sans-serif;
font-size:1.8rem;
color:#6f32a8;
}
.vault-stats-bar-label {
font-family:'JetBrains Mono',monospace;
font-size:.68rem;
letter-spacing:.08em;
text-transform:uppercase;
color:#777;
}
.vault-stats-bar-item a {
display:flex;
flex-direction:column;
text-decoration:none !important;
}
.vault-stats-bar-item a:hover .vault-stats-bar-number {
color:#4b8f00;
}
.vault-stats-bar-item a:hover .vault-stats-bar-label {
color:#6f32a8;
}
/* ==========================================================
TABLE OVERRIDE FOR LIGHT THEME
========================================================== */
table.wikitable {
background:#fff !important;
color:#222 !important;
border-color:#d8cdb5 !important;
}
table.wikitable th {
background:var(--panel-edge) !important;
color:var(--acid) !important;
}
table.wikitable td {
background:#fff !important;
color:#222 !important;
}
/* ==========================================================
RESPONSIVE DESIGN
========================================================== */
@media screen and (max-width:700px) {
.vault-infobox {
float:none;
width:100%;
margin:1rem 0;
}
.vault-assessment-grid,
.vault-evidence-grid,
.vault-profile-grid,
.vault-location-grid {
grid-template-columns:1fr;
}
.vault-profile-item,
.vault-location-item {
border-right:none;
border-bottom:1px solid #d8cdb5;
}
.vault-hero .vault-title {
font-size:1.7rem;
}
.vault-case-grid,
.vault-portal-grid {
grid-template-columns:1fr;
}
}
/* ==========================================================
FINAL LIGHT THEME ARTICLE OVERRIDES
These catch MediaWiki areas that ignore body colours
========================================================== */
.mw-body,
#content,
#bodyContent,
.mw-parser-output {
background:#faf7ef !important;
}
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output blockquote,
.mw-parser-output td,
.mw-parser-output th {
color:#222 !important;
}
.mw-parser-output blockquote {
border-left:4px solid #b34aff;
padding-left:1rem;
color:#444 !important;
}
/* Preserve Vault headers */
.vault-infobox-header,
.vault-assessment-header,
.vault-profile-header,
.vault-location-header,
.vault-work-header,
.vault-evidence-header {
color:var(--acid) !important;
}
/* ==========================================================
END OF THE VAULT COMMON.CSS
========================================================== */
