<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-GB">
	<id>https://eeriefiles.com/thevault/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=GaryJJSpate</id>
	<title>The Vault @ The EERIE Files - User contributions [en-gb]</title>
	<link rel="self" type="application/atom+xml" href="https://eeriefiles.com/thevault/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=GaryJJSpate"/>
	<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/Special:Contributions/GaryJJSpate"/>
	<updated>2026-09-05T04:26:00Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.46.0</generator>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=Template:VaultHero&amp;diff=1857</id>
		<title>Template:VaultHero</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=Template:VaultHero&amp;diff=1857"/>
		<updated>2026-08-12T23:00:23Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;includeonly&amp;gt;&amp;lt;div class=&amp;quot;vault-hero&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-title&amp;quot;&amp;gt;THE VAULT @ The EERIE Files &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-tagline&amp;quot;&amp;gt;Encounters &amp;amp;middot; Enigmas &amp;amp;middot; Rumours &amp;amp;middot; Ideas &amp;amp;middot; Experiences&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/includeonly&amp;gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
== Template:VaultHero ==&lt;br /&gt;
Renders the banner at the top of the Main Page. No parameters.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Usage:&#039;&#039;&#039;&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
{{VaultHero}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Vault Templates]]&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1856</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1856"/>
		<updated>2026-08-12T22:56:54Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list vault-sidebar-list--news&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _embed: &#039;wp:featuredmedia&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            var thumbUrl = &#039;&#039;;&lt;br /&gt;
            try {&lt;br /&gt;
                var media = p._embedded &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;] &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;][0];&lt;br /&gt;
                if (media &amp;amp;&amp;amp; media.media_details &amp;amp;&amp;amp; media.media_details.sizes) {&lt;br /&gt;
                    var sizes = media.media_details.sizes;&lt;br /&gt;
                    thumbUrl = (sizes.thumbnail &amp;amp;&amp;amp; sizes.thumbnail.source_url) ||&lt;br /&gt;
                        (sizes.medium &amp;amp;&amp;amp; sizes.medium.source_url) ||&lt;br /&gt;
                        (media.source_url || &#039;&#039;);&lt;br /&gt;
                } else if (media &amp;amp;&amp;amp; media.source_url) {&lt;br /&gt;
                    thumbUrl = media.source_url;&lt;br /&gt;
                }&lt;br /&gt;
            } catch (e) {}&lt;br /&gt;
            var $a = $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;);&lt;br /&gt;
            if (thumbUrl) {&lt;br /&gt;
                $a.append($(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, thumbUrl).addClass(&#039;vault-sidebar-thumb&#039;).attr(&#039;alt&#039;, &#039;&#039;));&lt;br /&gt;
            }&lt;br /&gt;
            $a.append($(&#039;&amp;lt;span&amp;gt;&#039;).addClass(&#039;vault-sidebar-list-title&#039;).text(title));&lt;br /&gt;
            $list.append($(&#039;&amp;lt;li&amp;gt;&#039;).append($a));&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Duplicate the site logo into the top utility bar, left-aligned --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $bannerContent = $(&#039;#cosmos-banner-content&#039;);&lt;br /&gt;
    if (!$bannerContent.length || $(&#039;#cosmos-banner-logo&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var $srcAnchor = $(&#039;.cosmos-header__wordmark a&#039;).first();&lt;br /&gt;
    var $srcLogo = $srcAnchor.find(&#039;img&#039;).first();&lt;br /&gt;
    if (!$srcLogo.length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var homeHref = $srcAnchor.attr(&#039;href&#039;) || mw.util.getUrl(&#039;Main_Page&#039;);&lt;br /&gt;
    var $logoLink = $(&#039;&amp;lt;a&amp;gt;&#039;, {id: &#039;cosmos-banner-logo&#039;, href: homeHref}).append(&lt;br /&gt;
        $(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, $srcLogo.attr(&#039;src&#039;)).attr(&#039;alt&#039;, $srcLogo.attr(&#039;alt&#039;) || &#039;&#039;)&lt;br /&gt;
    );&lt;br /&gt;
    $bannerContent.prepend($logoLink);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Custom footer content --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $footerContent = $(&#039;#cosmos-footer-footerContent&#039;);&lt;br /&gt;
    if (!$footerContent.length || $(&#039;#vault-custom-footer&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var privacyHref = $(&#039;#footer-places-privacy a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    var aboutHref = $(&#039;#footer-places-about a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    $footerContent.children().hide();&lt;br /&gt;
    var $custom = $(&lt;br /&gt;
        &#039;&amp;lt;div id=&amp;quot;vault-custom-footer&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-line&amp;quot;&amp;gt;The EERIE Files is a project by &amp;lt;a href=&amp;quot;https://twentythreestudios.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noopener&amp;quot;&amp;gt;TwentyThree Studios Limited&amp;lt;/a&amp;gt;.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-links&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-copyright&amp;quot;&amp;gt;&amp;amp;copy; 2026 &amp;lt;a href=&amp;quot;https://twentythreestudios.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noopener&amp;quot;&amp;gt;TwentyThree Studios Limited&amp;lt;/a&amp;gt;. All Rights Reserved.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    );&lt;br /&gt;
    var $links = $custom.find(&#039;.vault-footer-links&#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, privacyHref).text(&#039;Privacy Policy&#039;));&lt;br /&gt;
    $links.append(&#039; | &#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, aboutHref).text(&#039;About The Vault&#039;));&lt;br /&gt;
    $footerContent.append($custom);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- PayPal SDK (hosted buttons), injected into &amp;lt;head&amp;gt; --- */&lt;br /&gt;
(function () {&lt;br /&gt;
    if (document.getElementById(&#039;paypal-sdk-hosted-buttons&#039;)) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var s = document.createElement(&#039;script&#039;);&lt;br /&gt;
    s.id = &#039;paypal-sdk-hosted-buttons&#039;;&lt;br /&gt;
    s.src = &#039;https://www.paypal.com/sdk/js?client-id=BAASWr2bWnrhJOoh1f73Zo4efiOPL1NFvptBuahOcDd9Us9Om_3ZAKi6zPBexLRoG2GZ4-dfsrLEDJuKzQ&amp;amp;components=hosted-buttons&amp;amp;disable-funding=venmo&amp;amp;currency=GBP&#039;;&lt;br /&gt;
    document.head.appendChild(s);&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- PayPal donate button in the sidebar --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $rail = $(&#039;#vault-sidebar&#039;);&lt;br /&gt;
    if (!$rail.length || $(&#039;#paypal-container-UVJ64W7S785MC&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Support Us&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div id=&amp;quot;paypal-container-UVJ64W7S785MC&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    var attempts = 0;&lt;br /&gt;
    function tryRenderPaypalButton() {&lt;br /&gt;
        if (window.paypal &amp;amp;&amp;amp; window.paypal.HostedButtons) {&lt;br /&gt;
            window.paypal.HostedButtons({&lt;br /&gt;
                hostedButtonId: &#039;UVJ64W7S785MC&#039;&lt;br /&gt;
            }).render(&#039;#paypal-container-UVJ64W7S785MC&#039;);&lt;br /&gt;
        } else if (attempts &amp;lt; 50) {&lt;br /&gt;
            attempts++;&lt;br /&gt;
            setTimeout(tryRenderPaypalButton, 200);&lt;br /&gt;
        }&lt;br /&gt;
    }&lt;br /&gt;
    tryRenderPaypalButton();&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1855</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1855"/>
		<updated>2026-08-12T22:55:30Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list vault-sidebar-list--news&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _embed: &#039;wp:featuredmedia&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            var thumbUrl = &#039;&#039;;&lt;br /&gt;
            try {&lt;br /&gt;
                var media = p._embedded &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;] &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;][0];&lt;br /&gt;
                if (media &amp;amp;&amp;amp; media.media_details &amp;amp;&amp;amp; media.media_details.sizes) {&lt;br /&gt;
                    var sizes = media.media_details.sizes;&lt;br /&gt;
                    thumbUrl = (sizes.thumbnail &amp;amp;&amp;amp; sizes.thumbnail.source_url) ||&lt;br /&gt;
                        (sizes.medium &amp;amp;&amp;amp; sizes.medium.source_url) ||&lt;br /&gt;
                        (media.source_url || &#039;&#039;);&lt;br /&gt;
                } else if (media &amp;amp;&amp;amp; media.source_url) {&lt;br /&gt;
                    thumbUrl = media.source_url;&lt;br /&gt;
                }&lt;br /&gt;
            } catch (e) {}&lt;br /&gt;
            var $a = $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;);&lt;br /&gt;
            if (thumbUrl) {&lt;br /&gt;
                $a.append($(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, thumbUrl).addClass(&#039;vault-sidebar-thumb&#039;).attr(&#039;alt&#039;, &#039;&#039;));&lt;br /&gt;
            }&lt;br /&gt;
            $a.append($(&#039;&amp;lt;span&amp;gt;&#039;).addClass(&#039;vault-sidebar-list-title&#039;).text(title));&lt;br /&gt;
            $list.append($(&#039;&amp;lt;li&amp;gt;&#039;).append($a));&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Duplicate the site logo into the top utility bar, left-aligned --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $bannerContent = $(&#039;#cosmos-banner-content&#039;);&lt;br /&gt;
    if (!$bannerContent.length || $(&#039;#cosmos-banner-logo&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var $srcAnchor = $(&#039;.cosmos-header__wordmark a&#039;).first();&lt;br /&gt;
    var $srcLogo = $srcAnchor.find(&#039;img&#039;).first();&lt;br /&gt;
    if (!$srcLogo.length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var homeHref = $srcAnchor.attr(&#039;href&#039;) || mw.util.getUrl(&#039;Main_Page&#039;);&lt;br /&gt;
    var $logoLink = $(&#039;&amp;lt;a&amp;gt;&#039;, {id: &#039;cosmos-banner-logo&#039;, href: homeHref}).append(&lt;br /&gt;
        $(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, $srcLogo.attr(&#039;src&#039;)).attr(&#039;alt&#039;, $srcLogo.attr(&#039;alt&#039;) || &#039;&#039;)&lt;br /&gt;
    );&lt;br /&gt;
    $bannerContent.prepend($logoLink);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Custom footer content --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $footerContent = $(&#039;#cosmos-footer-footerContent&#039;);&lt;br /&gt;
    if (!$footerContent.length || $(&#039;#vault-custom-footer&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var privacyHref = $(&#039;#footer-places-privacy a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    var aboutHref = $(&#039;#footer-places-about a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    $footerContent.children().hide();&lt;br /&gt;
    var $custom = $(&lt;br /&gt;
        &#039;&amp;lt;div id=&amp;quot;vault-custom-footer&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-line&amp;quot;&amp;gt;The EERIE Files is a project by &amp;lt;a href=&amp;quot;https://twentythreestudios.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noopener&amp;quot;&amp;gt;TwentyThree Studios Limited&amp;lt;/a&amp;gt;.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-links&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-copyright&amp;quot;&amp;gt;&amp;amp;copy; 2026 &amp;lt;a href=&amp;quot;https://twentythreestudios.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noopener&amp;quot;&amp;gt;TwentyThree Studios Limited&amp;lt;/a&amp;gt;. All Rights Reserved.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    );&lt;br /&gt;
    var $links = $custom.find(&#039;.vault-footer-links&#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, privacyHref).text(&#039;Privacy Policy&#039;));&lt;br /&gt;
    $links.append(&#039; | &#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, aboutHref).text(&#039;About The Vault&#039;));&lt;br /&gt;
    $footerContent.append($custom);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- PayPal SDK (hosted buttons), injected into &amp;lt;head&amp;gt; --- */&lt;br /&gt;
(function () {&lt;br /&gt;
    if (document.getElementById(&#039;paypal-sdk-hosted-buttons&#039;)) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var s = document.createElement(&#039;script&#039;);&lt;br /&gt;
    s.id = &#039;paypal-sdk-hosted-buttons&#039;;&lt;br /&gt;
    s.src = &#039;https://www.paypal.com/sdk/js?client-id=BAASWr2bWnrhJOoh1f73Zo4efiOPL1NFvptBuahOcDd9Us9Om_3ZAKi6zPBexLRoG2GZ4-dfsrLEDJuKzQ&amp;amp;components=hosted-buttons&amp;amp;disable-funding=venmo&amp;amp;currency=GBP&#039;;&lt;br /&gt;
    document.head.appendChild(s);&lt;br /&gt;
})();&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=File:SPS_Logo.png&amp;diff=1854</id>
		<title>File:SPS Logo.png</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=File:SPS_Logo.png&amp;diff=1854"/>
		<updated>2026-08-12T22:20:01Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=Society_of_Paranormal_Studies&amp;diff=1853</id>
		<title>Society of Paranormal Studies</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=Society_of_Paranormal_Studies&amp;diff=1853"/>
		<updated>2026-08-12T22:18:43Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: Expand founding lineage (SPS as successor to Spirit Searchers, founded 2004) and add detail on the SPS Knowledge Base / Vault merger&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{InfoboxOrganisation&lt;br /&gt;
|name=Society of Paranormal Studies&lt;br /&gt;
|image=SPS_Logo.png&lt;br /&gt;
|caption=Logo of the Society of Paranormal Studies&lt;br /&gt;
|type=Paranormal investigation team&lt;br /&gt;
|founded=2004&lt;br /&gt;
|founders=Gary JJ Spate, Sadie Ingoldby-Spate&lt;br /&gt;
|known_for=Feeding case investigations into The EERIE Files&lt;br /&gt;
|status=Active&lt;br /&gt;
}}&lt;br /&gt;
The &#039;&#039;&#039;Society of Paranormal Studies&#039;&#039;&#039; (SPS) is a Kent-based paranormal investigations team founded by Gary JJ Spate and Sadie Ingoldby-Spate. SPS traces its founding to 2004, the year Spate and Ingoldby-Spate began investigating together as co-founding members of [[Spirit Searchers]], a UK paranormal investigations team active from 2004 to 2007. When Spirit Searchers closed in 2007, Spate and Ingoldby-Spate carried its methodology, casework, and working relationship forward under the SPS name rather than starting afresh, and SPS&#039;s own materials treat the organisation as an unbroken continuation of that 2004 lineage — a successor in practice, not a new outfit that happened to share founders. SPS conducts on-location paranormal investigations, with its case findings feeding into [[The EERIE Files]], the wider global paranormal community and archive.&lt;br /&gt;
&lt;br /&gt;
== Relationship to The EERIE Files ==&lt;br /&gt;
SPS operates as a narrower, regionally-focused investigation team, feeding its case material into The EERIE Files&#039; broader coverage of hauntings, UFOs, psychic experiences, cryptids, and parapsychology. The SPS Knowledge Base — SPS&#039;s own documentation of its investigations, built up continuously since the 2004 Spirit Searchers-era casework — is being absorbed into The EERIE Files as part of its archive, [[The Vault]].&lt;br /&gt;
&lt;br /&gt;
The merger is being carried out as a structured migration rather than a simple upload. Case files originating with Spirit Searchers and, later, SPS are being reviewed, cross-referenced against The EERIE Files&#039; existing regional and thematic indexes, and re-catalogued to Vault standards before being formally accessioned. Where SPS records predate The EERIE Files&#039; own documentation conventions — as with much of the pre-2007 material — investigators are annotating entries with updated location data, equipment notes, and context rather than rewriting the original case reports, so that the Vault version preserves the original findings alongside a modern editorial layer. The intent is for the SPS Knowledge Base to eventually exist as a fully searchable, cross-linked subset of The Vault, giving SPS&#039;s two-decade case history a permanent home within the wider archive while keeping SPS itself active as the investigating body generating new material.&lt;br /&gt;
&lt;br /&gt;
== Investigations ==&lt;br /&gt;
SPS has conducted investigations at a number of locations, including an early case at [[The Corner Pin, Donington le Heath]], carried out roughly twenty years ago — placing it among the team&#039;s earliest casework from its Spirit Searchers-era origins. Prior to the Spirit Searchers name winding down in 2007, the team conducted a 2005 investigation at the home of [[Alex Birch]] — see [[Spirit Searchers]] for details.&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
* [[The Vault]]&lt;br /&gt;
* [[Spirit Searchers]]&lt;br /&gt;
[[Category:Organisations]]&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=The_Vault_@_The_EERIE_Files:About&amp;diff=1852</id>
		<title>The Vault @ The EERIE Files:About</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=The_Vault_@_The_EERIE_Files:About&amp;diff=1852"/>
		<updated>2026-08-12T21:55:48Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: Created page with &amp;quot;&amp;#039;&amp;#039;&amp;#039;The Vault&amp;#039;&amp;#039;&amp;#039; is the working archive of [https://eeriefiles.com The EERIE Files] &amp;amp;mdash; encounters, enigmas, rumours, ideas and experiences that sit just outside the edges of the everyday. It isn&amp;#039;t a list of ghost stories. Every page is sourced and cited, cross-checked where possible, and built to hold up to someone actually questioning it.  == What&amp;#039;s in The Vault == The archive covers real range: investigators and mediums, from Lorraine and Ed Warren to sceptics like...&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&#039;&#039;&#039;The Vault&#039;&#039;&#039; is the working archive of [https://eeriefiles.com The EERIE Files] &amp;amp;mdash; encounters, enigmas, rumours, ideas and experiences that sit just outside the edges of the everyday. It isn&#039;t a list of ghost stories. Every page is sourced and cited, cross-checked where possible, and built to hold up to someone actually questioning it.&lt;br /&gt;
&lt;br /&gt;
== What&#039;s in The Vault ==&lt;br /&gt;
The archive covers real range: investigators and mediums, from Lorraine and Ed Warren to sceptics like Joe Nickell; cryptids from Loch Ness to the Everglades; the history of parapsychology as a discipline, including the real research institutions, experiments, and controversies; and the television, film and books that have shaped how the public thinks about all of this &amp;amp;mdash; alongside a look at where those depictions and the underlying real cases diverge.&lt;br /&gt;
&lt;br /&gt;
== How an entry gets built ==&lt;br /&gt;
Every case, person, or organisation is built from multiple independent sources, not one convenient summary. Wikipedia is often a fine starting point, but wherever possible we go back to what it&#039;s actually citing &amp;amp;mdash; the original news report, the academic paper, the archived investigation write-up &amp;amp;mdash; rather than taking a secondhand summary as the final word.&lt;br /&gt;
&lt;br /&gt;
When sources disagree, which happens more often than you&#039;d think, we say so rather than quietly picking whichever version sounds better. If a detail is genuinely disputed between otherwise reliable sources, the page tells you that.&lt;br /&gt;
&lt;br /&gt;
== Believers and sceptics, both properly represented ==&lt;br /&gt;
Every case gets both sides argued as strongly as the evidence allows. That means genuine engagement with what sceptics have found when they&#039;ve tested something, and genuine respect for what investigators and witnesses have actually reported. Where the honest answer is &amp;quot;we don&#039;t know,&amp;quot; the page says that.&lt;br /&gt;
&lt;br /&gt;
== Images ==&lt;br /&gt;
Every image has to earn its place. Personal photographs need genuine permission, not just &amp;quot;it was on the internet somewhere.&amp;quot; Book covers or promotional artwork are only used where the page actually discusses that specific item. Where an image is AI-generated &amp;amp;mdash; which happens for cryptids and phenomena nobody&#039;s ever actually photographed &amp;amp;mdash; the caption says so, plainly, every time.&lt;br /&gt;
&lt;br /&gt;
== It&#039;s never really finished ==&lt;br /&gt;
Pages get revisited. New sources turn up, old assumptions get double-checked, and sometimes something written a while back needs correcting. If you spot something on The Vault that looks off, or have a source we haven&#039;t found yet, please tell us.&lt;br /&gt;
&lt;br /&gt;
== Get involved ==&lt;br /&gt;
Have a case, a person, or a piece of paranormal history that deserves a proper page? Post it in the [https://www.facebook.com/groups/1029329346374198 Facebook Group], use the [https://eeriefiles.com/submit/ Submit a Story] page, or start a page yourself if you have an account. See also our [[The Vault @ The EERIE Files:Privacy policy|Privacy Policy]].&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=The_Vault_@_The_EERIE_Files:Privacy_policy&amp;diff=1851</id>
		<title>The Vault @ The EERIE Files:Privacy policy</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=The_Vault_@_The_EERIE_Files:Privacy_policy&amp;diff=1851"/>
		<updated>2026-08-12T21:53:38Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: Created page with &amp;quot;&amp;#039;&amp;#039;Last updated: 12 August 2026&amp;#039;&amp;#039;  This privacy policy explains what personal data &amp;#039;&amp;#039;&amp;#039;The Vault @ The EERIE Files&amp;#039;&amp;#039;&amp;#039; and the wider EERIE Files project ([https://eeriefiles.com eeriefiles.com]) collect, how it is used, and your rights over it. The Vault and the EERIE Files project are operated by &amp;#039;&amp;#039;&amp;#039;TwentyThree Studios Limited&amp;#039;&amp;#039;&amp;#039; (&amp;quot;we&amp;quot;, &amp;quot;us&amp;quot;, &amp;quot;our&amp;quot;).  == Who we are == TwentyThree Studios Limited operates this wiki and the wider eeriefiles.com site, including its blog, subm...&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&#039;&#039;Last updated: 12 August 2026&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
This privacy policy explains what personal data &#039;&#039;&#039;The Vault @ The EERIE Files&#039;&#039;&#039; and the wider EERIE Files project ([https://eeriefiles.com eeriefiles.com]) collect, how it is used, and your rights over it. The Vault and the EERIE Files project are operated by &#039;&#039;&#039;TwentyThree Studios Limited&#039;&#039;&#039; (&amp;quot;we&amp;quot;, &amp;quot;us&amp;quot;, &amp;quot;our&amp;quot;).&lt;br /&gt;
&lt;br /&gt;
== Who we are ==&lt;br /&gt;
TwentyThree Studios Limited operates this wiki and the wider eeriefiles.com site, including its blog, submission form, and linked social channels. If you have questions about this policy or want to exercise any of the rights below, contact us via the [https://eeriefiles.com/submit/ Submit a Story page] or through our [https://www.facebook.com/groups/1029329346374198 Facebook Group].&lt;br /&gt;
&lt;br /&gt;
== Wiki accounts ==&lt;br /&gt;
Creating an account on The Vault requires a username and password, and optionally an email address. Passwords are stored securely (hashed) and are never visible to us in plain text. We use standard MediaWiki cookies to keep you logged in and remember your preferences.&lt;br /&gt;
&lt;br /&gt;
In line with normal wiki practice, your username, the pages you edit, and the times of your edits are publicly visible in each page&#039;s history. If you edit without an account, your IP address is recorded publicly instead of a username.&lt;br /&gt;
&lt;br /&gt;
== Story submissions ==&lt;br /&gt;
The [https://eeriefiles.com/submit/ Submit a Story] form on eeriefiles.com collects your first name, email address, message, and an optional website link. This information is used only to review your submission and, if you agree, to credit or contact you about it. We do not publish your contact details without your permission.&lt;br /&gt;
&lt;br /&gt;
== Comments ==&lt;br /&gt;
If comments are enabled on eeriefiles.com articles, we collect the name, email address, and content you submit, along with your IP address for spam prevention. Your email address is never displayed publicly.&lt;br /&gt;
&lt;br /&gt;
== Cookies and analytics ==&lt;br /&gt;
eeriefiles.com uses Google tools (including Google Analytics) to understand how the site is used, and may display Google-served advertising. These tools use cookies and may collect information such as your IP address and browsing activity on the site. You can find out more about how Google handles this data in [https://policies.google.com/privacy Google&#039;s Privacy Policy].&lt;br /&gt;
&lt;br /&gt;
The Vault (this wiki) uses only the cookies necessary for login sessions and site preferences.&lt;br /&gt;
&lt;br /&gt;
== Third-party platforms ==&lt;br /&gt;
Our Facebook Group, Facebook Page, and Instagram account are hosted on third-party platforms with their own privacy policies. Anything you post there is governed by that platform&#039;s terms, not this policy.&lt;br /&gt;
&lt;br /&gt;
== Data retention ==&lt;br /&gt;
We keep personal data only as long as it is needed for the purpose it was collected for &amp;amp;mdash; for example, account data until you ask us to delete it, or submission details until we&#039;ve reviewed and either published or declined your story.&lt;br /&gt;
&lt;br /&gt;
== Your rights ==&lt;br /&gt;
Under UK data protection law, you have the right to ask what personal data we hold about you, to have it corrected, or to have it deleted. To exercise any of these rights, contact us via the channels listed above.&lt;br /&gt;
&lt;br /&gt;
== Changes to this policy ==&lt;br /&gt;
We may update this policy from time to time as the site changes. Please check back periodically for the latest version.&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1850</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1850"/>
		<updated>2026-08-12T21:49:37Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the top bar and the header&#039;s menu row to the same width&lt;br /&gt;
   as the main content column, while the header photo stays full-bleed. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
}&lt;br /&gt;
.cosmos-header__local-navigation {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the title/counter row too, same width as the top bar and menu row */&lt;br /&gt;
.cosmos-header__top-container {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Header title in Bungee, matching headings elsewhere on the site */&lt;br /&gt;
.cosmos-header__sitename,&lt;br /&gt;
.cosmos-header__sitename a {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom footer: centred, no GNU FDL / Powered-by-MediaWiki icons */&lt;br /&gt;
#cosmos-footerContent-footerIcons {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-footer-footerContent {&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-footerContent-footerLinks {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer {&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
    color: var(--vault-muted, #888);&lt;br /&gt;
    padding: 1rem 0;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-line {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-links {&lt;br /&gt;
    margin: .25rem 0;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-links a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-links a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-copyright {&lt;br /&gt;
    margin: .5rem 0 0;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* TwentyThree Studios link in the footer */&lt;br /&gt;
#vault-custom-footer .vault-footer-line a,&lt;br /&gt;
#vault-custom-footer .vault-footer-copyright a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-line a:hover,&lt;br /&gt;
#vault-custom-footer .vault-footer-copyright a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1849</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1849"/>
		<updated>2026-08-12T21:49:21Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list vault-sidebar-list--news&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _embed: &#039;wp:featuredmedia&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            var thumbUrl = &#039;&#039;;&lt;br /&gt;
            try {&lt;br /&gt;
                var media = p._embedded &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;] &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;][0];&lt;br /&gt;
                if (media &amp;amp;&amp;amp; media.media_details &amp;amp;&amp;amp; media.media_details.sizes) {&lt;br /&gt;
                    var sizes = media.media_details.sizes;&lt;br /&gt;
                    thumbUrl = (sizes.thumbnail &amp;amp;&amp;amp; sizes.thumbnail.source_url) ||&lt;br /&gt;
                        (sizes.medium &amp;amp;&amp;amp; sizes.medium.source_url) ||&lt;br /&gt;
                        (media.source_url || &#039;&#039;);&lt;br /&gt;
                } else if (media &amp;amp;&amp;amp; media.source_url) {&lt;br /&gt;
                    thumbUrl = media.source_url;&lt;br /&gt;
                }&lt;br /&gt;
            } catch (e) {}&lt;br /&gt;
            var $a = $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;);&lt;br /&gt;
            if (thumbUrl) {&lt;br /&gt;
                $a.append($(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, thumbUrl).addClass(&#039;vault-sidebar-thumb&#039;).attr(&#039;alt&#039;, &#039;&#039;));&lt;br /&gt;
            }&lt;br /&gt;
            $a.append($(&#039;&amp;lt;span&amp;gt;&#039;).addClass(&#039;vault-sidebar-list-title&#039;).text(title));&lt;br /&gt;
            $list.append($(&#039;&amp;lt;li&amp;gt;&#039;).append($a));&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Duplicate the site logo into the top utility bar, left-aligned --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $bannerContent = $(&#039;#cosmos-banner-content&#039;);&lt;br /&gt;
    if (!$bannerContent.length || $(&#039;#cosmos-banner-logo&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var $srcAnchor = $(&#039;.cosmos-header__wordmark a&#039;).first();&lt;br /&gt;
    var $srcLogo = $srcAnchor.find(&#039;img&#039;).first();&lt;br /&gt;
    if (!$srcLogo.length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var homeHref = $srcAnchor.attr(&#039;href&#039;) || mw.util.getUrl(&#039;Main_Page&#039;);&lt;br /&gt;
    var $logoLink = $(&#039;&amp;lt;a&amp;gt;&#039;, {id: &#039;cosmos-banner-logo&#039;, href: homeHref}).append(&lt;br /&gt;
        $(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, $srcLogo.attr(&#039;src&#039;)).attr(&#039;alt&#039;, $srcLogo.attr(&#039;alt&#039;) || &#039;&#039;)&lt;br /&gt;
    );&lt;br /&gt;
    $bannerContent.prepend($logoLink);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Custom footer content --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $footerContent = $(&#039;#cosmos-footer-footerContent&#039;);&lt;br /&gt;
    if (!$footerContent.length || $(&#039;#vault-custom-footer&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var privacyHref = $(&#039;#footer-places-privacy a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    var aboutHref = $(&#039;#footer-places-about a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    $footerContent.children().hide();&lt;br /&gt;
    var $custom = $(&lt;br /&gt;
        &#039;&amp;lt;div id=&amp;quot;vault-custom-footer&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-line&amp;quot;&amp;gt;The EERIE Files is a project by &amp;lt;a href=&amp;quot;https://twentythreestudios.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noopener&amp;quot;&amp;gt;TwentyThree Studios Limited&amp;lt;/a&amp;gt;.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-links&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-copyright&amp;quot;&amp;gt;&amp;amp;copy; 2026 &amp;lt;a href=&amp;quot;https://twentythreestudios.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noopener&amp;quot;&amp;gt;TwentyThree Studios Limited&amp;lt;/a&amp;gt;. All Rights Reserved.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    );&lt;br /&gt;
    var $links = $custom.find(&#039;.vault-footer-links&#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, privacyHref).text(&#039;Privacy Policy&#039;));&lt;br /&gt;
    $links.append(&#039; | &#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, aboutHref).text(&#039;About The Vault&#039;));&lt;br /&gt;
    $footerContent.append($custom);&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1848</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1848"/>
		<updated>2026-08-12T21:47:47Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the top bar and the header&#039;s menu row to the same width&lt;br /&gt;
   as the main content column, while the header photo stays full-bleed. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
}&lt;br /&gt;
.cosmos-header__local-navigation {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the title/counter row too, same width as the top bar and menu row */&lt;br /&gt;
.cosmos-header__top-container {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Header title in Bungee, matching headings elsewhere on the site */&lt;br /&gt;
.cosmos-header__sitename,&lt;br /&gt;
.cosmos-header__sitename a {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom footer: centred, no GNU FDL / Powered-by-MediaWiki icons */&lt;br /&gt;
#cosmos-footerContent-footerIcons {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-footer-footerContent {&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-footerContent-footerLinks {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer {&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
    color: var(--vault-muted, #888);&lt;br /&gt;
    padding: 1rem 0;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-line {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-links {&lt;br /&gt;
    margin: .25rem 0;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-links a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-links a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
#vault-custom-footer .vault-footer-copyright {&lt;br /&gt;
    margin: .5rem 0 0;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1847</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1847"/>
		<updated>2026-08-12T21:47:30Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list vault-sidebar-list--news&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _embed: &#039;wp:featuredmedia&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            var thumbUrl = &#039;&#039;;&lt;br /&gt;
            try {&lt;br /&gt;
                var media = p._embedded &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;] &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;][0];&lt;br /&gt;
                if (media &amp;amp;&amp;amp; media.media_details &amp;amp;&amp;amp; media.media_details.sizes) {&lt;br /&gt;
                    var sizes = media.media_details.sizes;&lt;br /&gt;
                    thumbUrl = (sizes.thumbnail &amp;amp;&amp;amp; sizes.thumbnail.source_url) ||&lt;br /&gt;
                        (sizes.medium &amp;amp;&amp;amp; sizes.medium.source_url) ||&lt;br /&gt;
                        (media.source_url || &#039;&#039;);&lt;br /&gt;
                } else if (media &amp;amp;&amp;amp; media.source_url) {&lt;br /&gt;
                    thumbUrl = media.source_url;&lt;br /&gt;
                }&lt;br /&gt;
            } catch (e) {}&lt;br /&gt;
            var $a = $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;);&lt;br /&gt;
            if (thumbUrl) {&lt;br /&gt;
                $a.append($(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, thumbUrl).addClass(&#039;vault-sidebar-thumb&#039;).attr(&#039;alt&#039;, &#039;&#039;));&lt;br /&gt;
            }&lt;br /&gt;
            $a.append($(&#039;&amp;lt;span&amp;gt;&#039;).addClass(&#039;vault-sidebar-list-title&#039;).text(title));&lt;br /&gt;
            $list.append($(&#039;&amp;lt;li&amp;gt;&#039;).append($a));&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Duplicate the site logo into the top utility bar, left-aligned --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $bannerContent = $(&#039;#cosmos-banner-content&#039;);&lt;br /&gt;
    if (!$bannerContent.length || $(&#039;#cosmos-banner-logo&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var $srcAnchor = $(&#039;.cosmos-header__wordmark a&#039;).first();&lt;br /&gt;
    var $srcLogo = $srcAnchor.find(&#039;img&#039;).first();&lt;br /&gt;
    if (!$srcLogo.length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var homeHref = $srcAnchor.attr(&#039;href&#039;) || mw.util.getUrl(&#039;Main_Page&#039;);&lt;br /&gt;
    var $logoLink = $(&#039;&amp;lt;a&amp;gt;&#039;, {id: &#039;cosmos-banner-logo&#039;, href: homeHref}).append(&lt;br /&gt;
        $(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, $srcLogo.attr(&#039;src&#039;)).attr(&#039;alt&#039;, $srcLogo.attr(&#039;alt&#039;) || &#039;&#039;)&lt;br /&gt;
    );&lt;br /&gt;
    $bannerContent.prepend($logoLink);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Custom footer content --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $footerContent = $(&#039;#cosmos-footer-footerContent&#039;);&lt;br /&gt;
    if (!$footerContent.length || $(&#039;#vault-custom-footer&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var privacyHref = $(&#039;#footer-places-privacy a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    var aboutHref = $(&#039;#footer-places-about a&#039;).attr(&#039;href&#039;) || &#039;#&#039;;&lt;br /&gt;
    $footerContent.children().hide();&lt;br /&gt;
    var $custom = $(&lt;br /&gt;
        &#039;&amp;lt;div id=&amp;quot;vault-custom-footer&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-line&amp;quot;&amp;gt;The EERIE Files is a project by TwentyThree Studios Limited.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-links&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;p class=&amp;quot;vault-footer-copyright&amp;quot;&amp;gt;&amp;amp;copy; 2026 TwentyThree Studios Limited. All Rights Reserved.&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    );&lt;br /&gt;
    var $links = $custom.find(&#039;.vault-footer-links&#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, privacyHref).text(&#039;Privacy Policy&#039;));&lt;br /&gt;
    $links.append(&#039; | &#039;);&lt;br /&gt;
    $links.append($(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, aboutHref).text(&#039;About The Vault&#039;));&lt;br /&gt;
    $footerContent.append($custom);&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1846</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1846"/>
		<updated>2026-08-12T21:43:19Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the top bar and the header&#039;s menu row to the same width&lt;br /&gt;
   as the main content column, while the header photo stays full-bleed. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
}&lt;br /&gt;
.cosmos-header__local-navigation {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the title/counter row too, same width as the top bar and menu row */&lt;br /&gt;
.cosmos-header__top-container {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Header title in Bungee, matching headings elsewhere on the site */&lt;br /&gt;
.cosmos-header__sitename,&lt;br /&gt;
.cosmos-header__sitename a {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1845</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1845"/>
		<updated>2026-08-12T21:42:31Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the top bar and the header&#039;s menu row to the same width&lt;br /&gt;
   as the main content column, while the header photo stays full-bleed. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
}&lt;br /&gt;
.cosmos-header__local-navigation {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the title/counter row too, same width as the top bar and menu row */&lt;br /&gt;
.cosmos-header__top-container {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Header title in Bungee, matching headings elsewhere on the site */&lt;br /&gt;
.cosmos-header__sitename {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1844</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1844"/>
		<updated>2026-08-12T21:40:44Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the top bar and the header&#039;s menu row to the same width&lt;br /&gt;
   as the main content column, while the header photo stays full-bleed. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
}&lt;br /&gt;
.cosmos-header__local-navigation {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the title/counter row too, same width as the top bar and menu row */&lt;br /&gt;
.cosmos-header__top-container {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1843</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1843"/>
		<updated>2026-08-12T21:36:45Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Constrain the top bar and the header&#039;s menu row to the same width&lt;br /&gt;
   as the main content column, while the header photo stays full-bleed. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
}&lt;br /&gt;
.cosmos-header__local-navigation {&lt;br /&gt;
    width: 97%;&lt;br /&gt;
    max-width: 97%;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: auto;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1842</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1842"/>
		<updated>2026-08-12T21:33:59Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo now lives in the top bar; hide the duplicate in the header/menu section */&lt;br /&gt;
.cosmos-header__wordmark {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=File:Eerie_files_website_logo.png&amp;diff=1841</id>
		<title>File:Eerie files website logo.png</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=File:Eerie_files_website_logo.png&amp;diff=1841"/>
		<updated>2026-08-12T21:30:35Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: GaryJJSpate uploaded a new version of File:Eerie files website logo.png&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1840</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1840"/>
		<updated>2026-08-12T21:23:18Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    align-self: stretch;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1839</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1839"/>
		<updated>2026-08-12T21:22:00Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Logo duplicated into the top utility bar, left-aligned */&lt;br /&gt;
#cosmos-banner-logo {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    margin-right: 16px;&lt;br /&gt;
}&lt;br /&gt;
#cosmos-banner-logo img {&lt;br /&gt;
    height: 32px;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1838</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1838"/>
		<updated>2026-08-12T21:20:48Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list vault-sidebar-list--news&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _embed: &#039;wp:featuredmedia&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            var thumbUrl = &#039;&#039;;&lt;br /&gt;
            try {&lt;br /&gt;
                var media = p._embedded &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;] &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;][0];&lt;br /&gt;
                if (media &amp;amp;&amp;amp; media.media_details &amp;amp;&amp;amp; media.media_details.sizes) {&lt;br /&gt;
                    var sizes = media.media_details.sizes;&lt;br /&gt;
                    thumbUrl = (sizes.thumbnail &amp;amp;&amp;amp; sizes.thumbnail.source_url) ||&lt;br /&gt;
                        (sizes.medium &amp;amp;&amp;amp; sizes.medium.source_url) ||&lt;br /&gt;
                        (media.source_url || &#039;&#039;);&lt;br /&gt;
                } else if (media &amp;amp;&amp;amp; media.source_url) {&lt;br /&gt;
                    thumbUrl = media.source_url;&lt;br /&gt;
                }&lt;br /&gt;
            } catch (e) {}&lt;br /&gt;
            var $a = $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;);&lt;br /&gt;
            if (thumbUrl) {&lt;br /&gt;
                $a.append($(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, thumbUrl).addClass(&#039;vault-sidebar-thumb&#039;).attr(&#039;alt&#039;, &#039;&#039;));&lt;br /&gt;
            }&lt;br /&gt;
            $a.append($(&#039;&amp;lt;span&amp;gt;&#039;).addClass(&#039;vault-sidebar-list-title&#039;).text(title));&lt;br /&gt;
            $list.append($(&#039;&amp;lt;li&amp;gt;&#039;).append($a));&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- Duplicate the site logo into the top utility bar, left-aligned --- */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $bannerContent = $(&#039;#cosmos-banner-content&#039;);&lt;br /&gt;
    if (!$bannerContent.length || $(&#039;#cosmos-banner-logo&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var $srcAnchor = $(&#039;.cosmos-header__wordmark a&#039;).first();&lt;br /&gt;
    var $srcLogo = $srcAnchor.find(&#039;img&#039;).first();&lt;br /&gt;
    if (!$srcLogo.length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    var homeHref = $srcAnchor.attr(&#039;href&#039;) || mw.util.getUrl(&#039;Main_Page&#039;);&lt;br /&gt;
    var $logoLink = $(&#039;&amp;lt;a&amp;gt;&#039;, {id: &#039;cosmos-banner-logo&#039;, href: homeHref}).append(&lt;br /&gt;
        $(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, $srcLogo.attr(&#039;src&#039;)).attr(&#039;alt&#039;, $srcLogo.attr(&#039;alt&#039;) || &#039;&#039;)&lt;br /&gt;
    );&lt;br /&gt;
    $bannerContent.prepend($logoLink);&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1837</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1837"/>
		<updated>2026-08-12T21:15:16Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Thumbnails for the Latest News module */&lt;br /&gt;
.vault-sidebar-list--news li {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list--news a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: .6rem;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-thumb {&lt;br /&gt;
    width: 52px;&lt;br /&gt;
    height: 52px;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
    background: var(--vault-border, #e5e0d3);&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list-title {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1836</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1836"/>
		<updated>2026-08-12T21:14:55Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list vault-sidebar-list--news&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _embed: &#039;wp:featuredmedia&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            var thumbUrl = &#039;&#039;;&lt;br /&gt;
            try {&lt;br /&gt;
                var media = p._embedded &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;] &amp;amp;&amp;amp; p._embedded[&#039;wp:featuredmedia&#039;][0];&lt;br /&gt;
                if (media &amp;amp;&amp;amp; media.media_details &amp;amp;&amp;amp; media.media_details.sizes) {&lt;br /&gt;
                    var sizes = media.media_details.sizes;&lt;br /&gt;
                    thumbUrl = (sizes.thumbnail &amp;amp;&amp;amp; sizes.thumbnail.source_url) ||&lt;br /&gt;
                        (sizes.medium &amp;amp;&amp;amp; sizes.medium.source_url) ||&lt;br /&gt;
                        (media.source_url || &#039;&#039;);&lt;br /&gt;
                } else if (media &amp;amp;&amp;amp; media.source_url) {&lt;br /&gt;
                    thumbUrl = media.source_url;&lt;br /&gt;
                }&lt;br /&gt;
            } catch (e) {}&lt;br /&gt;
            var $a = $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;);&lt;br /&gt;
            if (thumbUrl) {&lt;br /&gt;
                $a.append($(&#039;&amp;lt;img&amp;gt;&#039;).attr(&#039;src&#039;, thumbUrl).addClass(&#039;vault-sidebar-thumb&#039;).attr(&#039;alt&#039;, &#039;&#039;));&lt;br /&gt;
            }&lt;br /&gt;
            $a.append($(&#039;&amp;lt;span&amp;gt;&#039;).addClass(&#039;vault-sidebar-list-title&#039;).text(title));&lt;br /&gt;
            $list.append($(&#039;&amp;lt;li&amp;gt;&#039;).append($a));&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1835</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1835"/>
		<updated>2026-08-12T21:12:06Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    /* --- Latest News module (WordPress REST API, same-origin) --- */&lt;br /&gt;
    var $newsModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Latest News&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(&#039;/wp-json/wp/v2/posts&#039;, {&lt;br /&gt;
        per_page: 5,&lt;br /&gt;
        _fields: &#039;title,link&#039;&lt;br /&gt;
    }).done(function (posts) {&lt;br /&gt;
        var $list = $newsModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!posts || !posts.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No news yet.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        posts.forEach(function (p) {&lt;br /&gt;
            var title = $(&#039;&amp;lt;div&amp;gt;&#039;).html(p.title &amp;amp;&amp;amp; p.title.rendered ? p.title.rendered : &#039;&#039;).text();&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, p.link).attr(&#039;target&#039;, &#039;_blank&#039;).attr(&#039;rel&#039;, &#039;noopener&#039;).text(title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $newsModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load news.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=Main_Page&amp;diff=1834</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=Main_Page&amp;diff=1834"/>
		<updated>2026-08-12T21:09:34Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{VaultHero}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-style:italic; color:var(--vault-muted); text-align:center; max-width:640px; margin:0 auto 2rem; font-family:&#039;JetBrains Mono&#039;,monospace; font-size:.85rem; line-height:1.7;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;quot;Every entry in this archive begins the same way: someone saw something, heard something, or felt something they couldn&#039;t explain — and wrote it down before they could talk themselves out of it.&amp;quot;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Welcome to &#039;&#039;&#039;The Vault&#039;&#039;&#039;, the working archive of [https://eeriefiles.com The EERIE Files]. What you&#039;ll find here isn&#039;t ghost stories for their own sake — it&#039;s the paper trail behind them: witness statements, site histories, investigation notes, and the research that&#039;s been done (or hasn&#039;t) to explain them.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;{{NUMBEROFARTICLES}}&#039;&#039;&#039; cases are currently filed. Read carefully. Some of them are still open.&lt;br /&gt;
&lt;br /&gt;
== Featured Case ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-feature&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-feature-label&amp;quot;&amp;gt;Case No. 0001 &amp;amp;middot; Currently Under Investigation&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-feature-title&amp;quot;&amp;gt;[[Pluckley]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Britain&#039;s Guinness World Record holder for most haunted village, with twelve distinct ghosts packed into a village you could walk end to end in twenty minutes. Fright Corner, the Red Lady of St Nicholas, and the Screaming Woods all sit within a few hundred yards of each other — a concentration of hauntings no other single location in the country can match.&lt;br /&gt;
&lt;br /&gt;
How much of it holds up? [[Pluckley|Read the full case file and evidence assessment &amp;amp;rarr;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Browse by Classification ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-grid&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Cases|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128193;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Cases&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;Specific reported incidents — sightings, hauntings, encounters — documented start to finish.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Locations|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128205;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Locations&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;The places themselves, and what&#039;s said to linger there.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Entities|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128123;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Entities&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;Cryptids, apparitions, and the beings that keep getting reported.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Phenomena|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#10024;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Phenomena&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;The recurring shapes reports take, across cases and centuries.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Research|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128300;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Research&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;The studies, laboratories, and disciplines trying to test any of this.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Organisations|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#127970;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Organisations&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;Societies and groups dedicated to investigation and research.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Investigators|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128374;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Investigators&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;The people who went looking, and what they found — or didn&#039;t.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Historical Events|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128220;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Historical Events&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;Real-world events tangled up with mystery and speculation.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:Popular Culture|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#127909;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;Popular Culture&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;Books, films, television, and the stories built on top of all this.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card&amp;quot;&amp;gt;[[:Category:People|&amp;lt;span class=&amp;quot;vault-card-icon&amp;quot;&amp;gt;&amp;amp;#128373;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-title&amp;quot;&amp;gt;People&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-card-description&amp;quot;&amp;gt;Every person connected to the archive — investigators, practitioners, witnesses, and more.&amp;lt;/div&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Notable Cases ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-case-grid&amp;quot;&amp;gt;&lt;br /&gt;
{{CaseCard&lt;br /&gt;
|title=Enfield Poltergeist&lt;br /&gt;
|link=Enfield Poltergeist&lt;br /&gt;
|category=Haunting&lt;br /&gt;
|excerpt=One of Britain&#039;s most extensively documented poltergeist cases, investigated for over a year by the Society for Psychical Research.&lt;br /&gt;
}}&lt;br /&gt;
{{CaseCard&lt;br /&gt;
|title=Society for Psychical Research&lt;br /&gt;
|link=Society for Psychical Research&lt;br /&gt;
|category=Organisation&lt;br /&gt;
|excerpt=The world&#039;s oldest psychical research organisation, founded in 1882 to investigate claims of paranormal phenomena scientifically.&lt;br /&gt;
}}&lt;br /&gt;
{{CaseCard&lt;br /&gt;
|title=Extrasensory Perception&lt;br /&gt;
|link=Extrasensory Perception&lt;br /&gt;
|category=Phenomenon&lt;br /&gt;
|excerpt=The study of alleged information received beyond the known senses — telepathy, clairvoyance, and precognition among its most-tested claims.&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Field Notes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice research&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice-header&amp;quot;&amp;gt;Did You Know&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice-body&amp;quot;&amp;gt;&lt;br /&gt;
* Kent has the second-highest number of official UFO sightings of any UK county, behind only London.&lt;br /&gt;
* The ghost story at Reculver Towers was later linked to an actual archaeological find beneath the ruins.&lt;br /&gt;
* Pluckley&#039;s &amp;quot;Screaming Woods&amp;quot; get their name from decades of reports of disembodied screams heard by visitors.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice warning&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice-header&amp;quot;&amp;gt;A Note on Method&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice-title&amp;quot;&amp;gt;Document First. Interpret Second.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-notice-body&amp;quot;&amp;gt;&lt;br /&gt;
Every entry aims to separate what was reported, what evidence exists, what investigations have occurred, and what explanations have been proposed. The archive does not ask readers to believe or dismiss automatically — it asks them to investigate.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The Archive in Numbers ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-stats&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;vault-stat-number&amp;quot;&amp;gt;{{NUMBEROFARTICLES}}&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;vault-stat-label&amp;quot;&amp;gt;Files Archived&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;vault-stat-number&amp;quot;&amp;gt;10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;vault-stat-label&amp;quot;&amp;gt;Classifications&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;vault-stat-number&amp;quot;&amp;gt;&amp;amp;infin;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;vault-stat-label&amp;quot;&amp;gt;Questions Remain&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Submit a File ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-cta&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;vault-cta-title&amp;quot;&amp;gt;Have a Case That Belongs Here?&amp;lt;/div&amp;gt;&lt;br /&gt;
Got a story, a local legend, or a sighting worth archiving? Post it in the Facebook Group and we&#039;ll help turn the best member stories into full entries — or start a page yourself if you have an account.&lt;br /&gt;
&lt;br /&gt;
[https://www.facebook.com/groups/1029329346374198 &amp;lt;span class=&amp;quot;vault-btn vault-btn-primary&amp;quot;&amp;gt;Join the Hunt&amp;lt;/span&amp;gt;] [[Vault:Style Guide|&amp;lt;span class=&amp;quot;vault-btn vault-btn-secondary&amp;quot;&amp;gt;Read the Style Guide&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:The Vault]]&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1833</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1833"/>
		<updated>2026-08-12T21:09:11Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR MODULE STYLING (Recently Filed, etc.)&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
.vault-sidebar-module {&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
    border: 1px solid var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 1rem 1.1rem;&lt;br /&gt;
    margin-bottom: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-module-header {&lt;br /&gt;
    font-family: &#039;Bungee&#039;, sans-serif;&lt;br /&gt;
    font-size: .95rem;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .04em;&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    border-bottom: 2px solid var(--vault-purple, #5b3a8e);&lt;br /&gt;
    padding-bottom: .5rem;&lt;br /&gt;
    margin-bottom: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list {&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li {&lt;br /&gt;
    padding: .4rem 0;&lt;br /&gt;
    border-bottom: 1px dashed var(--vault-border, #e5e0d3);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    font-size: .85rem;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list li:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a {&lt;br /&gt;
    color: var(--vault-purple, #5b3a8e);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-list a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.vault-sidebar-loading {&lt;br /&gt;
    opacity: .6;&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1832</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1832"/>
		<updated>2026-08-12T21:07:55Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if (!$article.length || !$container.length || $(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    var $rail = $(&#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;/aside&amp;gt;&#039;).appendTo($container);&lt;br /&gt;
&lt;br /&gt;
    /* --- Recently Filed module (5 newest pages, live via API) --- */&lt;br /&gt;
    var $recentModule = $(&lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;div class=&amp;quot;vault-sidebar-module-header&amp;quot;&amp;gt;Recently Filed&amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
            &#039;&amp;lt;ul class=&amp;quot;vault-sidebar-list&amp;quot;&amp;gt;&amp;lt;li class=&amp;quot;vault-sidebar-loading&amp;quot;&amp;gt;Loading&amp;amp;hellip;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;&lt;br /&gt;
    ).appendTo($rail);&lt;br /&gt;
&lt;br /&gt;
    $.getJSON(mw.util.wikiScript(&#039;api&#039;), {&lt;br /&gt;
        action: &#039;query&#039;,&lt;br /&gt;
        list: &#039;recentchanges&#039;,&lt;br /&gt;
        rcnamespace: 0,&lt;br /&gt;
        rctype: &#039;new&#039;,&lt;br /&gt;
        rclimit: 5,&lt;br /&gt;
        rcprop: &#039;title&#039;,&lt;br /&gt;
        format: &#039;json&#039;&lt;br /&gt;
    }).done(function (data) {&lt;br /&gt;
        var pages = (data.query &amp;amp;&amp;amp; data.query.recentchanges) || [];&lt;br /&gt;
        var $list = $recentModule.find(&#039;.vault-sidebar-list&#039;).empty();&lt;br /&gt;
        if (!pages.length) {&lt;br /&gt;
            $list.append(&#039;&amp;lt;li&amp;gt;No recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        pages.forEach(function (p) {&lt;br /&gt;
            $list.append(&lt;br /&gt;
                $(&#039;&amp;lt;li&amp;gt;&#039;).append(&lt;br /&gt;
                    $(&#039;&amp;lt;a&amp;gt;&#039;).attr(&#039;href&#039;, mw.util.getUrl(p.title)).text(p.title)&lt;br /&gt;
                )&lt;br /&gt;
            );&lt;br /&gt;
        });&lt;br /&gt;
    }).fail(function () {&lt;br /&gt;
        $recentModule.find(&#039;.vault-sidebar-list&#039;).html(&#039;&amp;lt;li&amp;gt;Could not load recent entries.&amp;lt;/li&amp;gt;&#039;);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1831</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1831"/>
		<updated>2026-08-12T21:01:04Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SIDEBAR RAIL (container + placeholder)&lt;br /&gt;
   Two-column layout: article + a fixed-width rail. Rail content&lt;br /&gt;
   is injected via MediaWiki:Common.js.&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
#bodyContent.cosmos-articleContainer {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-pageBody-content {&lt;br /&gt;
    flex: 1 1 auto;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#vault-sidebar {&lt;br /&gt;
    flex: 0 0 300px;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder {&lt;br /&gt;
    border: 2px dashed var(--vault-border, #d8d2c4);&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    padding: 2rem 1rem;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--vault-muted, #666);&lt;br /&gt;
    font-family: &#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .8rem;&lt;br /&gt;
    background: var(--vault-white, #fff);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vault-sidebar-placeholder small {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: .5rem;&lt;br /&gt;
    text-transform: none;&lt;br /&gt;
    letter-spacing: normal;&lt;br /&gt;
    font-size: .75rem;&lt;br /&gt;
    opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Stack to a single column on narrower screens */&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
    #bodyContent.cosmos-articleContainer {&lt;br /&gt;
        flex-direction: column;&lt;br /&gt;
    }&lt;br /&gt;
    #vault-sidebar {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        flex-basis: auto;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1830</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Common.js&amp;diff=1830"/>
		<updated>2026-08-12T20:59:20Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
&lt;br /&gt;
    $(&#039;a[href*=&amp;quot;index.php?title=&amp;quot;]&#039;).each(function () {&lt;br /&gt;
&lt;br /&gt;
        var link = $(this);&lt;br /&gt;
        var url = new URL(link.attr(&#039;href&#039;), window.location.origin);&lt;br /&gt;
        var title = url.searchParams.get(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
        if (title) {&lt;br /&gt;
&lt;br /&gt;
            var params = new URLSearchParams(url.search);&lt;br /&gt;
            params.delete(&#039;title&#039;);&lt;br /&gt;
&lt;br /&gt;
            var newUrl = mw.config.get(&#039;wgArticlePath&#039;)&lt;br /&gt;
                .replace(&#039;$1&#039;, title);&lt;br /&gt;
&lt;br /&gt;
            if (params.toString()) {&lt;br /&gt;
                newUrl += &#039;?&#039; + params.toString();&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            link.attr(&#039;href&#039;, newUrl);&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== Vault sidebar rail (container only, content TBD) =====&lt;br /&gt;
   Injects an empty sidebar placeholder next to the article body&lt;br /&gt;
   on every page. Paired with layout CSS in MediaWiki:Cosmos.css. */&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $article = $(&#039;#cosmos-pageBody-content&#039;);&lt;br /&gt;
    var $container = $(&#039;#bodyContent&#039;);&lt;br /&gt;
    if ($article.length &amp;amp;&amp;amp; $container.length &amp;amp;&amp;amp; !$(&#039;#vault-sidebar&#039;).length) {&lt;br /&gt;
        $container.append(&lt;br /&gt;
            &#039;&amp;lt;aside id=&amp;quot;vault-sidebar&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;vault-sidebar-placeholder&amp;quot;&amp;gt;Sidebar&amp;lt;br&amp;gt;&amp;lt;small&amp;gt;Add widgets here later&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/aside&amp;gt;&#039;&lt;br /&gt;
        );&lt;br /&gt;
    }&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1829</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1829"/>
		<updated>2026-08-12T20:46:04Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
* EERIE Categories&lt;br /&gt;
** :Category:Ghosts and Hauntings|Ghosts&lt;br /&gt;
** :Category:UFO/UAP|UFOs&lt;br /&gt;
** :Category:Psychic Phenomena|Psychic Phenomena&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
**cosmos-explore&lt;br /&gt;
***recentchanges-url|recentchanges&lt;br /&gt;
***randompage-url|randompage&lt;br /&gt;
***Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1828</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1828"/>
		<updated>2026-08-12T20:45:33Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
* EERIE Categories&lt;br /&gt;
** :Category:Ghosts and Hauntings|Ghosts&lt;br /&gt;
** :Category:UFO/UAP|UFOs&lt;br /&gt;
** :Category:Psychic Phenomena|Psychic Phenomena&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;br /&gt;
{{int:Sidebar}}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1827</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1827"/>
		<updated>2026-08-12T20:44:57Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;br /&gt;
* EERIE Categories&lt;br /&gt;
** :Category:Ghosts and Hauntings|Ghosts&lt;br /&gt;
** :Category:UFO/UAP|UFOs&lt;br /&gt;
** :Category:Psychic Phenomena|Psychic Phenomena&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1826</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1826"/>
		<updated>2026-08-12T20:43:40Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
* EERIE Categories&lt;br /&gt;
** :Category:Ghosts and Hauntings|Ghosts&lt;br /&gt;
** :Category:UFO/UAP|UFOs&lt;br /&gt;
** :Category:Psychic Phenomena|Psychic Phenomena&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1825</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1825"/>
		<updated>2026-08-12T20:42:40Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
* EERIE Categories&lt;br /&gt;
** :Category:Ghosts and Hauntings|Ghosts&lt;br /&gt;
** :Category:UFO/UAP|UFOs&lt;br /&gt;
** :Category:Psychic Phenomena|Psychic Phenomena&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1824</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1824"/>
		<updated>2026-08-12T20:42:15Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
* EERIE Categories&lt;br /&gt;
** [[:Category:Ghosts and Hauntings|Ghosts]]&lt;br /&gt;
** [[:Category:UFO/UAP|UFOs]]&lt;br /&gt;
** [[:Category:Psychic Phenomena|Psychic Phenomena]]&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1823</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1823"/>
		<updated>2026-08-12T20:41:24Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
* [[:Category:Ghosts and Hauntings|Ghosts]]&lt;br /&gt;
* [[:Category:UFO/UAP|UFOs]]&lt;br /&gt;
* [[:Category:Psychic Phenomena|Psychic Phenomena]]&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1822</id>
		<title>MediaWiki:Cosmos-navigation</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos-navigation&amp;diff=1822"/>
		<updated>2026-08-12T20:38:49Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
{{int:Sidebar}}&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Sidebar&amp;diff=1821</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Sidebar&amp;diff=1821"/>
		<updated>2026-08-12T20:38:27Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
** mainpage|mainpage-description&lt;br /&gt;
** recentchanges-url|recentchanges&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
** helppage|help-mediawiki&lt;br /&gt;
** specialpages-url|specialpages&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Sidebar&amp;diff=1820</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Sidebar&amp;diff=1820"/>
		<updated>2026-08-12T20:38:05Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: Created page with &amp;quot; * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki ** specialpages-url|specialpages * SEARCH * TOOLBOX * LANGUAGES * https://eeriefiles.com | Eerie Files Home ** https://eeriefiles.com/about | About ** https://eeriefiles.com/submit-a-story | Submit a Story ** https://eeriefiles.com/videos | Videos ** https://eeriefiles.com/news | News ** https://eeriefiles.com/map | Map ** https://www....&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
** mainpage|mainpage-description&lt;br /&gt;
** recentchanges-url|recentchanges&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
** helppage|help-mediawiki&lt;br /&gt;
** specialpages-url|specialpages&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;br /&gt;
* https://eeriefiles.com | Eerie Files Home&lt;br /&gt;
** https://eeriefiles.com/about | About&lt;br /&gt;
** https://eeriefiles.com/submit-a-story | Submit a Story&lt;br /&gt;
** https://eeriefiles.com/videos | Videos&lt;br /&gt;
** https://eeriefiles.com/news | News&lt;br /&gt;
** https://eeriefiles.com/map | Map&lt;br /&gt;
** https://www.facebook.com/groups/1029329346374198 | Join the Hunt (Facebook Group)&lt;br /&gt;
*cosmos-explore&lt;br /&gt;
**recentchanges-url|recentchanges&lt;br /&gt;
**randompage-url|randompage&lt;br /&gt;
**Special:NewFiles|cosmos-newfiles&lt;br /&gt;
{$NEWVIDEOS_CONDITIONAL}&lt;br /&gt;
{$WANTEDPAGES_CONDITIONAL}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1819</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1819"/>
		<updated>2026-08-12T20:03:34Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-dropdown-list a,&lt;br /&gt;
#cosmos-banner-userOptions .cosmos-personalTools-list a {&lt;br /&gt;
    color: #222222 !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1818</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1818"/>
		<updated>2026-08-12T19:50:40Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The &amp;quot;GaryJJSpate&amp;quot; personal-tools dropdown opens its own white&lt;br /&gt;
   panel (separate from the nav dropdown), so keep its text dark&lt;br /&gt;
   rather than white-on-white. */&lt;br /&gt;
.cosmos-dropdown-list,&lt;br /&gt;
.cosmos-personalTools-list,&lt;br /&gt;
.cosmos-dropdown-list a,&lt;br /&gt;
.cosmos-personalTools-list a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1817</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1817"/>
		<updated>2026-08-12T19:48:42Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The bell/tray notification icons are OOUI background-image&lt;br /&gt;
   icons, not fill-able SVGs — invert them to white instead. */&lt;br /&gt;
.mw-echo-notifications-badge {&lt;br /&gt;
    filter: brightness(0) invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1816</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1816"/>
		<updated>2026-08-12T19:46:25Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools,&lt;br /&gt;
.cosmos-userButton-label,&lt;br /&gt;
#cosmos-banner-userOptions span,&lt;br /&gt;
#cosmos-banner-userOptions svg,&lt;br /&gt;
#cosmos-banner-userOptions path {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    fill: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1815</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1815"/>
		<updated>2026-08-12T19:28:21Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten the bell/mail/user-menu icons + text on the now-dark&lt;br /&gt;
   top bar so they&#039;re visible. The search box itself keeps its&lt;br /&gt;
   own dark text since it sits on a white input field. */&lt;br /&gt;
#cosmos-banner-userOptions,&lt;br /&gt;
#cosmos-banner-userOptions a,&lt;br /&gt;
.cosmos-bannerOption,&lt;br /&gt;
.cosmos-bannerOption-button,&lt;br /&gt;
.cosmos-bannerOption-icon,&lt;br /&gt;
.cosmos-userOptions-personalTools {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1814</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1814"/>
		<updated>2026-08-12T19:26:12Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Darken the page background to blend with the dark header&lt;br /&gt;
   banner image, instead of the previous cream tone. Overriding&lt;br /&gt;
   the --vault-paper variable keeps this consistent everywhere&lt;br /&gt;
   it&#039;s already used (html/body background). */&lt;br /&gt;
:root {&lt;br /&gt;
    --vault-paper: #121016;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Also darken the top utility bar (search/bell/user menu),&lt;br /&gt;
   which currently uses the skin&#039;s default light grey and would&lt;br /&gt;
   otherwise clash with the dark banner directly beneath it. */&lt;br /&gt;
#cosmos-banner {&lt;br /&gt;
    background-color: #121016 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1813</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1813"/>
		<updated>2026-08-12T19:22:11Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    width: 97% !important;&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1812</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1812"/>
		<updated>2026-08-12T19:14:28Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Widen the main content column — almost full width, small&lt;br /&gt;
   breathing margin either side. Header is unaffected since it&#039;s&lt;br /&gt;
   already broken out separately via the 100vw trick above. */&lt;br /&gt;
#mw-content-wrapper {&lt;br /&gt;
    max-width: 97% !important;&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    margin-right: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1811</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1811"/>
		<updated>2026-08-12T19:12:13Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The 100vw full-bleed trick below counts the scrollbar&#039;s own&lt;br /&gt;
   width, which can push the page a few pixels wider than the&lt;br /&gt;
   viewport and trigger a horizontal scrollbar. Clip it. */&lt;br /&gt;
html, body {&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1810</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1810"/>
		<updated>2026-08-12T19:09:58Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Close the gap left below the fixed top bar: the page reserves&lt;br /&gt;
   133px for it by default, but the bar itself is only ~55px tall. */&lt;br /&gt;
#mw-content-container {&lt;br /&gt;
    padding-top: 55px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1809</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1809"/>
		<updated>2026-08-12T19:05:39Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle a,&lt;br /&gt;
.cosmos-header .wds-dropdown__toggle span,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
	<entry>
		<id>https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1808</id>
		<title>MediaWiki:Cosmos.css</title>
		<link rel="alternate" type="text/html" href="https://eeriefiles.com/thevault/index.php?title=MediaWiki:Cosmos.css&amp;diff=1808"/>
		<updated>2026-08-12T19:02:12Z</updated>

		<summary type="html">&lt;p&gt;GaryJJSpate: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================&lt;br /&gt;
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css&lt;br /&gt;
&lt;br /&gt;
   Cosmos skin overrides&lt;br /&gt;
&lt;br /&gt;
   This file only controls typography and minor presentation.&lt;br /&gt;
   Colours are left to the default Cosmos / MediaWiki skin.&lt;br /&gt;
&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FONTS&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
@import url(https://fonts.googleapis.com/css2?family=Bungee&amp;amp;family=JetBrains+Mono:wght@400;500;700&amp;amp;family=Space+Grotesk:wght@400;500;600;700&amp;amp;display=swap);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   COSMOS TYPOGRAPHY&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
h1,&lt;br /&gt;
h2,&lt;br /&gt;
h3,&lt;br /&gt;
h4,&lt;br /&gt;
.firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Bungee&#039;, system-ui, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
.mw-code {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;JetBrains Mono&#039;, monospace;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   HEADER / NAVIGATION&lt;br /&gt;
&lt;br /&gt;
   Leave Cosmos colours untouched&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-community-header,&lt;br /&gt;
.wiki-nav,&lt;br /&gt;
#p-logo a {&lt;br /&gt;
&lt;br /&gt;
    border-color:inherit;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.wiki-nav a,&lt;br /&gt;
.cosmos-header-menu a {&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   SEARCH&lt;br /&gt;
&lt;br /&gt;
   Allow default MediaWiki styling&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.cosmos-searchInput input,&lt;br /&gt;
#simpleSearch,&lt;br /&gt;
.oo-ui-textInputWidget input {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FOOTER&lt;br /&gt;
&lt;br /&gt;
   Leave default skin styling intact&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#footer,&lt;br /&gt;
.mw-footer {&lt;br /&gt;
&lt;br /&gt;
    font-family:&#039;Space Grotesk&#039;, sans-serif;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   RESPONSIVE CLEANUP&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width:700px) {&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    body {&lt;br /&gt;
&lt;br /&gt;
        font-size:16px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================&lt;br /&gt;
   FANDOM-STYLE LAYOUT TWEAKS&lt;br /&gt;
   Full-width header banner + compact top-right search.&lt;br /&gt;
   Colours intentionally left untouched (see rest of file).&lt;br /&gt;
   ========================================================== */&lt;br /&gt;
&lt;br /&gt;
/* Compact search, tucked into the top-right corner */&lt;br /&gt;
#cosmos-banner-content {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search.cosmos-banner-search {&lt;br /&gt;
    flex: 0 1 260px;&lt;br /&gt;
    width: 260px;&lt;br /&gt;
    max-width: 260px;&lt;br /&gt;
    margin-left: auto;&lt;br /&gt;
    margin-right: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#cosmos-banner-userOptions {&lt;br /&gt;
    flex: 0 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Full-width header/banner (break out of the boxed column).&lt;br /&gt;
   Only the header&#039;s own box is affected; the wrapper, main&lt;br /&gt;
   content, and footer are left completely untouched so their&lt;br /&gt;
   normal centering is preserved. */&lt;br /&gt;
.cosmos-header {&lt;br /&gt;
    width: 100vw;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    right: 50%;&lt;br /&gt;
    margin-left: -50vw;&lt;br /&gt;
    margin-right: -50vw;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    min-height: 160px;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Paint the banner image on a dedicated, decoupled layer behind&lt;br /&gt;
   the header content, instead of as the header&#039;s own background.&lt;br /&gt;
   This avoids background-size:cover misbehaving when combined&lt;br /&gt;
   with the left:50%/-50vw full-bleed trick on the header itself. */&lt;br /&gt;
.cosmos-header::before {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    background-image: url(&#039;/thevault/images/d/da/Eerie_files_banner.jpg&#039;);&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cosmos-header,&lt;br /&gt;
.cosmos-header &amp;gt; a,&lt;br /&gt;
.wiki-nav &amp;gt; .cosmos-header-menu &amp;gt; li &amp;gt; a,&lt;br /&gt;
#p-logo a,&lt;br /&gt;
.cosmos-header__sitename a,&lt;br /&gt;
.cosmos-header__counter-value,&lt;br /&gt;
.cosmos-header__counter-label {&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
    text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Dropdown panels open on a white background, so keep their&lt;br /&gt;
   links dark/default rather than white-on-white. */&lt;br /&gt;
.cosmos-header .wds-dropdown__content,&lt;br /&gt;
.cosmos-header .wds-dropdown__content a {&lt;br /&gt;
    color: initial !important;&lt;br /&gt;
    text-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Keep search usable on small screens */&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
    #p-search.cosmos-banner-search {&lt;br /&gt;
        flex: 1 1 auto;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        margin-right: 8px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>GaryJJSpate</name></author>
	</entry>
</feed>