Skip to content

Instantly share code, notes, and snippets.

@Canowyrms
Last active March 3, 2025 05:12
Show Gist options
  • Save Canowyrms/17cd0f2966addaf305a0b5d9824e63f0 to your computer and use it in GitHub Desktop.
Save Canowyrms/17cd0f2966addaf305a0b5d9824e63f0 to your computer and use it in GitHub Desktop.
Stylus stylesheets
/**
* 5e Tools Tweaks
*
* ✅ GitHub Gist
* Applies to: 5e.tools
* Updated: 2025-03-01
*/
/* ????
.stats--book {
font-size: 16px;
}
*/
/* Broad tweaks */
.classes .stats,
.stats,
.stats--book,
.cls-nav {
font-family: 'Castoro', serif;
}
.classes .stats {}
.stats {}
.stats--book {}
.cls-nav {}
/* Stats sidebar and headings in main content */
.stats {
font-size: 14px;
}
/* Description pop-out window */
.hwin .stats {
font-size: 18px;
}
/* Main page content */
#pagecontent {
.rd__b {
font-size: 18px;
p { margin-bottom: 0.5rem; }
}
.entry-title-inner::before {
width: 20px;
height: 20px;
top: 10px;
right: 22px;
font-size: 16px;
}
}
/* Stats/nav sidebar */
#statsprof {
.cls-side__section {
font-size: 1em;
}
}
#sticky-nav {}
/* Outline navigation */
.cls-nav {
font-size: 16px;
.cls-nav__item {
margin-bottom: 0.25rem;
}
}
/**
* Global Tweaks
*
* ✅ GitHub Gist
* Applies to: everything
* Updated: 2025-03-02
*/
code,
pre {
font-family: 'Fira Code Retina', monospace !important
}
/**
* AR Tweaks
*
* ✅ GitHub Gist
* Applies to: [redacted]
* Updated: 2025-03-02
*/
/**
* Global / multi-page
*/
body {
font-family: "Open Sans", sans-serif;
}
.thin {
width: auto;
max-width: 50vw;
}
table {
font-size: 13px;
}
/**
* Single
*/
.main_column {
width: auto;
}
.details + .box .body {
font-family: "Fira Code Retina", monospace;
font-size: 13px;
}
/**
* ChatGPT Tweaks
*
* ✅ GitHub Gist
* Applies to: chatgpt.com
* Updated: 2025-03-02
*/
div.text-message[data-message-author-role="assistant"] {
font-family: 'VC Honey', sans-serif;
/*
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
*/
.prose {
font-size: 1.25rem;
}
}
/**
* Discord Tweaks
*
* ✅ GitHub Gist
* Applies to: discord.com
* Updated: 2025-03-02
*/
:root {
--bm-message-width: 75ch;
}
li[class*="messageListItem"] {
max-width: var(--bm-message-width);
margin-top: 0.5rem
}
div[class*="channelTextArea"] {
max-width: max-content;
}
div[class*="channelTextArea"] div[class*="textAreaSlate"] {
flex: 1 1 var(--bm-message-width);
width: var(--bm-message-width);
max-width: 100%;
}
/**
* D&D Beyond Tweaks
*
* ✅ GitHub Gist
* Applies to: dndbeyond.com
* Updated: 2025-03-02
*/
/* Fixes character sheet page being slightly taller than viewport */
html:has(body.body-rpgcharacter-sheet) {
overflow: auto;
}
body.body-rpgcharacter-sheet {
overflow: hidden;
}
/* Poor man's darkmode */
body.body-rpgcharacter-sheet:has(.ct-character-sheet--dark-mode) {
/* backdrop-filter: invert(1); */
}
/**
* DOS2 FextraLife Tweaks
*
* ✅ GitHub Gist
* Applies to:
* 1. URLs on the domain - divinityoriginalsin2.wiki.fextralife.com
* 2. Specific URL - https://divinityoriginalsin2.wiki.fextralife.com/Runes
* Updated: 2025-03-02
*/
@-moz-document domain("divinityoriginalsin2.wiki.fextralife.com") {
#wrapper {
padding-left: 0;
}
/* #wiki-content-block > .table-responsive .wiki_table {
width: auto !important;
min-width: max-content !important;
} */
/* #wiki-content-block > .table-responsive .wiki_table thead * {
min-width: max-content !important;
} */
#wiki-content-block > .table-responsive .wiki_table tr {
height: auto !important;
}
/* #wiki-content-block > .table-responsive .wiki_table th,
#wiki-content-block > .table-responsive .wiki_table td {
min-width: max-content !important;
height: 4em !important;
} */
#wiki-content-block > .table-responsive .wiki_table th:last-child,
#wiki-content-block > .table-responsive .wiki_table td:last-child {
min-width: unset !important;
}
/* .wiki_table tr td:not(:first-child) img {
display: none;
} */
/* #wiki-content-block > .table-responsive .wiki_table p {
min-width: max-content;
margin: 0;
} */
}
@-moz-document url("https://divinityoriginalsin2.wiki.fextralife.com/Runes") {
#wiki-content-block > .table-responsive .wiki_table th:nth-child(2),
#wiki-content-block > .table-responsive .wiki_table td:nth-child(2),
#wiki-content-block > .table-responsive .wiki_table th:nth-child(3),
#wiki-content-block > .table-responsive .wiki_table td:nth-child(3),
#wiki-content-block > .table-responsive .wiki_table th:nth-child(4),
#wiki-content-block > .table-responsive .wiki_table td:nth-child(4) {
display: none;
}
#wiki-content-block > .table-responsive .wiki_table tr,
#wiki-content-block > .table-responsive .wiki_table th,
#wiki-content-block > .table-responsive .wiki_table td {
height: min-content !important;
height: 52px !important;
}
#wiki-content-block > .table-responsive .wiki_table td {
vertical-align: top;
}
#wiki-content-block > .table-responsive .wiki_table td p {
height: min-content !important;
margin: 0;
}
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+2):not(:nth-child(1n+22)),
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+30):not(:nth-child(1n+33)),
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+34):not(:nth-child(1n+38)),
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+39):not(:nth-child(1n+43)),
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+44):not(:nth-child(1n+48)),
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+49):not(:nth-child(1n+53)),
#wiki-content-block > .table-responsive .wiki_table tr:nth-child(1n+54):not(:nth-child(1n+58)) {
display: none;
}
}
/**
* GitHub Tweaks
*
* ✅ GitHub Gist
* Applies to: github.com
* Updated: 2025-03-02
*/
pre,
.blob-code-inner,
.blob-code-inner > *,
.CodeMirror pre > span,
.CodeMirror-linenumber {
font-family: monospace !important
}
/**
* Instagram Tweaks
*
* ✅ GitHub Gist
* Applies to: instagram.com
* Updated: 2025-03-02
*/
/* Fix right-click on images */
div:has(> img) {
z-index: 999;
}
/* Fix shit in front of <video> */
/*
video + div > div {
pointer-events: none;
}
*/
/**
* MAM Tweaks
*
* ✅ GitHub Gist
* Applies to: [redacted]
* Updated: 2025-03-02
*/
a.biglink {}
a.fLeech {
display: inline-block;
display: list-item;
max-width: max-content;
margin-bottom: 0.25rem;
padding: 0;
text-indent: initial;
}
/**
* NDAX Tweaks
*
* ✅ GitHub Gist
* Applies to: ndax.io
* Updated: 2025-03-02
*/
.ndax-trade-instrument-selector__table,
.ndax-trade-instrument-selector__table > tr {
height: max-content;
}
.ndax-trade-instrument-selector__table > tr:not(:first-child) th,
.ndax-trade-instrument-selector__table > tr:not(:first-child) td {
padding: 1rem 0;
}
/**
* Nebula Player Tweaks
*
* ✅ GitHub Gist
* Applies to: https?:\/\/(www\.)?nebula\.app\/videos\/.+
*/
:root {
--masthead-container-height: 72px;
}
/* Page container. */
#NebulaApp {
height: 100vh;
/* Scroll-snap styles */
overflow-y: scroll;
scroll-snap-type: y proximity;
}
/* Masthead */
#NebulaApp >:first-child {
position: static;
/* Scroll-snap styles */
scroll-snap-align: start;
}
/* The rest of the page */
#NebulaApp >:nth-child(2) {
position: static;
margin-top: 0;
/* Scroll-snap styles */
scroll-snap-align: start;
}
.vjs-theater-mode .video-js {
height: calc(100vh - var(--masthead-container-height));
padding-top: 0;
/* Scroll-snap styles */
height: 100vh;
}
/**
* Nyaa.si Tweaks
*
* ✅ GitHub Gist
* Applies to: nyaa.si
* Updated: 2025-03-02
*/
.container {
width: max-content;
max-width: 100%;
}
.table > tbody > tr > td:nth-child(2) {
width: auto;
max-width: 100%;
}
/**
* Reddit API Tweaks
*
* ✅ GitHub Gist
* Applies to: reddit.com
* Updated: 2025-03-02
*/
.content.api-help {
display: flex;
flex-flow: row nowrap;
justify-content: center;
max-width: unset;
.sidebar {
margin-top: 20px;
.head {
display: none;
}
.toc {
width: auto;
max-width: max-content;
background: #181818;
li a {
display: inline-block;
&::after {
content: '';
}
}
.mode-selector {
display: block;
width: max-content;
}
}
}
.contents {
max-width: 960px;
margin-left: 0;
}
}
/**
* Reddit Tweaks
*
* ✅ GitHub Gist
* Applies to: reddit.com
* Last updated: 2024-12-01
*/
/**
* Global / multi-page
*/
/* Readbility tweaks */
body {
font-family: "Noto Sans", sans-serif !important;
.top-matter a.title,
.usertext-body,
.res-expando-box {
font-family: "VC Honey", serif !important;
}
.top-matter {
.title {
font-size: 24px !important;
font-weight: 600;
line-height: 1;
.domain {
font-weight: normal;
}
}
.tagline {
font-size: 12px !important;
}
}
.usertext-body {
max-width: 50em;
font-size: 1.3em;
.md p {
white-space: pre-wrap;
}
}
.entry .usertext-body {
/*font-size: 1.4em;*/
font-size: 18px;
}
.res-expando-box .res-caption {
font-size: 18px;
}
}
body.listing-page {
.top-matter p.title {
display: inline-block;
max-width: 50em;
}
}
/* ./readability */
/**
* Single
*/
/* Fix sidebar overflow */
div.side {
overflow: hidden;
}
/**
* ShortGirlTallOrder Tweaks
*
* ✅ GitHub Gist
* Applies to: https?:\/\/(www\.)?shortgirltallorder\.com\/wprm_print\/.+
*/
:root {
--font-family-serif: 'Libre Baskerville', Georgia, serif;
--font-family-sans: 'Open Sans', sans-serif;
}
.wprm-recipe {
width: 100% !important;
max-width: unset;
}
.wprm-recipe-template-recipe-template-2 {
border: none !important;
}
.wprm-recipe-template-recipe-template-2-container,
.wprm-recipe-template-recipe-template-2-header {
background: #fff;
}
.wprm-recipe a {
text-decoration: none;
color: initial !important;
}
.wprm-recipe-template-recipe-template-2 h1,
.wprm-recipe-template-recipe-template-2 h2,
.wprm-recipe-template-recipe-template-2 h3,
.wprm-recipe-template-recipe-template-2 h4,
.wprm-recipe-template-recipe-template-2 h5,
.wprm-recipe-template-recipe-template-2 h6 {
font-family: var(--font-family-sans);
}
.wprm-recipe-template-recipe-template-2,
.wprm-recipe-template-recipe-template-2 p,
.wprm-recipe-template-recipe-template-2 li {
font-family: var(--font-family-serif);
}
.wprm-recipe-template-recipe-template-2 .wprm-recipe-header {
margin-bottom: 0.4em !important;
}
.wprm-recipe-ingredients-container {
display: flex;
flex-flow: row wrap;
}
.wprm-recipe-ingredients-container h3 {
width: 100%;
}
.wprm-recipe-ingredients-container .wprm-recipe-ingredient-group:has(+ .wprm-recipe-ingredient-group) {
width: 50%;
padding-right: 20px;
}
.wprm-recipe-ingredients-container .wprm-recipe-ingredient-group:nth-of-type(2) {
width: 50%;
}
.wprm-recipe-ingredients-container .wprm-recipe-ingredient-group-name {
margin-top: 0.2em !important;
margin-bottom: 0.6em !important;
}
.wprm-recipe-ingredients>li {
padding-top: 2px !important;
padding-bottom: 2px !important;
font-family: var(--font-family-serif);
}
.wprm-recipe-ingredients>li:nth-child(even) {
background: #fafafa;
}
.wprm-recipe-instructions-container,
.wprm-recipe-notes-container {
page-break-before: always;
}
.wprm-recipe-instructions-container .wprm-recipe-instruction-group-name {
margin-top: 0.8em !important;
margin-bottom: 0.6em !important;
}
/**
* Nutrition labels
*/
.wprm-nutrition-label-container>span:nth-child(odd) {
display: block;
width: max-content;
}
.wprm-nutrition-label-container>span:nth-child(even) {
display: none;
}
.wprm-nutrition-label-container>span:nth-child(4n+3) {
background: #fafafa;
}
.wprm-nutrition-label-text-nutrition-label {
display: inline-block;
min-width: 200px;
color: #000 !important;
}
.wprm-nutrition-label-text-nutrition-value {
display: inline-block;
min-width: 32px;
text-align: right;
padding-right: 4px;
}
.wprm-nutrition-label-text-nutrition-unit {
display: inline-block;
min-width: 100px
}
.wprm-call-to-action {
display: none !important;
}
/**
* SolidJS Dev Docs Tweaks
*
* ✅ GitHub Gist
* Applies to: solidjs.com
*/
.prose {
font-family: 'Noto Serif';
}
.prose pre {
font-family: 'FiraCode Nerd Font';
}
.prose blockquote {
font-style: normal;
}
.prose p {
max-width: 75ch;
}
.prose > *:not(pre) {font-size: 1.25em}
.prose h1 {font-size: 3.052rem}
.prose h2 {font-size: 2.441em }
.prose h3 {font-size: 1.953em }
.prose h4 {font-size: 1.563em }
.prose h5 {font-size: 1.25em }
/**
* Twitch Tweaks
*
* ✅ GitHub Gist
* Applies to: twitch.tv
* Updated: 2025-03-02
*/
#bttv-picture-in-picture {
display: none !important;
}
.chat-input>div:last-child .chat-input__buttons-container {
flex-grow: 0;
flex-shrink: 1;
}
.video-player video {
height: auto;
}
/**
* Typescript Dev Docs Tweaks
*
* ✅ GitHub Gist
* Applies to: typescriptlang.org
* Updated: 2025-03-02
*/
#handbook-content {
/*font-family: Castoro;*/
/*font-size: 1.25em;*/
/*font-family: 'Libre Baskerville';*/
/*font-size: 1.15em;*/
font-family: 'Noto Serif';
font-size: 1.25em;
}
#handbook-content p {
line-height: 1.5;
}
.markdown h1 {}
.markdown h2 {}
.markdown h3 {
font-size: 1.1875em;
}
.markdown blockquote {
font-size: 0.8em;
}
.markdown code {
font-family: 'Fira Code Retina';
line-height: 1.5;
}
/**
* Wikipedia Tweaks
*
* ✅ GitHub Gist
* Applies to: wikipedia.org
* Updated: 2025-03-02
*/
#content {
font-family: 'Noto Serif';
font-size: 20px;
}
/**
* WIP: New Old Reddit
*
* ❌ GitHub Gist
* Applies to: reddit.com
* Updated: 2025-03-02
*/
body {
display: grid;
grid-template-columns: calc(100% - 310px) 300px;
grid-auto-rows: min-content;
grid-template-areas:
"header header"
"main sidebar"
"footer footer";
max-width: 1433px;
margin: 0 auto;
}
#header {
grid-area: header;
}
div.side {
grid-area: sidebar;
}
div.content {
grid-area: main;
}
div.footer-parent {
grid-area: footer;
}
body.with-listing-chooser .listing-chooser .grippy {
z-index: 1;
}
/**
* More readable comments
*/
.md,
.md textarea {
font-size: 15px;
font-family: 'Libre Baskerville', serif;
letter-spacing: 0.5px;
/*font-family: 'Merriweather', serif;*/
/*letter-spacing: 1px;*/
/*font-weight: bold;*/
/*hyphens: auto;*/
}
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
font-weight: bold;
}
.md p:not(:first-child):not(:last-child) {
margin: 8px 0;
}
.md,
.md textarea,
.md .-text,
.md p,
.md pre > code,
.md th,
.md td,
.md li {
line-height: 24px;
}
.md blockquote br {
display: block;
margin: 4px 0;
}
.thing.res-selected {
outline: 2px dashed;
}
.res-nightmode .entry.res-selected,
.res-nightmode .entry.res-selected .md-container {
background-color: unset !important;
}
/**
* WP Dev Docs Tweaks
*
* ✅ GitHub Gist
* Applies to: developer.wordpress.org
* Updated: 2025-03-02
*/
.single-handbook #content {
max-width: 1400px;
}
.wporg-developer-code-block,
.wporg-developer-code-block code,
.wporg-developer-code-block span {
font-family: 'FiraCode Nerd Font' !important;
}
/**
* YouTube Tweaks
*
* ✅ GitHub Gist
* Applies to: youtube.com
* Updated: 2025-03-02
*/
@import url('https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&display=swap');
/* Enforce preferred caption typeface. */
span.ytp-caption-segment {
/* background: rgba(8, 8, 8, 0.35) !important; */
background: none !important;
color: rgba(255, 255, 255, 0.75) !important;
font-family: 'Castoro', serif !important;
font-weight: 600;
letter-spacing: 0.05ch;
text-shadow:
0.04em 0.04em 0 #000,
-0.04em 0.04em 0 #000,
-0.04em -0.04em 0 #000,
0.04em -0.04em 0 #000;
filter: drop-shadow(0px 0px 0.2em black);
/* opacity: 0.65; */
}
/* Prevent captions from being moved around. */
.caption-window {
background: none !important;
pointer-events: none !important;
overflow: initial !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment