×
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
The Vault @ The EERIE Files
245Articles

MediaWiki:Common.css: Difference between revisions

← Older edit

GaryJJSpate (talk | contribs)

3 user groups
1,819 edits
No edit summary
No edit summary
 
(15 intermediate revisions by the same user not shown)
Line 3: Line 3:
   MediaWiki:Common.css
   MediaWiki:Common.css


   VAULT DESIGN SYSTEM v2
   VERSION 2.0
   PART 1 — FOUNDATION
   Archive Edition


   Archive aesthetic:
   Clean research archive aesthetic:
   - parchment background
   - Paper background
   - dark readable text
   - Dark text
   - coloured Vault headers
   - Vault accent colours
   - clean research database style
   - Cosmos compatible
   ========================================================== */
   ========================================================== */


Line 22: Line 22:


/* ==========================================================
/* ==========================================================
   VAULT COLOUR SYSTEM
   COLOUR SYSTEM
   ========================================================== */
   ========================================================== */


:root {
:root {


     /* Page */
     --vault-paper:#f4f1e8;
     --vault-background: #f5f1e8;
     --vault-white:#ffffff;
     --vault-surface: #ffffff;
     --vault-text:#222222;
     --vault-border: #d8d0c2;
     --vault-muted:#666666;


    /* Text */
     --vault-border:#d8d2c4;
     --vault-text: #24201c;
    --vault-muted: #6f665c;


    /* Vault branding */
     --vault-purple:#5c2d91;
     --vault-green: #7fbf32;
     --vault-purple-dark:#3d1d63;
     --vault-green-dark: #355834;


     --vault-purple: #7b3fb3;
     --vault-green:#a6ff3f;
     --vault-purple-dark: #4d286f;
     --vault-amber:#d89b00;
    --vault-red:#a83232;
    --vault-blue:#315f8c;


    --vault-amber: #c48a00;
}
    --vault-red: #9b3434;


    /* Category colours */
    --cryptid: #355834;
    --ufo: #315c8c;
    --haunting: #5b3b70;
    --psychic: #a36a00;
    --forteana: #555555;
    --folklore: #765438;
}




/* ==========================================================
/* ==========================================================
   GLOBAL PAGE
   BASE MEDIAWIKI
   ========================================================== */
   ========================================================== */


Line 64: Line 53:
html {
html {


     background: var(--vault-background);
     background:var(--vault-paper);


}
}
Line 71: Line 60:
body {
body {


     background: var(--vault-background) !important;
     background:var(--vault-paper) !important;


     color: var(--vault-text) !important;
     color:var(--vault-text) !important;


     font-family:
     font-family:'Space Grotesk', sans-serif !important;
        'Space Grotesk',
        Arial,
        sans-serif !important;


}
}




/* Main MediaWiki containers */


#content,
#content,
Line 91: Line 75:
#mw-content-text {
#mw-content-text {


     background:
     background:transparent !important;
        transparent !important;


     color:
     color:var(--vault-text);
        var(--vault-text) !important;


}
}
Line 101: Line 83:




/* Article wrapper */
.mw-parser-output {


.mw-body {
    color:var(--vault-text);


     border: none !important;
     line-height:1.65;


}
}
Line 113: Line 95:
/* ==========================================================
/* ==========================================================
   TYPOGRAPHY
   TYPOGRAPHY
  ========================================================== */
p,
li,
dd,
dt {
    color: var(--vault-text);
    line-height: 1.65;
}
strong {
    font-weight: 700;
}
/* ==========================================================
  HEADINGS
   ========================================================== */
   ========================================================== */


Line 148: Line 105:
.mw-first-heading {
.mw-first-heading {


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


     color:
    font-family:'Bungee',sans-serif !important;
        var(--vault-text) !important;
 
     color:var(--vault-purple-dark) !important;


     letter-spacing:
     letter-spacing:.02em;
        .02em;


}
}




Line 165: Line 119:
.mw-first-heading {
.mw-first-heading {


    border-bottom:
        3px solid var(--vault-purple);


     padding-bottom:
    border-bottom:3px solid var(--vault-purple);
        .6rem;
 
     padding-bottom:.5rem;
 


}
}
Line 177: Line 131:
h2 {
h2 {


    border-bottom:
        1px solid var(--vault-border);


     padding-bottom:
     border-bottom:1px solid var(--vault-border);
        .35rem;


     margin-top:
    padding-bottom:.3rem;
        2rem;
 
     margin-top:2rem;


    color:
        var(--vault-purple) !important;


}
}
Line 195: Line 145:
h3 {
h3 {


     color:
     color:var(--vault-purple);
        var(--vault-purple-dark) !important;


}
}
Line 209: Line 158:
a {
a {


     color:
     color:var(--vault-purple);
        #246a9b;


}
}




a:visited {
a:visited {


     color:
     color:#74509b;
        #694b8f;


}
}




a:hover {
a:hover {


     color:
     color:#8a5cc4 !important;
        var(--vault-green-dark) !important;


}
}
Line 234: Line 182:
a.new {
a.new {


     color:
     color:var(--vault-red) !important;
        #a33b3b !important;


}
}
Line 242: Line 189:


/* ==========================================================
/* ==========================================================
   ARTICLE BODY
   TABLES
   ========================================================== */
   ========================================================== */




.mw-parser-output {
table.wikitable {
 
 
    background:var(--vault-white) !important;
 
    color:var(--vault-text) !important;
 
    border:1px solid var(--vault-border) !important;


    color:
        var(--vault-text);


}
}
Line 255: Line 207:




.mw-parser-output blockquote {
table.wikitable th {
 
 
    background:var(--vault-purple) !important;
 
    color:white !important;
 
    font-family:'JetBrains Mono',monospace;
 
 
}
 


    background:
        #ebe4d7;


    border-left:
table.wikitable td {
        4px solid var(--vault-purple);


    padding:
        1rem 1.5rem;


     margin:
     border-color:var(--vault-border) !important;
        1.5rem 0;


    color:
        var(--vault-muted);


}
}
Line 277: Line 232:


/* ==========================================================
/* ==========================================================
   TABLES
   CATEGORY FOOTER
   ========================================================== */
   ========================================================== */




table.wikitable {
#catlinks,
.catlinks {
 
 
    background:var(--vault-white);
 
    border:1px solid var(--vault-border);
 
    padding:.8rem;
 
    color:var(--vault-muted);
 
 
}
 
 


    background:
#catlinks a,
        var(--vault-surface) !important;
.catlinks a {


    color:
        var(--vault-text) !important;


     border:
     color:var(--vault-purple);
        1px solid var(--vault-border) !important;


    border-collapse:
        collapse;


}
}
Line 299: Line 264:




table.wikitable th {
 
/* ==========================================================
  THE VAULT
  SECTION 2 — ARCHIVE COMPONENTS
  ========================================================== */
 
 
/* ==========================================================
  VAULT HERO
  ========================================================== */
 
 
.vault-hero {


     background:
     background:
         var(--vault-purple-dark) !important;
         linear-gradient(
            135deg,
            rgba(92,45,145,.08),
            rgba(255,255,255,.9)
        );


     color:
     border:1px solid var(--vault-border);
        #ffffff !important;


     font-family:
     border-left:5px solid var(--vault-purple);
        'JetBrains Mono',
        monospace;


     text-transform:
     padding:2.5rem;
        uppercase;


     letter-spacing:
     margin:1.5rem 0 2rem;
        .05em;
 
    text-align:center;


}
}
Line 321: Line 299:




table.wikitable td {
.vault-hero .vault-title {
 
    font-family:'Bungee',sans-serif;
 
    font-size:2.8rem;
 
    color:var(--vault-purple-dark);
 
    margin:0;
 
}
 
 
 
.vault-hero .vault-title span {


     border:
     color:var(--vault-purple);
        1px solid var(--vault-border) !important;


}
}
Line 330: Line 321:




table.wikitable tr:nth-child(even) {
.vault-hero .vault-tagline {
 
    font-family:'JetBrains Mono',monospace;
 
    text-transform:uppercase;
 
    letter-spacing:.15em;
 
    color:var(--vault-muted);
 
    font-size:.8rem;


     background:
     margin-top:.8rem;
        #faf8f3;


}
}
Line 340: Line 340:


/* ==========================================================
/* ==========================================================
   CATEGORY FOOTER
   ARCHIVE CARDS
   ========================================================== */
   ========================================================== */




