Skip to content

Instantly share code, notes, and snippets.

@juliendargelos
Created April 15, 2025 15:25
Show Gist options
  • Save juliendargelos/d3ea3fbd5d26d950868bb8090c681725 to your computer and use it in GitHub Desktop.
Save juliendargelos/d3ea3fbd5d26d950868bb8090c681725 to your computer and use it in GitHub Desktop.
Wikipedia custom stylesheet
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment