×
Create a new article
Write your page title here:
We currently have 245 articles on The Vault @ The EERIE Files. Type your article name above or click on one of the titles below and start writing!



The Vault @ The EERIE Files

MediaWiki:Common.css: Difference between revisions

No edit summary
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 ---------- */
/* ==========================================================
  VAULT COLOUR SYSTEM
  ========================================================== */
 


:root {
:root {


     --void:#0a0714;
    /* 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;
    --cream:#f2ecd9;
     --amber:#ffcf4d;
     --amber:#ffcf4d;


     --muted:#9d8fc2;
 
    /* Secondary text */
 
     --muted:#756b8f;
 
 
    /* Legacy compatibility */
 
    --cream:#24202b;


}
}




Line 33: Line 63:
   BASE PAGE
   BASE PAGE
   ========================================================== */
   ========================================================== */


body {
body {
     background-color: var(--void) !important;
 
     color: var(--cream) !important;
     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(--void) !important;
     background-color:var(--paper) !important;
     color: var(--cream) !important;
 
     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(--cream) !important;
 
     text-shadow: 0 0 16px rgba(166,255,63,0.25);
     color:var(--ink) !important;
     letter-spacing: 0.02em;
 
     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;
 
    text-shadow: none;
     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: #8fd9ff;
     color:#1769aa;


}
}




a:visited {
a:visited {


     color: var(--muted);
     color:#67518d;


}
}




a:hover {
a:hover {


     color: var(--acid) !important;
     color:#4b8f00 !important;


}
}




a.new {
a.new {


     color: #ff6161 !important;
     color:#c0392b !important;


}
}




Line 125: Line 187:
   TABLES
   TABLES
   ========================================================== */
   ========================================================== */


table.wikitable {
table.wikitable {


     background-color: var(--panel) !important;
     background:var(--panel) !important;
     color: var(--cream) !important;
 
     border: 1px solid var(--panel-edge) !important;
     color:#f2ecd9 !important;
 
     border:1px solid var(--panel-edge) !important;


}
}




table.wikitable > tr > th,
table.wikitable > * > tr > th {


    background-color: var(--panel-edge) !important;
table.wikitable th {
    color: var(--acid) !important;


     font-family: 'JetBrains Mono', monospace !important;
     background:var(--panel-edge) !important;
 
    color:var(--acid) !important;


     letter-spacing: 0.04em;
     font-family:'JetBrains Mono', monospace !important;


}
}




table.wikitable > tr > td,
table.wikitable > * > tr > td {


     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(--cream) !important;
     color:var(--ink) !important;


}
}


/* Article links */


.mw-parser-output a {
.mw-parser-output a {


     color: #8fd9ff !important;
     color:#1769aa !important;


}
}




.mw-parser-output a:visited {
.mw-parser-output a:visited {


     color: var(--muted) !important;
     color:#67518d !important;


}
}




.mw-parser-output a:hover {
.mw-parser-output a:hover {


     color: var(--acid) !important;
     color:#4b8f00 !important;


}
}




.mw-parser-output a.new {
.mw-parser-output a.new {


     color: #ff6161 !important;
     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(--cream) !important;
     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-color: var(--panel) !important;
     background:var(--panel);


     border: 1px solid var(--panel-edge) !important;
     border:1px solid var(--panel-edge);


     color: var(--muted) !important;
     color:#f2ecd9 !important;


}
}




Line 240: Line 321:
.catlinks a {
.catlinks a {


     color: var(--violet) !important;
     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,0.15) 0%,
             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: var(--cream);
     color:#f2ecd9;


     text-shadow:
     text-shadow:0 0 20px rgba(166,255,63,.4);
        0 0 20px rgba(166,255,63,0.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: 0.75rem;
     font-size:.75rem;


     letter-spacing: 0.2em;
     letter-spacing:.2em;


     text-transform: uppercase;
     text-transform:uppercase;


     color: var(--muted);
     color:#c5b9dd;


    margin-top: .6rem;
}


}




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 .icon {


    font-size: 1.6rem;
.vault-portal-card .label {


}
    font-family:'Bungee',system-ui,sans-serif;


    color:var(--acid) !important;


.vault-portal-card .label,
}
.vault-case-card-title {


    font-family: 'Bungee', system-ui, sans-serif;
    color: var(--acid) !important;
}




Line 387: Line 470:
.vault-case-card-excerpt {
.vault-case-card-excerpt {


     font-size: .82rem;
     color:#c5b9dd !important;


     color: var(--muted) !important;
     font-size:.82rem;


     line-height: 1.5;
     line-height:1.5;


}
}




.vault-case-card-title {
.vault-case-card-title {


     font-size: 1.05rem;
     font-family:'Bungee',system-ui,sans-serif;


     color: var(--cream) !important;
     color:#f2ecd9 !important;


}
}




/* ==========================================================
/* ==========================================================
   FEATURE / DID YOU KNOW / NOTICE BOXES
   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;


     letter-spacing: .16em;
     text-transform:uppercase;


     text-transform: uppercase;
     letter-spacing:.16em;


     color: var(--amber);
     color:var(--amber);


}
}




.vault-featured-title {


    font-family: 'Bungee', system-ui, sans-serif;
.vault-featured-title,
.vault-notice-title {


     font-size: 1.3rem;
     font-family:'Bungee',system-ui,sans-serif;


     color: var(--cream);
     color:#f2ecd9;


}
}


.vault-dyk ul {
    margin: .4rem 0 0 1.2rem;
}




.vault-dyk li {
.vault-dyk li {


    margin-bottom: .5rem;
     color:#f2ecd9;
 
     color: var(--cream);


}
}


.vault-notice {
    border-left: 4px solid var(--amber);
}
.vault-notice-body {
    color: var(--cream);
    opacity: .9;
}




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 {


     font-size: .75rem;
     color:#c5b9dd;


     color: var(--muted);
     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;


     color: var(--muted);
     font-size:.66rem;


     font-size: .66rem;
     color:#9d8fc2;


     letter-spacing: .03em;
     text-transform:uppercase;


}
}




.vault-infobox-v {
.vault-infobox-v {


     color: var(--cream);
     color:#f2ecd9;


}
}




.vault-infobox-status {
.vault-infobox-status {


     color: var(--acid);
     color:var(--acid);


     font-weight: bold;
     font-weight:bold;


}
}




/* ==========================================================
/* ==========================================================
   VAULT ASSESSMENT (FULL WIDTH)
   FULL WIDTH ASSESSMENTS
   ========================================================== */
   ========================================================== */


.vault-assessment {


    width: 100%;
.vault-assessment,
 
.vault-evidence,
    margin: 1.5rem 0;
.vault-profile-assessment,
 
.vault-location-assessment,
    background: var(--panel);
.vault-work-assessment {
 
    border: 1px solid var(--panel-edge);
 
    border-radius: 8px;
 
    overflow: hidden;
 
}
 
 
.vault-assessment-header {
 
    background: var(--panel-edge);
 
    font-family: 'Bungee', system-ui, sans-serif;
 
    font-size: .95rem;
 
    text-align: center;
 
    padding: .8rem;
 
    color: var(--acid);
 
    letter-spacing: .04em;
 
}
 
 
.vault-assessment-grid {
 
    display: grid;
 
    grid-template-columns: repeat(2, 1fr);
 
}
 
 
.vault-assessment-item {
 
    padding: .9rem 1rem;
 
    border-top: 1px solid var(--panel-edge);
 
}
 
 
.vault-assessment-label {
 
    font-family: 'JetBrains Mono', monospace;
 
    font-size: .68rem;
 
    letter-spacing: .06em;
 
    text-transform: uppercase;
 
    color: var(--muted);
 
    margin-bottom: .35rem;
 
}
 
 
.vault-assessment-value {
 
    color: var(--cream);
 
    font-size: .9rem;
 
    line-height: 1.45;
 
}
 
 
.vault-assessment-status {
 
    color: var(--acid);
 
    font-weight: bold;
 
}
 
 
/* Assessment categories */
 
.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;
 
}
 
 
 
/* ==========================================================
  VAULT EVIDENCE ASSESSMENT
  ========================================================== */
 
.vault-evidence {


     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;
    color:var(--acid);


     padding:.8rem;
     padding:.8rem;


     letter-spacing:.04em;
     letter-spacing:.05em;


}
}




