Skip to content

Paradox Wikis | Sceptrum 2024 by sceptrum

Screenshot of Paradox Wikis | Sceptrum 2024

Details

Authorsceptrum

LicenseNo License

Categoryparadoxwikis.com

Created

Updated

Size70 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A complete overhaul for Paradox Wikis, designed especially for Stellaris.

Notes

It works with every game on the wikis but it's optimized for Stellaris, and can have minor/major flaws with the rest.

Europa Universalis IV has its own colors, which are somewhat closer to the game's initial design. It also needs a serious rework, hopefully I will find some time to deliver it.

Otherwise, it's really close to what I'd like it to be. A lot of work went into this. I hope, you are gonna enjoy it!

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Paradox Wikis | Sceptrum 2023
@namespace      sceptrum
@version        1.5.0
description     An aesthetic, dark design for Paradox Wikis.
@author         Sceptrum
@preprocessor   uso
==/UserStyle== */

/* CHANGELOG
1.5.0 - remove title lines, improve margins in articles, update metadata img, fix login position, small fixes in edit source, fix issues when logged in, update image viewer, update recent changes page, reduce space above main banner
1.4.4 - fix mainpage, fix tables
1.4.3 - update header tabs, fix tables
1.4.2 - fix header in subpages
1.4.1 - update games dropwdown button, update tables, fix exp content
1.4.0 - add source edit page, fix footer
1.3.6 - fix mainpage
1.3.5 - EU4: update header, update sidebar fonts color, remove after lines
        Stellaris: update header, fix table italics, fix Empire math img, fix images, update main page
1.3.3 - fix exp content, add toccolours
1.3.2 - fix exp content, set dropwdown columns to 3, fix visited links
1.3.1 - update nav & sidebar fonts, fix banner, update cookies, fix exp content
1.3.0 - update Stellaris & EU4, countless fixes
1.2.9 - Edit bar styling in process for Stellaris. Unfinished!
        fixed contents box, update eu4 header and news lines
1.2.8 - fix EU4 main page eu4box-inline & media query, edit buttons recolored
1.2.7 - reference wrap fixed, add tabbernav, fix main pages of other games
1.2.6 - few hotfixes
1.2.5 - ton of fixes & updates
1.2.2 - several fixes & refactoring
1.2.0 - EU4 initial, complete mainpages, fixes
1.1.6 - update mainpage, image & add login & fixes
1.1.3 - add scroll & update logo, sidebar, mainpage
1.1.0 - update tables & fixes & some refactoring
1.0.7 - update mainpage & header
1.0.5 - add searchpage & fixes
1.0.3 - hotfix
1.0.2 - several fixes
1.0.0 - initial release
*/

@-moz-document
domain("paradoxwikis.com") {
    * {
        scrollbar-color:
            rgb(35, 40, 50) rgb(20, 20, 25) !important;
    }
    body {
        background: rgb(20, 20, 25);
    }
    .mw-page-container {
        background: rgb(20, 20, 25);
    }
    h1, h2, h3, h4, h5, h6, ud {
        border-bottom: none;
        font-weight: bold;
        color: white;
    }
    p, li, dt, dd {
        line-height: unset !important;
        color: rgb(227, 227, 235);
    }
    p {
        max-width: 1900px;
    }
    a,
    .mw-parser-output a.external,
    .mw-parser-output a.extiw {
        color: #6495ed;
        text-shadow: 0 0 1px;
    }
    a:hover,
    .mw-parser-output a.external:hover,
    a:focus,
    .mw-parser-output a.external:focus {
        color: rgb(138, 187, 255);
        text-shadow: 0 0 1.2px;
        text-decoration: none;
    }
    a:visited {
        color: #6495ed;
    }
    a.mw-selflink {
        color: white;
        text-shadow: none;
        font-weight: normal;
    }
    .vectorparadox-menu-content-list li a {
        color: rgb(60, 171, 140) !important;
        text-shadow: 0 0 1.25px;
        font-family: Trebuchet MS, sans-serif;
    }
    .vectorparadox-menu-content-list li a:hover {
        color: rgb(100, 211, 180) !important;
        text-shadow: 0 0 1.5px;
    }
    i, small, caption {
        color: rgb(60, 171, 140);
        text-shadow: 0 0 0.5px;
    }
    .effect-green {
        color: rgb(55, 175, 50);
        color: rgb(71, 171, 65);
        color: rgb(63, 173, 58);
    }
    .effect-yellow {
        color: rgb(255, 115, 0);
    }
    .effect-red {
        color: rgb(255, 40, 40);
        color: rgb(255, 48, 42);
    }
    code {
        background: black;
        border: none;
        color: white;
        font-weight: bold;
    }
    #mw-header-container {
        z-index: 3;
    }
    #mw-header {
        background: rgb(20, 25, 35);
        margin-left: -12px;
        padding: 0 20px;
        margin-left: -12px;
    }
    #mw-head {
        background: linear-gradient(
            to bottom,
            rgb(20, 25, 35),
            rgb(20, 20, 25) 70%);
        border-bottom: 1px solid rgb(150, 194, 225);
        z-index: 1;
        width: 100% !important;
    }
    .pd_menuTrigger .p-nav-menuTrigger {
        padding-left: 15px;
        padding-right: 5px;
        margin-left: -5px;
    }
    .pd_menuTrigger .menu-icon {
        margin: 0;
    }
    .pd_menuTrigger .menu-icon .menu-icon__bar {
        width: 35px;
        height: 1px;
        background: linear-gradient(to right,
            rgba(150, 194, 225, 0%) 15%,
            rgb(150, 194, 225) 90%);
    }
    .pd_menuTrigger .p-header-logo .uix_logo .uix_logo--text span {
        color: white;
        text-shadow: none;
    }
    .pd_menuTrigger .p-header-logo .uix_logo .uix_logo--text span {
        padding-bottom: 17px;
    }
    .pd_menuTrigger:hover .p-header-logo .uix_logo .uix_logo--text span {
        text-shadow: 0 0 6px white;
    }
    .pd_menuTrigger .p-header-logo .uix_logo .uix_logo--text span:hover {
        background: transparent;
    }
    .pdx_siteToggle__trigger {
        background: transparent;
        margin-top: 6px;
    }
    .pdx_siteToggle__trigger:hover {
        background: unset;
    }
    .pdx_siteToggle__trigger p {
        position: relative;
        font-size: 15px;
        background: linear-gradient(
            to bottom right,
            rgb(150, 150, 150) 20%,
            rgb(180, 180, 180) 45%,
            rgb(210, 210, 210) 50%,
            rgb(170, 170, 170) 55%,
            rgb(150, 150, 150) 80%
        );
        padding: 3px 6px;
        border-radius: 50px;
        color: rgb(20, 25, 35);
        box-shadow: 0 0 3px 2px rgb(10,15,20);
        font-weight: bold;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .pdx_siteToggle__trigger p:hover {
        filter: brightness(115%);
    }
    .pd_menuTrigger .pd_nav {
        background: linear-gradient(
            to top right,
            rgba(150, 194, 225, 0.1) 15%,
            rgb(150, 194, 225) 50%,
            rgba(150, 194, 225, 0.1) 85%
        );
        width: 240px;
        padding: 1px;
        left: 14px;
        top: 57px;
        animation: dropdown cubic-bezier(0.4,0,0.2,1) 0.26s;
    }
    .pd_menuTrigger .pd_nav #header-menu {
        background: rgb(20, 29, 41);
    }
    .pd_menuTrigger .pd_nav .navigation-menu__section {
        padding: 10px;
        border-bottom: transparent
    }
    .pd_menuTrigger .pd_nav .navigation-menu__section-item {
        opacity: 1;
        color: rgb(227, 227, 235);
        transition: all ease-in 0.15s;
    }
    .pd_menuTrigger .pd_nav .navigation-menu__section-item:hover {
        background: none !important;
        color: white !important;
        text-shadow: 0 0 6px white;
        border-radius: 5px;
    }
    .pd_menuTrigger .pd_nav .navigation-menu__section-title {
        color: rgb(40, 168, 150);
        opacity: unset;
        padding: 0 10px;
    }
    .pdx_hasDropdown .pdx_dropdown.pdx_dropdown--extraLarge {
        background: linear-gradient(
            to bottom right,
            rgba(150, 194, 225, 0.1) 15%,
            rgb(150, 194, 225) 50%,
            rgba(150, 194, 225, 0.1) 85%);
        padding: 1px 1px 1px 1px;
        top: 44px;
    }
    .pdx_hasDropdown .pdx_dropdown.pdx_dropdown--extraLarge .pdx_dropdown__menuList.pdx_dropdown__menuList--columns {
        column-count: 3;
        padding: 0 10px;
    }
    .pdx_gameChanger {
        background: rgb(20, 26, 36);
    }
    .pdx_gameChanger .pdx_gameChanger__title {
        color: white;
    }
    .pdx_gameChanger .pdx_gameChanger__title::after {
        background: linear-gradient(
            to left,
            rgba(150, 194, 225, 0) 0,
            rgb(150, 194, 225) 100%);
    }
    .pdx_hasDropdown .pdx_dropdown .pdx_dropdown__menuList .pdx_menu__link {
        padding: 0 0 0 5px;
        color: rgb(227, 227, 235);
    }
    .pdx_hasDropdown .pdx_dropdown .pdx_dropdown__menuList .pdx_menu__link:hover {
        background: unset;
        border-radius: 5px;
        color: white !important;
        text-shadow: 0 0 6px white;
    }
    #simpleSearch {
        padding: 5px;
    }
    #searchInput {
        background: black !important;
        margin-top: 0px !important;
        width: 245px !important;
        padding-top: 8px !important;
    }
    #searchInput::placeholder {
        color: rgb(153, 153, 153) !important;
    }
    #mw-header-container #p-personal .pdx_dropdownTrigger {
        text-shadow: none;
        padding-right: 5px;
    }
    #mw-header-container #p-personal .pdx_dropdownTrigger:hover {
        color: white !important;
        text-shadow: 0 0 6px white;
    }
    .pdx_hasDropdown .pdx_dropdown {
        background: rgb(20, 26, 36);
        padding: 10px;
    }
    #mw-header-container #p-personal ul li a {
        color: white !important;
    }
    #mw-header-container #p-personal ul li a:hover {
        background: transparent;
        text-shadow: 0 0 6px white;
    }
    #p-namespaces {
        margin-left: 44px;
    }
    #right-navigation {
        padding-right: 17px;
    }
    .vectorparadox-menu-tabs {
        background-size: unset;
        padding-left: 0;
    }
    .vectorparadox-menu-tabs-legacy li a {
        background-image: unset;
        font-weight: normal;
        padding-top: 17px;
    }
    .vectorparadox-menu-tabs .selected {
        background: linear-gradient(to bottom,
            rgb(26, 39, 53),
            rgb(20, 20, 20));
        border-bottom: 1px solid rgb(20, 20, 20);
        margin: 0 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .vector...

Reviews

No reviews yet.