#catlinks,
.vault-card-grid {
.catlinks {
 
    display:grid;
 
    grid-template-columns:
        repeat(auto-fit,minmax(230px,1fr));
 
    gap:1.2rem;
 
    margin:2rem 0;
 
}
 
 
 
.vault-card {
 
 
    background:var(--vault-white);
 
    border:1px solid var(--vault-border);
 
    border-radius:8px;
 
    padding:1.4rem;
 
    text-decoration:none !important;
 
    display:block;
 
    transition:.2s ease;
 
 
}
 
 
 
.vault-card:hover {


    background:
        var(--vault-surface);


     border:
     border-color:var(--vault-purple);
        1px solid var(--vault-border);


     border-radius:
     transform:translateY(-4px);
        8px;


     padding:
     box-shadow:0 5px 15px rgba(0,0,0,.08);
        .8rem 1rem;


    color:
        var(--vault-muted);


}
}
Line 366: Line 395:




#catlinks a,
.vault-card-icon {
.catlinks a {
 
 
    font-size:2rem;
 
    display:block;
 
    margin-bottom:.8rem;


    color:
        var(--vault-purple);


}
}
Line 376: Line 409:




/* ==========================================================
.vault-card-title {
  SEARCH / FORMS
  ========================================================== */




input,
    font-family:'Bungee',sans-serif;
textarea,
select {


     background:
     color:var(--vault-purple) !important;
        #ffffff;


     color:
     font-size:1rem;
        var(--vault-text);


    border:
        1px solid var(--vault-border);


}
}
Line 398: Line 423:




input:focus,
.vault-card-description {
textarea:focus {


    border-color:
        var(--vault-purple);


     outline:
     color:var(--vault-muted);
        none;
 
    font-size:.9rem;
 
    line-height:1.5;


}
}
Line 412: Line 437:


/* ==========================================================
/* ==========================================================
   MEDIAWIKI MESSAGE BOXES
   FEATURED FILE
   ========================================================== */
   ========================================================== */




.cdx-message {
.vault-feature {
 
 
    background:var(--vault-white);
 
    border:1px solid var(--vault-border);
 
    border-left:5px solid var(--vault-green);
 
    padding:1.5rem;
 
    margin:2rem 0;


    color:
        #202122;


}
}
Line 425: Line 459:




/* ==========================================================
.vault-feature-label {
  REFERENCES
 
  ========================================================== */
 
    font-family:'JetBrains Mono',monospace;
 
    text-transform:uppercase;
 
    font-size:.7rem;


    letter-spacing:.12em;


.reflist {
    color:var(--vault-amber);


    color:
        var(--vault-text);


}
}




.reflist a {


     color:
.vault-feature-title {
        #246a9b !important;
 
 
    font-family:'Bungee',sans-serif;
 
    font-size:1.4rem;
 
     color:var(--vault-purple-dark);
 


}
}




/* ==========================================================
/* ==========================================================
   END PART 1
   VAULT INFOBOX
   ========================================================== */
   ========================================================== */




.vault-infobox {
    float:right;
    width:300px;
    margin:0 0 1.5rem 2rem;
    background:var(--vault-white);
    border:1px solid var(--vault-border);
    border-radius:8px;
    overflow:hidden;
}
.vault-infobox-header {
    background:var(--vault-purple);
    color:white !important;
    padding:1rem;
    text-align:center;


    font-family:'Bungee',sans-serif;


    font-size:1rem;




}




/* ==========================================================
  THE VAULT @ THE E.E.R.I.E. FILES
  MediaWiki:Common.css


  VAULT DESIGN SYSTEM v2
.vault-infobox-image {
  PART 2 — VAULT COMPONENTS
 
  ========================================================== */


    text-align:center;


/* ==========================================================
    padding:1rem;
  HERO COMPONENT
  Template: VaultHero
  ========================================================== */




.vault-hero {
}


    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f1eadc
        );


    border:
        1px solid var(--vault-border);


    border-left:
.vault-infobox-image img {
        6px solid var(--vault-purple);


    border-radius:
        12px;


     padding:
     max-width:100%;
        2.5rem;


     margin:
     height:auto;
        1rem 0 2rem;


    text-align:
        center;


}
}
Line 503: Line 562:




.vault-hero .vault-title {
.vault-infobox-caption {


    font-family:
        'Bungee',
        sans-serif;


     font-size:
     font-size:.75rem;
        2.5rem;


     color:
     color:var(--vault-muted);
        var(--vault-purple-dark);


     margin:
     padding:.5rem 1rem 1rem;
        0;


}
}
Line 522: Line 575:




.vault-hero .vault-title span {
.vault-infobox-row {
 
 
    display:grid;
 
    grid-template-columns:100px 1fr;
 
    gap:1rem;
 
    padding:.7rem 1rem;
 
    border-top:1px solid var(--vault-border);


    color:
        var(--vault-green-dark);


}
}
Line 531: Line 593:




.vault-hero .vault-tagline {
.vault-infobox-k {


    font-family:
        'JetBrains Mono',
        monospace;


     font-size:
     font-family:'JetBrains Mono',monospace;
        .8rem;


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


     letter-spacing:
     font-size:.65rem;
        .15em;


     color:
     color:var(--vault-muted);
        var(--vault-muted);


    margin-top:
        .8rem;


}
}




.vault-infobox-v {
    color:var(--vault-text);
}






/* ==========================================================
/* ==========================================================
   PORTAL CARDS
   ASSESSMENT BOX
  Template: PortalCard
   ========================================================== */
   ========================================================== */




.vault-portal-grid {
.vault-assessment {
 


     display:
     width:100%;
        grid;


     grid-template-columns:
     background:var(--vault-white);
        repeat(auto-fit,minmax(220px,1fr));
 
    border:1px solid var(--vault-border);
 
    border-radius:8px;
 
    margin:2rem 0;


     gap:
     overflow:hidden;
        1.2rem;


    margin:
        2rem 0;


}
}
Line 582: Line 643:




.vault-portal-card {
.vault-assessment-header {


    display:
        block;


     background:
     background:var(--vault-purple);
        var(--vault-surface);
 
    color:white !important;
 
    font-family:'Bungee',sans-serif;
 
    text-align:center;
 
    padding:.9rem;
 
 
}


    border:
        1px solid var(--vault-border);


    border-radius:
        10px;


    padding:
.vault-assessment-grid {
        1.5rem;


    text-decoration:
        none !important;


     transition:
     display:grid;
        .2s ease;
 
    grid-template-columns:repeat(3,1fr);
 


}
}
Line 609: Line 673:




.vault-portal-card:hover {
.vault-assessment-item {
 


     transform:
     padding:1rem;
        translateY(-5px);


     border-color:
     border-right:1px solid var(--vault-border);
        var(--vault-green);


    box-shadow:
        0 8px 20px rgba(0,0,0,.08);


}
}
Line 624: Line 685:




.vault-portal-card .icon {
.vault-assessment-item:last-child {
 
 
    border-right:none;


    font-size:
        2rem;


}
}
Line 633: Line 695:




.vault-portal-card .label {
.vault-assessment-label {
 


     display:
     font-family:'JetBrains Mono',monospace;
        block;


     font-family:
     font-size:.65rem;
        'Bungee',
        sans-serif;


     font-size:
     text-transform:uppercase;
        1rem;


     color:
    letter-spacing:.08em;
        var(--vault-purple) !important;
 
     color:var(--vault-muted);


    margin:
        .7rem 0;


}
}
Line 655: Line 713:




.vault-portal-card .desc {
.vault-assessment-value {


    color:
        var(--vault-muted) !important;


     font-size:
     color:var(--vault-text);
        .9rem;
 
    margin-top:.4rem;
 
    line-height:1.5;


    line-height:
        1.5;


}
}




.vault-assessment-status {
    color:#4c8b00;
    font-weight:bold;
}






/* ==========================================================
/* ==========================================================
   FEATURE CASE CARDS
   PROFILE / PERSON ASSESSMENT
  Template: CaseCard
   ========================================================== */
   ========================================================== */




.vault-case-grid {
.vault-profile-assessment {
 
 
    background:var(--vault-white);
 
    border:1px solid var(--vault-border);
 
    border-radius:8px;


     display:
     margin:2rem 0;
        grid;


     grid-template-columns:
     overflow:hidden;
        repeat(auto-fit,minmax(240px,1fr));


    gap:
        1.2rem;


}
}
Line 693: Line 762:




.vault-case-card {
.vault-profile-header {
 
 
    background:var(--vault-purple);
 
    color:white !important;
 
    padding:.9rem;
 
    text-align:center;
 
    font-family:'Bungee',sans-serif;
 
 
}
 
 


    background:
.vault-profile-grid {
        var(--vault-surface);


    border:
        1px solid var(--vault-border);


     border-radius:
     display:grid;
        10px;


     padding:
     grid-template-columns:repeat(3,1fr);
        1.4rem;


    transition:
        .2s;


}
}
Line 714: Line 792:




.vault-case-card:hover {
.vault-profile-item {
 
 
    padding:1rem;


     border-color:
     border-right:1px solid var(--vault-border);
        var(--vault-purple);


    transform:
        translateY(-4px);


}
}
Line 726: Line 804:




.vault-case-card-title {
.vault-profile-label {
 
 
    font-family:'JetBrains Mono',monospace;
 
    font-size:.65rem;


     font-family:
     color:var(--vault-muted);
        'Bungee',
        sans-serif;


     font-size:
     text-transform:uppercase;
        1.1rem;


    color:
        var(--vault-purple-dark) !important;


}
}
Line 742: Line 820:




.vault-case-card-excerpt {
.vault-profile-value {
 


     color:
     margin-top:.4rem;
        var(--vault-muted) !important;


     font-size:
     color:var(--vault-text);
        .9rem;


    margin-top:
        .6rem;


}
}




Line 759: Line 836:


/* ==========================================================
/* ==========================================================
   STATISTICS BAR
   THE VAULT
   Template: StatsBar
   SECTION 3 — ARCHIVE SYSTEM COMPONENTS
  ========================================================== */
 
 
/* ==========================================================
  EVIDENCE ASSESSMENT
   ========================================================== */
   ========================================================== */




.vault-stats-bar {
.vault-evidence {


    display:
        grid;


     grid-template-columns:
     background:var(--vault-white);
        repeat(auto-fit,minmax(150px,1fr));
 
    border:1px solid var(--vault-border);
 
    border-radius:8px;
 
    margin:2rem 0;
 
    overflow:hidden;
 
 
}
 
 
 
.vault-evidence-header {


    gap:
        1rem;


     background:
     background:var(--vault-purple);
        var(--vault-surface);


     border:
     color:white !important;
        1px solid var(--vault-border);


     border-radius:
     font-family:'Bungee',sans-serif;
        10px;


     padding:
     text-align:center;
        1.5rem;


     margin:
     padding:.9rem;
        2rem 0;


    text-align:
        center;


}
}
Line 797: Line 882:




.vault-stats-bar-number {
.vault-evidence-score {
 


     font-family:
     text-align:center;
        'Bungee',
        sans-serif;


     font-size:
    font-family:'Bungee',sans-serif;
        2rem;
 
     font-size:2.5rem;
 
    color:var(--vault-amber);
 
    padding:1rem;


    color:
        var(--vault-green-dark);


}
}
Line 813: Line 900:




.vault-stats-bar-label {
.vault-evidence-label {
 
 
    text-align:center;


     font-family:
     font-family:'JetBrains Mono',monospace;
        'JetBrains Mono',
        monospace;


     font-size:
     text-transform:uppercase;
        .7rem;


     text-transform:
     font-size:.75rem;
        uppercase;


     color:
     color:var(--vault-muted);
        var(--vault-muted);
 
    padding-bottom:1rem;


    letter-spacing:
        .08em;


}
}
Line 835: Line 920:




.vault-evidence-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));


}


/* ==========================================================
  DID YOU KNOW
  Template: DidYouKnow
  ========================================================== */




.vault-dyk {
.vault-evidence-grid > *:not(.vault-evidence-item) {


     background:
     display:none;
        #fffdf8;


    border:
}
        1px solid var(--vault-border);


    border-left:
        5px solid var(--vault-amber);


    border-radius:
        8px;


    padding:
.vault-evidence-item:only-child {
        1.4rem 1.6rem;


     margin:
     grid-column:1 / -1;
        2rem 0;


}
}
Line 867: Line 946:




.vault-dyk-header {
.vault-evidence-item {
 
 
    padding:1rem;


     font-family:
     border-top:1px solid var(--vault-border);
        'Bungee',
        sans-serif;


    color:
        var(--vault-amber);


}
}
Line 880: Line 958:




.vault-dyk li {
.vault-evidence-title {
 
 
    font-family:'JetBrains Mono',monospace;
 
    font-size:.65rem;
 
    text-transform:uppercase;


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


    margin-bottom:
        .5rem;


}
}




.vault-evidence-value {
    color:var(--vault-text);
    margin-top:.5rem;
    line-height:1.5;
}






/* ==========================================================
/* ==========================================================
   CTA STRIP
   WORK ASSESSMENT
  Template: CTAStrip
   ========================================================== */
   ========================================================== */




.vault-cta-strip {
.vault-work-assessment {
 


     background:
     background:var(--vault-white);
        var(--vault-purple-dark);


     color:
     border:1px solid var(--vault-border);
        white;


     border-radius:
     border-radius:8px;
        10px;


     padding:
     margin:2rem 0;
        2rem;


     text-align:
     overflow:hidden;
        center;


    margin:
        2rem 0;


}
}
Line 924: Line 1,013:




.vault-cta-strip a {
.vault-work-header {
 
 
    background:var(--vault-purple);
 
    color:white !important;
 
    font-family:'Bungee',sans-serif;
 
    text-align:center;
 
    padding:.9rem;


    color:
        white;


}
}
Line 933: Line 1,031:




.vault-btn {
.vault-work-row {


    display:
        inline-block;


     padding:
     display:grid;
        .7rem 1.4rem;


     margin:
     grid-template-columns:140px 1fr;
        .4rem;


     border-radius:
     gap:1rem;
        5px;


     font-family:
     padding:1rem;
        'JetBrains Mono',
        monospace;


     text-transform:
     border-top:1px solid var(--vault-border);
        uppercase;


    font-size:
        .75rem;


}
}
Line 961: Line 1,049:




.vault-btn-primary {
.vault-work-section {
 
 
    padding:1.2rem;


     background:
     border-top:1px solid var(--vault-border);
        var(--vault-green);


    color:
        #16200b !important;


}
}
Line 973: Line 1,061:




.vault-btn-vault {
.vault-work-k {


    background:
        var(--vault-purple);


     color:
    font-family:'JetBrains Mono',monospace;
        white !important;
 
    text-transform:uppercase;
 
    font-size:.65rem;
 
     color:var(--vault-muted);
 


}
}




.vault-work-v {
    color:var(--vault-text);
    line-height:1.6;
}






/* ==========================================================
/* ==========================================================
   STANDARD INFORMATION PANELS
   LOCATION ASSESSMENT
   ========================================================== */
   ========================================================== */




.vault-featured,
.vault-location-assessment {
.vault-notice {
 
 
    background:var(--vault-white);
 
    border:1px solid var(--vault-border);
 
    border-radius:8px;
 
    margin:2rem 0;
 
    overflow:hidden;
 
 
}
 
 
 
.vault-location-header {
 
 
    background:var(--vault-purple);


     background:
     color:white !important;
        var(--vault-surface);


     border:
     font-family:'Bungee',sans-serif;
        1px solid var(--vault-border);


     border-radius:
     text-align:center;
        8px;


     padding:
     padding:.9rem;
        1.5rem;


    margin:
        2rem 0;


}
}
Line 1,014: Line 1,130:




.vault-featured {
.vault-location-grid {
 
 
    display:grid;
 
    grid-template-columns:repeat(3,1fr);


    border-left:
        5px solid var(--vault-green);


}
}
Line 1,023: Line 1,142:




.vault-featured-title {
.vault-location-item {
 


     font-family:
     padding:1rem;
        'Bungee',
 
        sans-serif;
    border-right:1px solid var(--vault-border);


    color:
        var(--vault-purple-dark);


}
}
Line 1,036: Line 1,154:




/* ==========================================================
.vault-location-item:last-child {
  END PART 2
 
  ========================================================== */
 
    border-right:none;
 
 
}
 
 
 
.vault-location-label {
 
 
    font-family:'JetBrains Mono',monospace;
 
    text-transform:uppercase;
 
    font-size:.65rem;
 
    color:var(--vault-muted);
 
 
}






.vault-location-value {




    margin-top:.4rem;


/* ==========================================================
    color:var(--vault-text);
  THE VAULT @ THE E.E.R.I.E. FILES
  MediaWiki:Common.css


  VAULT DESIGN SYSTEM v2
}
  PART 3 — ASSESSMENTS, INFOBOXES & FINAL FIXES
  ========================================================== */






/* ==========================================================
/* ==========================================================
   UNIVERSAL INFOBOX
   NOTICE BOXES
  Used by:
  CryptidInfobox
  PersonInfobox
  BookInfobox
  LocationInfobox
   ========================================================== */
   ========================================================== */




.vault-infobox {
.vault-notice {


    float:
        right;


     width:
     background:var(--vault-white);
        300px;


     margin:
     border:1px solid var(--vault-border);
        0 0 1.5rem 2rem;


     background:
     border-left:5px solid var(--vault-amber);
        var(--vault-surface);


     border:
     padding:1.2rem;
        1px solid var(--vault-border);


     border-radius:
     margin:2rem 0;
        10px;


     overflow:
     border-radius:6px;
        hidden;


    box-shadow:
        0 4px 12px rgba(0,0,0,.08);


}
}
Line 1,095: Line 1,216:




.vault-infobox-header {
.vault-notice-header {
 
 
    font-family:'JetBrains Mono',monospace;


     background:
     font-size:.7rem;
        var(--vault-purple-dark);


     color:
     text-transform:uppercase;
        white;


     font-family:
     letter-spacing:.1em;
        'Bungee',
        sans-serif;


     text-align:
     color:var(--vault-amber);
        center;


    padding:
        .9rem;


}
}
Line 1,117: Line 1,234:




.vault-infobox-row {
.vault-notice-title {


    display:
        grid;


     grid-template-columns:
     font-family:'Bungee',sans-serif;
        100px 1fr;


     gap:
     color:var(--vault-purple-dark);
        .8rem;


     padding:
     margin:.5rem 0;
        .7rem 1rem;


    border-top:
        1px solid var(--vault-border);


}
}
Line 1,138: Line 1,248:




.vault-infobox-k {
.vault-notice-body {
 
 
    color:var(--vault-text);
 
    line-height:1.6;
 
 
}
 


    font-family:
        'JetBrains Mono',
        monospace;


    font-size:
.vault-notice.warning {
        .65rem;


    text-transform:
        uppercase;


     color:
     border-left-color:var(--vault-red);
        var(--vault-muted);


}
}
Line 1,157: Line 1,269:




.vault-infobox-v {
.vault-notice.research {


    color:
        var(--vault-text);


     line-height:
     border-left-color:var(--vault-blue);
        1.4;


}
}
Line 1,169: Line 1,278:




.vault-infobox-image {
.vault-notice.featured {
 


     text-align:
     border-left-color:var(--vault-green);
        center;


}
}
Line 1,178: Line 1,287:




.vault-infobox-image img {
/* ==========================================================
  STATISTICS BAR
  ========================================================== */
 
 
.vault-stats {
 
 
    display:grid;
 
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
 
    gap:1rem;
 
    background:var(--vault-white);
 
    border:1px solid var(--vault-border);
 
    border-radius:8px;
 
    padding:1.5rem;
 
    margin:2rem 0;


     max-width:
     text-align:center;
        100%;


    height:
        auto;


}
}
Line 1,190: Line 1,318:




.vault-infobox-caption {
.vault-stat-number {
 
 
    font-family:'Bungee',sans-serif;


     font-size:
     font-size:2rem;
        .75rem;


     color:
     color:var(--vault-purple);
        var(--vault-muted);


    padding:
        .6rem;


}
}




.vault-stat-label {
    font-family:'JetBrains Mono',monospace;
    font-size:.7rem;
    text-transform:uppercase;
    color:var(--vault-muted);
}






/* ==========================================================
/* ==========================================================
   VAULT ASSESSMENT
   BUTTONS / CALL TO ACTIONS
  Full width evidence summary
   ========================================================== */
   ========================================================== */




.vault-assessment {
.vault-cta {
 
 
    background:var(--vault-purple);


     width:
     color:white;
        100%;


     background:
     text-align:center;
        var(--vault-surface);


     border:
     padding:2rem;
        1px solid var(--vault-border);


     border-radius:
     margin:2rem 0;
        10px;


     margin:
     border-radius:8px;
        2rem 0;


    overflow:
        hidden;


}
}
Line 1,237: Line 1,372:




.vault-assessment-header {
.vault-cta-title {


    background:
        var(--vault-purple-dark);


     color:
     font-family:'Bungee',sans-serif;
        white;


     font-family:
     font-size:1.5rem;
        'Bungee',
        sans-serif;


    text-align:
}
        center;


    padding:
        .9rem;


}


.vault-btn {




.vault-assessment-grid {
    display:inline-block;


     display:
     padding:.7rem 1.5rem;
        grid;


     grid-template-columns:
     margin:.5rem;
        repeat(2,1fr);


}
    border-radius:5px;


    font-family:'JetBrains Mono',monospace;


    text-transform:uppercase;


.vault-assessment-item {
    font-size:.75rem;


     padding:
     text-decoration:none !important;
        1rem;


    border-top:
        1px solid var(--vault-border);


}
}
Line 1,283: Line 1,407:




.vault-assessment-label {
.vault-btn-primary {


    font-family:
        'JetBrains Mono',
        monospace;


     font-size:
     background:var(--vault-green);
        .7rem;


     text-transform:
     color:#111 !important;
        uppercase;


    color:
        var(--vault-muted);


}
}
Line 1,302: Line 1,419:




.vault-assessment-value {
.vault-btn-secondary {
 
 
    background:white;


     color:
     color:var(--vault-purple) !important;
        var(--vault-text);


    margin-top:
        .3rem;


}
}
Line 1,314: Line 1,431:




.vault-assessment-status {
/* ==========================================================
  TAGS
  ========================================================== */
 
 
.vault-tag {
 
 
    display:inline-block;
 
    background:#eee7f5;


     color:
     border:1px solid #d5c5e8;
        var(--vault-green-dark);


     font-weight:
     color:var(--vault-purple) !important;
        bold;


}
    border-radius:20px;


    padding:.25rem .7rem;


    margin:.2rem;


/* Category colours */
    font-size:.7rem;


    font-family:'JetBrains Mono',monospace;


.vault-assessment-cryptid .vault-assessment-header {
    text-transform:uppercase;


    background:
        var(--cryptid);


}
}




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


    background:
/* ==========================================================
        var(--ufo);
  COSMOS SKIN COMPATIBILITY
  ========================================================== */
 
 
#cosmos-rail .rail-module,
.rail-module {
 


}
    background:var(--vault-white);


    border:1px solid var(--vault-border);


.vault-assessment-haunting .vault-assessment-header {
    color:var(--vault-text);


    background:
        var(--haunting);


}
}




.vault-assessment-parapsychology .vault-assessment-header {


    background:
.rail-module-header {
        var(--psychic);


}


    color:var(--vault-purple) !important;


.vault-assessment-forteana .vault-assessment-header {
    font-family:'JetBrains Mono',monospace;


    background:
        var(--forteana);


}
}




.vault-assessment-folklore .vault-assessment-header {


     background:
#searchInput,
        var(--folklore);
.cosmos-searchInput input {
 
 
     background:white !important;


}
    color:var(--vault-text) !important;


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


}






/* ==========================================================
/* ==========================================================
   WORK ASSESSMENT
   RESPONSIVE DESIGN
  Books, films, TV, articles
   ========================================================== */
   ========================================================== */




.vault-work-assessment {
@media screen and (max-width:800px) {
 
 
    .vault-infobox {
 
 
        float:none;
 
        width:100%;
 
        margin:1rem 0;
 
 
    }
 
 
 
    .vault-assessment-grid,
    .vault-profile-grid,
    .vault-location-grid {
 
 
        grid-template-columns:1fr;
 


     width:
     }
        100%;


    background:
        var(--vault-surface);


    border:
        1px solid var(--vault-border);


     border-radius:
     .vault-evidence-grid {
        10px;


    overflow:
        hidden;


    margin:
        grid-template-columns:1fr;
        2rem 0;


}


    }




.vault-work-header {


     background:
     .vault-work-row {
        var(--vault-purple);


    color:
        white;


    text-align:
        grid-template-columns:1fr;
        center;


    font-family:
        'Bungee',
        sans-serif;


     padding:
     }
        .9rem;


}




    .vault-hero .vault-title {


.vault-work-row {


    display:
        font-size:2rem;
        grid;


    grid-template-columns:
        130px 1fr;


     padding:
     }
        .8rem 1rem;


    border-top:
        1px solid var(--vault-border);


}
}
Line 1,450: Line 1,578:




.vault-work-section {
/* ==========================================================
  END OF THE VAULT ARCHIVE STYLE SYSTEM
  ========================================================== */
 
 


    padding:
        1.2rem;


    border-top:
/* =========================================
        1px solid var(--vault-border);
  VAULT HOMEPAGE REDESIGN
========================================= */


.vault-home{
max-width:1200px;
margin:auto;
padding:20px;
}
}


.vault-terminal-header{
text-align:center;
padding:70px 20px;
border-bottom:1px solid #ddd;
}




.vault-work-k {
.vault-logo{
font-family:'Bungee',sans-serif;
font-size:72px;
letter-spacing:8px;
}
 
 
.vault-tagline{
font-family:'JetBrains Mono',monospace;
letter-spacing:5px;
font-size:14px;
color:#777;
margin-top:15px;
}


    font-family:
        'JetBrains Mono',
        monospace;


    font-size:
.vault-search{
        .7rem;
margin:40px auto 0;
border:1px solid #ccc;
padding:18px;
max-width:500px;
font-family:'JetBrains Mono',monospace;
color:#777;
}


    text-transform:
        uppercase;


    color:
        var(--vault-muted);


.vault-label,
.vault-section-heading{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
color:#777;
margin-bottom:20px;
}
}






.vault-work-v {
.vault-dossier{
margin:60px 0;
border:1px solid #ddd;
padding:30px;
}


    color:
        var(--vault-text);


.vault-dossier-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}
}




.vault-dossier-image img{
width:100%;
height:auto;
}


.vault-work-status {


    color:
.vault-dossier-content h1{
        var(--vault-green-dark);
font-family:'Bungee',sans-serif;
font-size:36px;
}


    font-weight:
        bold;


.vault-meta{
font-family:'JetBrains Mono',monospace;
font-size:13px;
padding:10px 0;
border-bottom:1px solid #eee;
}
}






.vault-index{
margin:60px 0;
}




/* ==========================================================
.vault-index-grid{
  PROFILE ASSESSMENT
display:grid;
  People
grid-template-columns:repeat(3,1fr);
  ========================================================== */
gap:20px;
}




.vault-profile-assessment {
.vault-index-item{
border:1px solid #ddd;
padding:25px;
}


    width:
        100%;


    background:
.vault-index-item h2{
        var(--vault-surface);
font-family:'JetBrains Mono',monospace;
font-size:18px;
}


    border:
        1px solid var(--vault-border);


    border-radius:
.vault-index-item a{
        10px;
font-family:'JetBrains Mono',monospace;
font-size:12px;
}


    overflow:
        hidden;


    margin:
        2rem 0;


.vault-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin:50px 0;
}
}




.vault-panel,
.vault-record{
border:1px solid #ddd;
padding:25px;
}


.vault-profile-header {


    background:
        var(--vault-purple-dark);


    color:
.vault-statistics{
        white;
display:grid;
grid-template-columns:repeat(4,1fr);
margin:60px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}


    font-family:
        'Bungee',
        sans-serif;


    text-align:
.vault-statistics div{
        center;
text-align:center;
padding:30px;
font-family:'JetBrains Mono',monospace;
}


    padding:
        .9rem;


.vault-statistics span{
display:block;
font-family:'Bungee',sans-serif;
font-size:36px;
}
}






.vault-profile-grid {
.vault-footer{
text-align:center;
padding:50px;
font-family:'JetBrains Mono',monospace;
}
 


    display:
        grid;


    grid-template-columns:
@media(max-width:900px){
        repeat(3,1fr);


.vault-dossier-grid,
.vault-index-grid,
.vault-columns,
.vault-statistics{
grid-template-columns:1fr;
}
}


.vault-logo{
font-size:42px;
}


}


.vault-profile-item {


    padding:
        1rem;


    border-right:
/* ==========================================================
        1px solid var(--vault-border);
  CASE CARD (compact preview grid)
  ========================================================== */


.vault-case-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:1.2rem;
    margin:2rem 0;
}
}


.vault-case-card {
    background:var(--vault-white);
    border:1px solid var(--vault-border);
    border-radius:8px;
    padding:1.3rem;
    display:flex;
    flex-direction:column;
    gap:.6rem;
    transition:.2s ease;
}


.vault-case-card:hover {
    border-color:var(--vault-purple);
    transform:translateY(-4px);
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}


.vault-profile-label {
.vault-case-card-title {
    font-family:'Bungee',sans-serif;
    font-size:1rem;
    color:var(--vault-purple-dark);
}


     font-family:
.vault-case-card-title a {
        'JetBrains Mono',
     color:var(--vault-purple-dark) !important;
        monospace;
}


     font-size:
.vault-case-card-excerpt {
        .7rem;
    color:var(--vault-muted);
     font-size:.85rem;
    line-height:1.5;
}


    text-transform:
        uppercase;


    color:
        var(--vault-muted);


}
/* ==========================================================
  THE VAULT
  SECTION 4 — ADDED FOR TEMPLATE SUPPORT
  (Template:VaultResearchAssessment, Template:VaultOrganisationAssessment,
  Template:PD-Crown, Template:OGL3, Template:Permission-granted,
  Template:Disambig-note)
  ========================================================== */




/* ==========================================================
  ASSESSMENT SUMMARY
  (the full-width "SIGNIFICANCE" / "LEGACY" block that sits
  below the grid in VaultResearchAssessment and
  VaultOrganisationAssessment — this class was referenced by
  both templates but never actually defined)
  ========================================================== */


.vault-profile-value {
.vault-assessment-summary {
 
    padding:1rem;


     color:
     border-top:1px solid var(--vault-border);
        var(--vault-text);


}
}




.vault-assessment-summary .vault-assessment-label {


.vault-profile-summary {
    font-family:'JetBrains Mono',monospace;


     padding:
     font-size:.65rem;
        1.2rem;


     border-top:
     text-transform:uppercase;
        1px solid var(--vault-border);
 
    letter-spacing:.08em;
 
    color:var(--vault-muted);


}
}




.vault-assessment-summary .vault-assessment-value {
    color:var(--vault-text);
    margin-top:.4rem;
    line-height:1.6;
}






/* ==========================================================
/* ==========================================================
   LOCATION ASSESSMENT
   LICENSE TAGS
   Places
   (Template:PD-Crown, Template:OGL3, Template:Permission-granted)
   ========================================================== */
   ========================================================== */


.vault-license-tag {


.vault-location-assessment {
    background:var(--vault-white);


     width:
     border:1px solid var(--vault-border);
        100%;


     background:
     border-radius:8px;
        var(--vault-surface);


     border:
     margin:1.5rem 0;
        1px solid var(--vault-border);


     border-radius:
     overflow:hidden;
        10px;


     overflow:
     font-size:.9rem;
        hidden;


    margin:
}
        2rem 0;


}


.vault-license-header {


    color:white !important;


.vault-location-header {
    font-family:'JetBrains Mono',monospace;


     background:
     text-transform:uppercase;
        var(--vault-green-dark);


     color:
     letter-spacing:.08em;
        white;


     font-family:
     font-size:.75rem;
        'Bungee',
        sans-serif;


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


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


}
}




.vault-license-body {


.vault-location-grid {
    padding:1.2rem;


     display:
     color:var(--vault-text);
        grid;


     grid-template-columns:
     line-height:1.6;
        repeat(3,1fr);


}
}


.vault-license-body ul {
    margin:.6rem 0 .6rem 1.2rem;
}




.vault-location-item {
.vault-license-missing {


     padding:
     color:var(--vault-red);
        1rem;


     border-right:
     font-style:italic;
        1px solid var(--vault-border);


}
}
Line 1,698: Line 1,942:




.vault-location-label {
/* ==========================================================
  DISAMBIGUATION NOTE
  (Template:Disambig-note)
  ========================================================== */
 
.vault-disambig-note {
 
    display:flex;
 
    align-items:flex-start;
 
    gap:.6rem;
 
    max-width:900px;
 
    margin:1.25rem 0 1.75rem;
 
    padding:.85rem 1.1rem;
 
    background:#fdf6e3;
 
    border:1px solid #e8d9a0;


     font-family:
     border-left:4px solid var(--vault-amber);
        'JetBrains Mono',
        monospace;


     font-size:
     border-radius:0 6px 6px 0;
        .7rem;


     text-transform:
     font-size:.9rem;
        uppercase;


     color:
     line-height:1.55;
        var(--vault-muted);


}
}




.vault-disambig-icon {
    flex-shrink:0;


.vault-location-value {
    color:var(--vault-amber);
 
    font-size:1rem;


     color:
     line-height:1.55;
        var(--vault-text);


}
}




.vault-disambig-text {


.vault-location-summary {
    color:var(--vault-text);


    padding:
}
        1.2rem;


     border-top:
 
        1px solid var(--vault-border);
.vault-disambig-text i,
.vault-disambig-text em {
 
     color:var(--vault-purple);
 
    font-style:italic;


}
}




/* ==========================================================
  END OF SECTION 4
  ========================================================== */






/* ==========================================================
/* ==========================================================
   VAULT NOTICE
   REDIRECT HATNOTE
  (Template:Redirect)
   ========================================================== */
   ========================================================== */


.vault-redirect-note {
    font-style:italic;
    font-size:.85rem;
    color:var(--vault-muted);
    margin:0 0 1rem;


.vault-notice {
    padding-bottom:.5rem;
 
    border-bottom:1px solid var(--vault-border);


    background:
}
        #fffdf8;


    border:
        1px solid var(--vault-border);


    border-left:
        5px solid var(--vault-amber);


    border-radius:
/* ==========================================================
        8px;
  THE VAULT HEADER
  (Template:TheVaultHeader)
  ========================================================== */


     padding:
.vault-document-header {
        1.2rem;
    border-left:6px solid #1d4e89;
    background:#f4f7fb;
    margin-bottom:20px;
     padding:20px;
}


     margin:
.vault-document-header-top {
        2rem 0;
     font-size:12px;
    letter-spacing:2px;
    color:#1d4e89;
    font-weight:bold;
}


.vault-document-title {
    font-size:28px;
    font-weight:bold;
    margin:10px 0 20px;
}
}


.vault-document-meta {
    border-top:1px solid #ddd;
    padding:8px 0;
}


.vault-document-meta span {
    display:block;
    font-size:11px;
    font-weight:bold;
    color:#666;
    letter-spacing:1px;
}


.vault-notice-header {


    font-family:
        'JetBrains Mono',
        monospace;


    text-transform:
/* ==========================================================
        uppercase;
  CONCEPT / GENRE OVERVIEW
  (Template:VaultConceptBrief)
  ========================================================== */


    color:
.vault-concept-assessment {
        var(--vault-amber);


}
    background:var(--vault-white);


    border:1px solid var(--vault-border);


    border-radius:8px;


.vault-notice-title {
    margin:2rem 0;


     font-family:
     overflow:hidden;
        'Bungee',
        sans-serif;


}
}




.vault-concept-header {
    background:var(--vault-purple);
    color:white !important;
    padding:.9rem;


.vault-notice-body {
    text-align:center;


     color:
     font-family:'Bungee',sans-serif;
        var(--vault-text);


}
}




.vault-concept-grid {


.vault-notice.warning {
    display:grid;


     border-left-color:
     grid-template-columns:repeat(3,1fr);
        var(--vault-red);


}
}




.vault-notice.research {
.vault-concept-item {
 
    padding:1rem;


     border-left-color:
     border-right:1px solid var(--vault-border);
        #315c8c;


}
}




.vault-notice.featured {
.vault-concept-item:last-child {


     border-left-color:
     border-right:none;
        var(--vault-green);


}
}




.vault-concept-label {


    font-family:'JetBrains Mono',monospace;


    font-size:.65rem;


/* ==========================================================
    color:var(--vault-muted);
  MOBILE RESPONSIVE
  ========================================================== */


    text-transform:uppercase;


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




    .vault-infobox {
.vault-concept-value {


        float:
    margin-top:.4rem;
            none;


        width:
    color:var(--vault-text);
            100%;


        margin:
}
            1rem 0;


    }


.vault-concept-summary {


     .vault-assessment-grid,
     padding:1rem;
    .vault-profile-grid,
    .vault-location-grid {


        grid-template-columns:
    border-top:1px solid var(--vault-border);
            1fr;


    }
}




    .vault-profile-item,
.vault-concept-summary .vault-concept-label {
    .vault-location-item {


        border-right:
    font-family:'JetBrains Mono',monospace;
            none;


        border-bottom:
    font-size:.65rem;
            1px solid var(--vault-border);


     }
     text-transform:uppercase;


    letter-spacing:.08em;


     .vault-work-row {
     color:var(--vault-muted);


        grid-template-columns:
}
            1fr;


    }


.vault-concept-summary .vault-concept-value {


     .vault-hero .vault-title {
     color:var(--vault-text);


        font-size:
    margin-top:.4rem;
            1.8rem;
 
    }


    line-height:1.6;


}
}




/* TICK */


 
.vault-tick-box {
/* ==========================================================
float: right;
  END VAULT DESIGN SYSTEM v2
display: inline-flex;
  ========================================================== */
align-items: center;
gap: 4px;
border: 1px solid #2e7d32;
border-radius: 4px;
padding: 2px 8px;
margin: 0 0 8px 8px;
background: #f1f8f2;
}
.vault-tick-mark {
color: #2e7d32;
font-weight: bold;
}
.vault-tick-date {
font-size: 0.8em;
color: #555;
}

Latest revision as of 21:38, 3 August 2026

/* ==========================================================
   THE VAULT @ THE E.E.R.I.E. FILES
   MediaWiki:Common.css

   VERSION 2.0
   Archive Edition

   Clean research archive aesthetic:
   - Paper background
   - Dark text
   - Vault accent colours
   - Cosmos compatible
   ========================================================== */


/* ==========================================================
   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');


/* ==========================================================
   COLOUR SYSTEM
   ========================================================== */

:root {

    --vault-paper:#f4f1e8;
    --vault-white:#ffffff;
    --vault-text:#222222;
    --vault-muted:#666666;

    --vault-border:#d8d2c4;

    --vault-purple:#5c2d91;
    --vault-purple-dark:#3d1d63;

    --vault-green:#a6ff3f;
    --vault-amber:#d89b00;
    --vault-red:#a83232;
    --vault-blue:#315f8c;

}



/* ==========================================================
   BASE MEDIAWIKI
   ========================================================== */


html {

    background:var(--vault-paper);

}


body {

    background:var(--vault-paper) !important;

    color:var(--vault-text) !important;

    font-family:'Space Grotesk', sans-serif !important;

}



#content,
.mw-body,
#bodyContent,
#mw-content-text {

    background:transparent !important;

    color:var(--vault-text);

}



.mw-parser-output {

    color:var(--vault-text);

    line-height:1.65;

}



/* ==========================================================
   TYPOGRAPHY
   ========================================================== */


h1,
h2,
h3,
h4,
.firstHeading,
.mw-first-heading {


    font-family:'Bungee',sans-serif !important;

    color:var(--vault-purple-dark) !important;

    letter-spacing:.02em;

}



.firstHeading,
.mw-first-heading {


    border-bottom:3px solid var(--vault-purple);

    padding-bottom:.5rem;


}



h2 {


    border-bottom:1px solid var(--vault-border);

    padding-bottom:.3rem;

    margin-top:2rem;


}



h3 {

    color:var(--vault-purple);

}



/* ==========================================================
   LINKS
   ========================================================== */


a {

    color:var(--vault-purple);

}



a:visited {

    color:#74509b;

}



a:hover {

    color:#8a5cc4 !important;

}



a.new {

    color:var(--vault-red) !important;

}



/* ==========================================================
   TABLES
   ========================================================== */


table.wikitable {


    background:var(--vault-white) !important;

    color:var(--vault-text) !important;

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


}



table.wikitable th {


    background:var(--vault-purple) !important;

    color:white !important;

    font-family:'JetBrains Mono',monospace;


}



table.wikitable td {


    border-color:var(--vault-border) !important;


}



/* ==========================================================
   CATEGORY FOOTER
   ========================================================== */


#catlinks,
.catlinks {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    padding:.8rem;

    color:var(--vault-muted);


}



#catlinks a,
.catlinks a {


    color:var(--vault-purple);


}




/* ==========================================================
   THE VAULT
   SECTION 2 — ARCHIVE COMPONENTS
   ========================================================== */


/* ==========================================================
   VAULT HERO
   ========================================================== */


.vault-hero {

    background:
        linear-gradient(
            135deg,
            rgba(92,45,145,.08),
            rgba(255,255,255,.9)
        );

    border:1px solid var(--vault-border);

    border-left:5px solid var(--vault-purple);

    padding:2.5rem;

    margin:1.5rem 0 2rem;

    text-align:center;

}



.vault-hero .vault-title {

    font-family:'Bungee',sans-serif;

    font-size:2.8rem;

    color:var(--vault-purple-dark);

    margin:0;

}



.vault-hero .vault-title span {

    color:var(--vault-purple);

}



.vault-hero .vault-tagline {

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    letter-spacing:.15em;

    color:var(--vault-muted);

    font-size:.8rem;

    margin-top:.8rem;

}



/* ==========================================================
   ARCHIVE CARDS
   ========================================================== */


.vault-card-grid {

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(230px,1fr));

    gap:1.2rem;

    margin:2rem 0;

}



.vault-card {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    padding:1.4rem;

    text-decoration:none !important;

    display:block;

    transition:.2s ease;


}



.vault-card:hover {


    border-color:var(--vault-purple);

    transform:translateY(-4px);

    box-shadow:0 5px 15px rgba(0,0,0,.08);


}



.vault-card-icon {


    font-size:2rem;

    display:block;

    margin-bottom:.8rem;


}



.vault-card-title {


    font-family:'Bungee',sans-serif;

    color:var(--vault-purple) !important;

    font-size:1rem;


}