.vault-evidence-score {


    text-align:center;
/* Assessment grids */


    font-size:2.2rem;


    letter-spacing:.15em;
.vault-assessment-grid,
 
.vault-evidence-grid,
    color:var(--amber);
.vault-profile-grid,
 
.vault-location-grid {
    padding:1rem .5rem .3rem;
 
}
 
 
.vault-evidence-label {
 
    text-align:center;
 
    font-family:'JetBrains Mono',monospace;
 
    text-transform:uppercase;
 
    font-size:.8rem;
 
    color:var(--cream);
 
    padding-bottom:1rem;
 
}
 
 
.vault-evidence-grid {


     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;


     letter-spacing:.06em;
     text-transform:uppercase;


     color:var(--muted);
     letter-spacing:.08em;


     text-transform:uppercase;
     color:#9d8fc2;


    margin-bottom:.35rem;
}


}




.vault-evidence-value {
.vault-assessment-value,
.vault-evidence-value,
.vault-profile-value,
.vault-location-value,
.vault-work-v {


     color:var(--cream);
     color:#f2ecd9;


     line-height:1.45;
     line-height:1.5;


}
}




@media screen and (max-width:700px) {


    .vault-evidence-grid {
.vault-assessment-status {


        grid-template-columns:1fr;
    color:var(--acid);


     }
     font-weight:bold;


}
}
Line 872: Line 807:


/* ==========================================================
/* ==========================================================
   VAULT PROFILE ASSESSMENT
   CATEGORY COLOURS
   ========================================================== */
   ========================================================== */


.vault-profile-assessment {


    width:100%;
.vault-assessment-cryptid .vault-assessment-header {


     background:var(--panel);
     background:#355834;
 
    border:1px solid var(--panel-edge);
 
    border-radius:8px;
 
    margin:1.5rem 0;
 
    overflow:hidden;


}
}




.vault-profile-header {
.vault-assessment-ufo .vault-assessment-header {


     background:var(--panel-edge);
     background:#1d3f73;
 
    color:var(--acid);
 
    font-family:'Bungee',system-ui,sans-serif;
 
    text-align:center;
 
    padding:.8rem;
 
    letter-spacing:.05em;


}
}




.vault-profile-grid {
.vault-assessment-haunting .vault-assessment-header {


     display:grid;
     background:#5b3b70;
 
    grid-template-columns:repeat(3,1fr);


}
}




.vault-profile-item {
.vault-assessment-parapsychology .vault-assessment-header {


     padding:1rem;
     background:#a36a00;
 
    border-right:1px solid var(--panel-edge);


}
}




.vault-profile-item:last-child {
.vault-assessment-forteana .vault-assessment-header {


     border-right:none;
     background:#444;


}
}




.vault-profile-label {
.vault-assessment-folklore .vault-assessment-header {


     font-family:'JetBrains Mono',monospace;
     background:#765438;
 
    font-size:.68rem;
 
    letter-spacing:.08em;
 
    text-transform:uppercase;
 
    color:var(--muted);
 
    margin-bottom:.4rem;
 
}
 
 
.vault-profile-value {
 
    color:var(--cream);
 
    line-height:1.45;
 
}
 
 
.vault-profile-summary {
 
    border-top:1px solid var(--panel-edge);
 
    padding:1.2rem;


}
}


@media screen and (max-width:700px) {
    .vault-profile-grid {
        grid-template-columns:1fr;
    }
    .vault-profile-item {
        border-right:none;
        border-bottom:1px solid var(--panel-edge);
    }
}




/* ==========================================================
/* ==========================================================
   VAULT LOCATION ASSESSMENT
   EVIDENCE SCORE
   ========================================================== */
   ========================================================== */


.vault-location-assessment {


    width:100%;
.vault-evidence-score {
 
    background:var(--panel);
 
    border:1px solid var(--panel-edge);
 
    border-radius:8px;
 
    margin:1.5rem 0;
 
    overflow:hidden;
 
}
 
 
.vault-location-header {
 
    background:var(--panel-edge);
 
    color:var(--acid);
 
    font-family:'Bungee',system-ui,sans-serif;


     text-align:center;
     text-align:center;


     padding:.8rem;
     font-size:2.2rem;


     letter-spacing:.05em;
     color:var(--amber);
 
}
 
 
.vault-location-grid {
 
    display:grid;
 
    grid-template-columns:repeat(3,1fr);
 
}
 
 
.vault-location-item {


     padding:1rem;
     padding:1rem;
    border-right:1px solid var(--panel-edge);


}
}




