userContent.css (4364B)
1 /* To enable: 2 * - set toolkit.legacyUserProfileCustomizations.stylesheets 3 * - move this file to $profiledir/chrome 4 * (Firefox does not read "~/.config/firefox"; I just wanted a 5 * somewhat memorable directory for this dotfile) 6 * 7 * References: 8 * https://web.archive.org/web/20211023121642/https://kb.mozillazine.org/UserContent.css 9 * https://developer.mozilla.org/en-US/docs/Web/CSS/@document 10 * 11 * To elevate this file slightly above "thinly disguised collection of 12 * web design pisstakes", I'll also list some websites whose layout I 13 * find functional and praiseworthy: 14 * 15 * https://aphyr.com 16 * https://drewdevault.com 17 * https://jvns.ca 18 * https://lobste.rs 19 * https://nullprogram.com 20 * https://protesilaos.com 21 * https://rachelbythebay.com/w 22 * https://www.joshwcomeau.com 23 * https://www.stilldrinking.org 24 */ 25 26 @-moz-document domain(askubuntu.com), domain(serverfault.com), 27 domain(stackexchange.com), domain(stackoverflow.com), 28 domain(superuser.com) { 29 30 /* https://stackoverflow.blog/2022/01/25/attention-distraction-focus-flow-state-programming/ 31 * 32 * > Modern apps have been engineered to capture your attention. 33 * > We explore how to break free and find more focus for your own 34 * > programming. 35 * 36 * Not that you'd know anything about "engineering to capture our 37 * attention", eh SX? 38 * 39 * (2014) https://meta.stackexchange.com/questions/222721/how-to-avoid-hot-network-questions-on-the-sidebar 40 * (2015) https://meta.stackoverflow.com/questions/284350/can-we-have-an-adhd-stack-overflow-version 41 * (2015) https://meta.stackoverflow.com/questions/308022/is-it-a-good-idea-to-disable-hot-network-questions-to-boost-productivity 42 * (2019) https://meta.stackexchange.com/questions/325060/updating-the-hot-network-questions-list-now-with-a-bit-more-network-and-a-litt 43 * 44 * > User preference to remove HNQ sidebar section globally 45 * 46 * 👏 47 * 48 * Keeping the CSS rules because I'm not always logged in. 49 */ 50 51 #hireme, #hot-network-questions, .s-sidebarwidget__yellow { 52 display: none; 53 } 54 } 55 56 @-moz-document domain(bugs.debian.org), domain(debbugs.gnu.org) { 57 body { 58 margin: auto !important; 59 max-width: 40em; 60 } 61 } 62 63 @-moz-document domain(cr.yp.to) { 64 body { 65 margin: auto; 66 max-width: 50em; 67 } 68 } 69 70 @-moz-document domain(danluu.com) { 71 body { 72 max-width: 40em; 73 margin: auto; 74 } 75 } 76 77 @-moz-document domain(emacswiki.org) { 78 .content.browse { 79 max-width: 70ch; 80 margin: auto; 81 } 82 } 83 84 @-moz-document domain(inbox.sourceware.org), domain(list.orgmode.org), 85 domain(lore.kernel.org), domain(yhetil.org) { 86 87 pre { 88 margin: auto; 89 max-width: 120ch; 90 } 91 92 .q { 93 white-space: pre-wrap !important; 94 } 95 } 96 97 @-moz-document domain(lists.debian.org), domain(lists.freedesktop.org), 98 domain(lists.gnu.org), 99 regexp("https://sourceware.org/pipermail/.*") { 100 body { 101 margin: auto !important; 102 max-width: fit-content; 103 } 104 } 105 106 @-moz-document regexp("https://lwn.net/.*") { 107 .maincolumn { 108 max-width: 60em; 109 margin: auto; 110 } 111 } 112 113 @-moz-document domain(martinfowler.com) { 114 body { 115 max-width: fit-content; 116 margin: auto !important; 117 } 118 } 119 120 @-moz-document domain(mjg59.dreamwidth.org) { 121 .column-right #content { 122 max-width: 45em; 123 margin: auto; 124 } 125 } 126 127 @-moz-document domain(pubs.opengroup.org) { 128 body { 129 max-width: 40em; 130 margin: auto !important; 131 } 132 } 133 134 @-moz-document domain(reddit.com) { 135 #siteTable, .commentarea { 136 max-width: 80em; 137 margin: auto !important; 138 } 139 140 section.listingsignupbar, section.commentsignupbar, 141 aside.read-next.active { 142 display: none !important; 143 } 144 } 145 146 @-moz-document domain(undeadly.org) { 147 main { 148 display: grid; 149 grid-template-columns: 75% 25%; 150 } 151 152 #primary { 153 min-width: unset; 154 width: unset !important; 155 float: unset !important; 156 max-width: 70ch; 157 margin: auto; 158 } 159 160 #extras { 161 width: unset !important; 162 float: unset !important; 163 } 164 } 165 166 @-moz-document domain(wiki.debian.org) { 167 body { 168 margin: auto !important; 169 max-width: 60em; 170 } 171 }