.vault-card-description {


    color:var(--vault-muted);

    font-size:.9rem;

    line-height:1.5;

}



/* ==========================================================
   FEATURED FILE
   ========================================================== */


.vault-feature {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-left:5px solid var(--vault-green);

    padding:1.5rem;

    margin:2rem 0;


}



.vault-feature-label {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.7rem;

    letter-spacing:.12em;

    color:var(--vault-amber);


}



.vault-feature-title {


    font-family:'Bungee',sans-serif;

    font-size:1.4rem;

    color:var(--vault-purple-dark);


}



/* ==========================================================
   VAULT INFOBOX
   ========================================================== */


.vault-infobox {


    float:right;

    width:300px;

    margin:0 0 1.5rem 2rem;

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    overflow:hidden;


}



.vault-infobox-header {


    background:var(--vault-purple);

    color:white !important;

    padding:1rem;

    text-align:center;

    font-family:'Bungee',sans-serif;

    font-size:1rem;


}



.vault-infobox-image {


    text-align:center;

    padding:1rem;


}



.vault-infobox-image img {


    max-width:100%;

    height:auto;


}



.vault-infobox-caption {


    font-size:.75rem;

    color:var(--vault-muted);

    padding:.5rem 1rem 1rem;

}



.vault-infobox-row {


    display:grid;

    grid-template-columns:100px 1fr;

    gap:1rem;

    padding:.7rem 1rem;

    border-top:1px solid var(--vault-border);


}



.vault-infobox-k {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.65rem;

    color:var(--vault-muted);


}



.vault-infobox-v {


    color:var(--vault-text);

}



/* ==========================================================
   ASSESSMENT BOX
   ========================================================== */


.vault-assessment {


    width:100%;

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-assessment-header {


    background:var(--vault-purple);

    color:white !important;

    font-family:'Bungee',sans-serif;

    text-align:center;

    padding:.9rem;


}



.vault-assessment-grid {


    display:grid;

    grid-template-columns:repeat(3,1fr);


}



.vault-assessment-item {


    padding:1rem;

    border-right:1px solid var(--vault-border);


}



.vault-assessment-item:last-child {


    border-right:none;


}



.vault-assessment-label {


    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);


}



.vault-assessment-value {


    color:var(--vault-text);

    margin-top:.4rem;

    line-height:1.5;


}



.vault-assessment-status {


    color:#4c8b00;

    font-weight:bold;


}



/* ==========================================================
   PROFILE / PERSON ASSESSMENT
   ========================================================== */


.vault-profile-assessment {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-profile-header {


    background:var(--vault-purple);

    color:white !important;

    padding:.9rem;

    text-align:center;

    font-family:'Bungee',sans-serif;


}



.vault-profile-grid {


    display:grid;

    grid-template-columns:repeat(3,1fr);


}



.vault-profile-item {


    padding:1rem;

    border-right:1px solid var(--vault-border);


}



.vault-profile-label {


    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    color:var(--vault-muted);

    text-transform:uppercase;


}



.vault-profile-value {


    margin-top:.4rem;

    color:var(--vault-text);


}






/* ==========================================================
   THE VAULT
   SECTION 3 — ARCHIVE SYSTEM COMPONENTS
   ========================================================== */


/* ==========================================================
   EVIDENCE ASSESSMENT
   ========================================================== */


.vault-evidence {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-evidence-header {


    background:var(--vault-purple);

    color:white !important;

    font-family:'Bungee',sans-serif;

    text-align:center;

    padding:.9rem;


}



.vault-evidence-score {


    text-align:center;

    font-family:'Bungee',sans-serif;

    font-size:2.5rem;

    color:var(--vault-amber);

    padding:1rem;


}



.vault-evidence-label {


    text-align:center;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.75rem;

    color:var(--vault-muted);

    padding-bottom:1rem;


}



.vault-evidence-grid {

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

}



.vault-evidence-grid > *:not(.vault-evidence-item) {

    display:none;

}



.vault-evidence-item:only-child {

    grid-column:1 / -1;

}



.vault-evidence-item {


    padding:1rem;

    border-top:1px solid var(--vault-border);


}



.vault-evidence-title {


    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);


}



.vault-evidence-value {


    color:var(--vault-text);

    margin-top:.5rem;

    line-height:1.5;


}



/* ==========================================================
   WORK ASSESSMENT
   ========================================================== */


.vault-work-assessment {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-work-header {


    background:var(--vault-purple);

    color:white !important;

    font-family:'Bungee',sans-serif;

    text-align:center;

    padding:.9rem;


}



.vault-work-row {


    display:grid;

    grid-template-columns:140px 1fr;

    gap:1rem;

    padding:1rem;

    border-top:1px solid var(--vault-border);


}



.vault-work-section {


    padding:1.2rem;

    border-top:1px solid var(--vault-border);


}



.vault-work-k {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.65rem;

    color:var(--vault-muted);


}



.vault-work-v {


    color:var(--vault-text);

    line-height:1.6;


}



/* ==========================================================
   LOCATION ASSESSMENT
   ========================================================== */


.vault-location-assessment {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-location-header {


    background:var(--vault-purple);

    color:white !important;

    font-family:'Bungee',sans-serif;

    text-align:center;

    padding:.9rem;


}



.vault-location-grid {


    display:grid;

    grid-template-columns:repeat(3,1fr);


}



.vault-location-item {


    padding:1rem;

    border-right:1px solid var(--vault-border);


}



.vault-location-item:last-child {


    border-right:none;


}



.vault-location-label {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.65rem;

    color:var(--vault-muted);


}



.vault-location-value {


    margin-top:.4rem;

    color:var(--vault-text);

}



/* ==========================================================
   NOTICE BOXES
   ========================================================== */


.vault-notice {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-left:5px solid var(--vault-amber);

    padding:1.2rem;

    margin:2rem 0;

    border-radius:6px;


}



.vault-notice-header {


    font-family:'JetBrains Mono',monospace;

    font-size:.7rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:var(--vault-amber);


}



.vault-notice-title {


    font-family:'Bungee',sans-serif;

    color:var(--vault-purple-dark);

    margin:.5rem 0;


}



.vault-notice-body {


    color:var(--vault-text);

    line-height:1.6;


}



.vault-notice.warning {


    border-left-color:var(--vault-red);

}



.vault-notice.research {


    border-left-color:var(--vault-blue);

}



.vault-notice.featured {


    border-left-color:var(--vault-green);

}



/* ==========================================================
   STATISTICS BAR
   ========================================================== */


.vault-stats {


    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));

    gap:1rem;

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    padding:1.5rem;

    margin:2rem 0;

    text-align:center;


}



.vault-stat-number {


    font-family:'Bungee',sans-serif;

    font-size:2rem;

    color:var(--vault-purple);


}



.vault-stat-label {


    font-family:'JetBrains Mono',monospace;

    font-size:.7rem;

    text-transform:uppercase;

    color:var(--vault-muted);

}



/* ==========================================================
   BUTTONS / CALL TO ACTIONS
   ========================================================== */


.vault-cta {


    background:var(--vault-purple);

    color:white;

    text-align:center;

    padding:2rem;

    margin:2rem 0;

    border-radius:8px;


}



.vault-cta-title {


    font-family:'Bungee',sans-serif;

    font-size:1.5rem;

}



.vault-btn {


    display:inline-block;

    padding:.7rem 1.5rem;

    margin:.5rem;

    border-radius:5px;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.75rem;

    text-decoration:none !important;


}



.vault-btn-primary {


    background:var(--vault-green);

    color:#111 !important;


}



.vault-btn-secondary {


    background:white;

    color:var(--vault-purple) !important;


}



/* ==========================================================
   TAGS
   ========================================================== */


.vault-tag {


    display:inline-block;

    background:#eee7f5;

    border:1px solid #d5c5e8;

    color:var(--vault-purple) !important;

    border-radius:20px;

    padding:.25rem .7rem;

    margin:.2rem;

    font-size:.7rem;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;


}



/* ==========================================================
   COSMOS SKIN COMPATIBILITY
   ========================================================== */


#cosmos-rail .rail-module,
.rail-module {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    color:var(--vault-text);


}



.rail-module-header {


    color:var(--vault-purple) !important;

    font-family:'JetBrains Mono',monospace;


}



#searchInput,
.cosmos-searchInput input {


    background:white !important;

    color:var(--vault-text) !important;

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


}



/* ==========================================================
   RESPONSIVE DESIGN
   ========================================================== */


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


    .vault-infobox {


        float:none;

        width:100%;

        margin:1rem 0;


    }



    .vault-assessment-grid,
    .vault-profile-grid,
    .vault-location-grid {


        grid-template-columns:1fr;


    }



    .vault-evidence-grid {


        grid-template-columns:1fr;


    }



    .vault-work-row {


        grid-template-columns:1fr;


    }



    .vault-hero .vault-title {


        font-size:2rem;


    }


}



