Skip to content

Instantly share code, notes, and snippets.

@juliendargelos
Created April 15, 2025 15:25
Show Gist options
  • Select an option

  • Save juliendargelos/d3ea3fbd5d26d950868bb8090c681725 to your computer and use it in GitHub Desktop.

Select an option

Save juliendargelos/d3ea3fbd5d26d950868bb8090c681725 to your computer and use it in GitHub Desktop.

Revisions

  1. juliendargelos created this gist Apr 15, 2025.
    111 changes: 111 additions & 0 deletions wikipedia-custom-stylesheet.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,111 @@
    body {
    --background-color-base: #000;
    --color-base: rgba(255, 255, 255, 0.6);
    --border-color-base: rgba(255, 255, 255, 0.15);
    --background-color-interactive: rgba(255, 255, 255, 0.15);
    --border-color-subtle: rgba(255, 255, 255, 0.15);
    --color-progressive: #fff;
    --color-visited: #fff;
    }

    a, a:visited, a:hover, a:hover:visited {
    color: var(--color-progressive);
    }

    .mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    font-family: sans-serif;
    }

    .oo-ui-panelLayout-framed, .mw-parser-output .mp-box, .infobox {
    border-radius: 12px !important;
    }

    .infobox {
    border: none !important;
    padding: max(15px, 0.4em);
    }

    figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: none !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    }

    figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border: none !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    }

    figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    margin-top: 4px !important;
    border: none !important;
    border-radius: 6px;
    }

    .mw-parser-output .mp-h2, body.skin-timeless .mw-parser-output .mp-h2 {
    border-radius: 6px !important;
    border: none !important;
    padding: max(10px, 0.4em) max(15px, 0.8em) !important;
    margin: max(10px, 1em) 0 !important;
    }

    .mw-parser-output .mp-box {
    border: none !important;
    }

    .mw-parser-output .mp-box {
    padding: 0 max(10px, 1em) max(10px, 1em) !important;
    }

    .mw-parser-output #mp-welcomecount {
    margin: 0 !important;
    padding: max(10px, 1em) 0 !important;
    }

    .mw-parser-output .ib-settlement td, .mw-parser-output .ib-settlement th {
    padding: 0.8em 1.2em 0.8em 1.2em !important;
    }

    .mw-parser-output .ib-settlement tr:first-child td, .mw-parser-output .ib-settlement tr:first-child th,
    .mw-parser-output .ib-country tr:first-child td, .mw-parser-output .ib-country tr:first-child th {
    border-top: none !important;
    }

    .mw-heading1, h1 {
    border-bottom: none !important;
    }

    .vector-page-titlebar::after {
    display: none !important;
    }

    .infobox caption {
    margin-bottom: 10px !important;
    padding: 0.8em 1.2em 0.8em 1.2em !important;
    border-radius: 12px !important;
    }

    html.skin-theme-clientpref-os .hatnote:not(.notheme), html.skin-theme-clientpref-os .dablink:not(.notheme), html.skin-theme-clientpref-os .rellink:not(.notheme) {
    background: none !important;
    }

    .mw-heading, h1, h2, h3, h4, h5, h6 {
    padding-top: 1em !important;
    padding-bottom: 0.5em !important;
    }


    .mw-body .mw-heading2, .mw-body h2, .mw-body .mw-heading3, .mw-body h3, .mw-body .mw-heading4, .mw-body h4, .mw-body .mw-heading5, .mw-body h5, .mw-body .mw-heading6, .mw-body h6 {
    margin: 1em 0 1em 0 !important;
    }

    .mw-parser-output div.hatnote {
    margin-bottom: 1em !important;
    }

    img.mw-file-element {
    border-radius: 6px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    }
    5 changes: 5 additions & 0 deletions wikipedia-custom-stylesheet.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    # Wikipedia custom stylesheet

    https://en.wikipedia.org/wiki/Help:User_style

    ![Screenshot 2025-04-15 at 17 16 40](https://gist.github.com/user-attachments/assets/44f10733-867f-4b10-9685-b92931b7519e)