.vault-location-item:last-child {


    border-right:none;
.vault-evidence-label {


}
    text-align:center;


    color:#f2ecd9;


.vault-location-label {
     padding-bottom:1rem;
 
    font-family:'JetBrains Mono',monospace;
 
    font-size:.68rem;
 
    letter-spacing:.08em;
 
     text-transform:uppercase;
 
    color:var(--muted);
 
    margin-bottom:.4rem;
 
}
 
 
.vault-location-value {
 
    color:var(--cream);
 
    line-height:1.5;


}
}


.vault-location-summary {
    border-top:1px solid var(--panel-edge);
    padding:1.2rem;
}
@media screen and (max-width:700px) {
    .vault-location-grid {
        grid-template-columns:1fr;
    }
    .vault-location-item {
        border-right:none;
        border-bottom:1px solid var(--panel-edge);
    }
}
/* ---------- Vault Work Assessment ---------- */
.vault-work-assessment {
    width: 100%;
    clear: both;
    margin: 1.8rem 0;
    background: var(--panel);
    border: 1px solid var(--panel-edge);
    border-radius: 8px;
    overflow: hidden;
}
.vault-work-header {
    background: var(--violet);
    color: var(--cream);
    font-family: 'Bungee', system-ui, sans-serif;
    text-align: center;
    padding: 0.8rem;
    letter-spacing: 0.05em;
}
.vault-work-row {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--panel-edge);
}
.vault-work-section {
    padding: 1rem;
    border-top: 1px solid var(--panel-edge);
}
.vault-work-k {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 0.4rem;
}
.vault-work-v {
    color: var(--cream);
    line-height: 1.6;
}
.vault-work-status {
    color: var(--acid);
    font-weight: bold;
}




Line 1,164: Line 888:
   BUTTONS / TAGS
   BUTTONS / TAGS
   ========================================================== */
   ========================================================== */
.vault-cta-strip {
    text-align:center;
    background:var(--panel);
    border:1px solid var(--panel-edge);
    border-radius:8px;
    padding:1.6rem;
    margin:1.8rem 0;
}




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;
    letter-spacing:.06em;


     text-transform:uppercase;
     text-transform:uppercase;
Line 1,199: Line 905:


     margin:.3rem;
     margin:.3rem;
    font-weight:bold;


     text-decoration:none !important;
     text-decoration:none !important;


}
}




Line 1,211: Line 916:
     background:var(--acid) !important;
     background:var(--acid) !important;


     color:var(--void) !important;
     color:#0a0714 !important;


}
}




Line 1,220: Line 926:
     background:var(--violet) !important;
     background:var(--violet) !important;


     color:var(--cream) !important;
     color:#f2ecd9 !important;


}
}


.vault-btn-outline {
    background:transparent !important;
    color:var(--cream) !important;
    border:1px solid var(--panel-edge);
}




Line 1,240: Line 936:
     display:inline-block;
     display:inline-block;


     font-family:'JetBrains Mono', monospace;
     background:rgba(179,74,255,.12);


     font-size:.68rem;
     border:1px solid rgba(179,74,255,.35);
 
    letter-spacing:.06em;
 
    text-transform:uppercase;
 
    background:rgba(179,74,255,.12);


     color:var(--violet) !important;
     color:var(--violet) !important;
    border:1px solid rgba(179,74,255,.35);


     padding:.25rem .7rem;
     padding:.25rem .7rem;
Line 1,258: Line 946:
     border-radius:999px;
     border-radius:999px;


     text-decoration:none !important;
    font-family:'JetBrains Mono',monospace;
 
    font-size:.68rem;
 
     text-transform:uppercase;


}
}




Line 1,284: Line 975:
.editnotice-area {
.editnotice-area {


     color: var(--cream) !important;
     color: #222 !important;


}
}
Line 1,293: Line 984:
.editnotice-area a {
.editnotice-area a {


     color: #8fd9ff !important;
     color: #1769aa !important;


}
}
Line 1,301: Line 992:
#editpage-copywarn a:visited {
#editpage-copywarn a:visited {


     color: var(--muted) !important;
     color: #6b5b95 !important;


}
}
Line 1,313: Line 1,004:
.oo-ui-labelWidget.oo-ui-inline-help {
.oo-ui-labelWidget.oo-ui-inline-help {


     color: var(--cream) !important;
     color: #222 !important;


}
}




Line 1,323: Line 1,015:


/*
/*
   Codex messages intentionally remain readable.
   MediaWiki system messages retain their own styling.
   They use their own light backgrounds.
   Keep these readable rather than forcing Vault colours.
*/
*/


Line 1,343: Line 1,035:
.mw-category-group {
.mw-category-group {


     color:var(--cream) !important;
     color:#222 !important;


}
}
Line 1,352: Line 1,044:
.mw-category-group a {
.mw-category-group a {


     color:#8fd9ff !important;
     color:#1769aa !important;


}
}
Line 1,361: Line 1,053:
.mw-category-group a:visited {
.mw-category-group a:visited {


     color:var(--muted) !important;
     color:#6b5b95 !important;


}
}
Line 1,370: Line 1,062:
.mw-category-group a:hover {
.mw-category-group a:hover {


     color:var(--acid) !important;
     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:


/* ==========================================================
/* ==========================================================
   CATEGORY / REFERENCE TARGETS
   REFERENCE TARGET HIGHLIGHT
   ========================================================== */
   ========================================================== */


Line 1,383: Line 1,101:
#mw-content-text li:target * {
#mw-content-text li:target * {


     background-color:var(--panel) !important;
     background-color:#fff8dc !important;


     color:var(--cream) !important;
     color:#222 !important;


}
}
Line 1,392: Line 1,110:
#mw-content-text li:target i {
#mw-content-text li:target i {


     color:var(--muted) !important;
     color:#666 !important;


}
}
Line 1,399: Line 1,117:


/* ==========================================================
/* ==========================================================
   REFERENCE LIST
   CATEGORY FOOTER
   ========================================================== */
   ========================================================== */


.reflist {
#catlinks,
.catlinks {
 
    background:#f6f1e4 !important;
 
    border:1px solid #d8cdb5 !important;
 
    color:#555 !important;
 
}
 
 
#catlinks a,
.catlinks a {


     color:var(--cream);
     color:#6f32a8 !important;


}
}




.reflist a {


     color:#8fd9ff !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:var(--panel);
     background:#f6f1e4;


     border:1px solid var(--panel-edge);
     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:var(--acid);
     color:#6f32a8;


}
}
Line 1,474: Line 1,230:
     text-transform:uppercase;
     text-transform:uppercase;


     color:var(--muted);
     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:var(--cream);
     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:var(--acid);
     color:#6f32a8;


}
}
Line 1,506: Line 1,262:


/* ==========================================================
/* ==========================================================
   RECENT CHANGES / LOG CLEANUP
   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;
 
}
 


  Removes clutter while keeping:
table.wikitable td {
  - page title
  - date/time
  ========================================================== */


.mw-changeslist-links,
    background:#fff !important;
.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;
     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
   VAULT NOTICE
   ========================================================== */
   ========================================================== */


.vault-notice {


    background:var(--panel);
.mw-body,
 
#content,
    border:1px solid var(--panel-edge);
#bodyContent,
.mw-parser-output {


     border-left:4px solid var(--amber);
     background:#faf7ef !important;
 
    border-radius:6px;
 
    padding:1rem 1.2rem;
 
    margin:1.5rem 0;


}
}




.vault-notice-header {
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output blockquote,
.mw-parser-output td,
.mw-parser-output th {


    font-family:'JetBrains Mono',monospace;
     color:#222 !important;
 
    font-size:.7rem;
 
    letter-spacing:.1em;
 
    text-transform:uppercase;
 
     color:var(--amber);
 
    margin-bottom:.4rem;


}
}




.vault-notice-title {
.mw-parser-output blockquote {
 
    font-family:'Bungee',system-ui,sans-serif;


     font-size:1.1rem;
     border-left:4px solid #b34aff;


     color:var(--cream);
     padding-left:1rem;


     margin-bottom:.5rem;
     color:#444 !important;


}
}




.vault-notice-body {


    color:var(--cream);
/* Preserve Vault headers */


    line-height:1.5;
.vault-infobox-header,
.vault-assessment-header,
.vault-profile-header,
.vault-location-header,
.vault-work-header,
.vault-evidence-header {


}
     color:var(--acid) !important;
 
 
/* Notice variations */
 
.vault-notice.warning {
 
     border-left-color:#ff6161;


}
}




.vault-notice.research {


    border-left-color:#8fd9ff;
/* ==========================================================
 
  END OF THE VAULT COMMON.CSS
}
  ========================================================== */
 
 
.vault-notice.featured {
 
    border-left-color:var(--acid);
 
}

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
   ========================================================== */