/* ==========================================================
   END OF THE VAULT ARCHIVE STYLE SYSTEM
   ========================================================== */




/* =========================================
   VAULT HOMEPAGE REDESIGN
========================================= */

.vault-home{
max-width:1200px;
margin:auto;
padding:20px;
}


.vault-terminal-header{
text-align:center;
padding:70px 20px;
border-bottom:1px solid #ddd;
}


.vault-logo{
font-family:'Bungee',sans-serif;
font-size:72px;
letter-spacing:8px;
}


.vault-tagline{
font-family:'JetBrains Mono',monospace;
letter-spacing:5px;
font-size:14px;
color:#777;
margin-top:15px;
}


.vault-search{
margin:40px auto 0;
border:1px solid #ccc;
padding:18px;
max-width:500px;
font-family:'JetBrains Mono',monospace;
color:#777;
}



.vault-label,
.vault-section-heading{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
color:#777;
margin-bottom:20px;
}



.vault-dossier{
margin:60px 0;
border:1px solid #ddd;
padding:30px;
}


.vault-dossier-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}


.vault-dossier-image img{
width:100%;
height:auto;
}


.vault-dossier-content h1{
font-family:'Bungee',sans-serif;
font-size:36px;
}


.vault-meta{
font-family:'JetBrains Mono',monospace;
font-size:13px;
padding:10px 0;
border-bottom:1px solid #eee;
}



.vault-index{
margin:60px 0;
}


.vault-index-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}


.vault-index-item{
border:1px solid #ddd;
padding:25px;
}


.vault-index-item h2{
font-family:'JetBrains Mono',monospace;
font-size:18px;
}


.vault-index-item a{
font-family:'JetBrains Mono',monospace;
font-size:12px;
}



.vault-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin:50px 0;
}


.vault-panel,
.vault-record{
border:1px solid #ddd;
padding:25px;
}



.vault-statistics{
display:grid;
grid-template-columns:repeat(4,1fr);
margin:60px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}


.vault-statistics div{
text-align:center;
padding:30px;
font-family:'JetBrains Mono',monospace;
}


.vault-statistics span{
display:block;
font-family:'Bungee',sans-serif;
font-size:36px;
}



.vault-footer{
text-align:center;
padding:50px;
font-family:'JetBrains Mono',monospace;
}



@media(max-width:900px){

.vault-dossier-grid,
.vault-index-grid,
.vault-columns,
.vault-statistics{
grid-template-columns:1fr;
}

.vault-logo{
font-size:42px;
}

}



/* ==========================================================
   CASE CARD (compact preview grid)
   ========================================================== */

.vault-case-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:1.2rem;
    margin:2rem 0;
}

.vault-case-card {
    background:var(--vault-white);
    border:1px solid var(--vault-border);
    border-radius:8px;
    padding:1.3rem;
    display:flex;
    flex-direction:column;
    gap:.6rem;
    transition:.2s ease;
}

.vault-case-card:hover {
    border-color:var(--vault-purple);
    transform:translateY(-4px);
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.vault-case-card-title {
    font-family:'Bungee',sans-serif;
    font-size:1rem;
    color:var(--vault-purple-dark);
}

.vault-case-card-title a {
    color:var(--vault-purple-dark) !important;
}

.vault-case-card-excerpt {
    color:var(--vault-muted);
    font-size:.85rem;
    line-height:1.5;
}



/* ==========================================================
   THE VAULT
   SECTION 4 — ADDED FOR TEMPLATE SUPPORT
   (Template:VaultResearchAssessment, Template:VaultOrganisationAssessment,
   Template:PD-Crown, Template:OGL3, Template:Permission-granted,
   Template:Disambig-note)
   ========================================================== */


/* ==========================================================
   ASSESSMENT SUMMARY
   (the full-width "SIGNIFICANCE" / "LEGACY" block that sits
   below the grid in VaultResearchAssessment and
   VaultOrganisationAssessment — this class was referenced by
   both templates but never actually defined)
   ========================================================== */

.vault-assessment-summary {

    padding:1rem;

    border-top:1px solid var(--vault-border);

}


.vault-assessment-summary .vault-assessment-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);

}


.vault-assessment-summary .vault-assessment-value {

    color:var(--vault-text);

    margin-top:.4rem;

    line-height:1.6;

}



/* ==========================================================
   LICENSE TAGS
   (Template:PD-Crown, Template:OGL3, Template:Permission-granted)
   ========================================================== */

.vault-license-tag {

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:1.5rem 0;

    overflow:hidden;

    font-size:.9rem;

}


.vault-license-header {

    color:white !important;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    letter-spacing:.08em;

    font-size:.75rem;

    text-align:center;

    padding:.8rem;

}


.vault-license-body {

    padding:1.2rem;

    color:var(--vault-text);

    line-height:1.6;

}


.vault-license-body ul {

    margin:.6rem 0 .6rem 1.2rem;

}


.vault-license-missing {

    color:var(--vault-red);

    font-style:italic;

}



/* ==========================================================
   DISAMBIGUATION NOTE
   (Template:Disambig-note)
   ========================================================== */

.vault-disambig-note {

    display:flex;

    align-items:flex-start;

    gap:.6rem;

    max-width:900px;

    margin:1.25rem 0 1.75rem;

    padding:.85rem 1.1rem;

    background:#fdf6e3;

    border:1px solid #e8d9a0;

    border-left:4px solid var(--vault-amber);

    border-radius:0 6px 6px 0;

    font-size:.9rem;

    line-height:1.55;

}


.vault-disambig-icon {

    flex-shrink:0;

    color:var(--vault-amber);

    font-size:1rem;

    line-height:1.55;

}


.vault-disambig-text {

    color:var(--vault-text);

}


.vault-disambig-text i,
.vault-disambig-text em {

    color:var(--vault-purple);

    font-style:italic;

}



/* ==========================================================
   END OF SECTION 4
   ========================================================== */



/* ==========================================================
   REDIRECT HATNOTE
   (Template:Redirect)
   ========================================================== */

.vault-redirect-note {

    font-style:italic;

    font-size:.85rem;

    color:var(--vault-muted);

    margin:0 0 1rem;

    padding-bottom:.5rem;

    border-bottom:1px solid var(--vault-border);

}



/* ==========================================================
   THE VAULT HEADER
   (Template:TheVaultHeader)
   ========================================================== */

.vault-document-header {
    border-left:6px solid #1d4e89;
    background:#f4f7fb;
    margin-bottom:20px;
    padding:20px;
}

.vault-document-header-top {
    font-size:12px;
    letter-spacing:2px;
    color:#1d4e89;
    font-weight:bold;
}

.vault-document-title {
    font-size:28px;
    font-weight:bold;
    margin:10px 0 20px;
}

.vault-document-meta {
    border-top:1px solid #ddd;
    padding:8px 0;
}

.vault-document-meta span {
    display:block;
    font-size:11px;
    font-weight:bold;
    color:#666;
    letter-spacing:1px;
}



/* ==========================================================
   CONCEPT / GENRE OVERVIEW
   (Template:VaultConceptBrief)
   ========================================================== */

.vault-concept-assessment {

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;

}


.vault-concept-header {

    background:var(--vault-purple);

    color:white !important;

    padding:.9rem;

    text-align:center;

    font-family:'Bungee',sans-serif;

}


.vault-concept-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

}


.vault-concept-item {

    padding:1rem;

    border-right:1px solid var(--vault-border);

}


.vault-concept-item:last-child {

    border-right:none;

}


.vault-concept-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    color:var(--vault-muted);

    text-transform:uppercase;

}


.vault-concept-value {

    margin-top:.4rem;

    color:var(--vault-text);

}


.vault-concept-summary {

    padding:1rem;

    border-top:1px solid var(--vault-border);

}


.vault-concept-summary .vault-concept-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);

}


.vault-concept-summary .vault-concept-value {

    color:var(--vault-text);

    margin-top:.4rem;

    line-height:1.6;

}


/* TICK */

.vault-tick-box {
	float: right;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: 1px solid #2e7d32;
	border-radius: 4px;
	padding: 2px 8px;
	margin: 0 0 8px 8px;
	background: #f1f8f2;
}
.vault-tick-mark {
	color: #2e7d32;
	font-weight: bold;
}
.vault-tick-date {
	font-size: 0.8em;
	color: #555;
}
Retrieved from "https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.css&oldid=1191"