/* To enable:
 * - set toolkit.legacyUserProfileCustomizations.stylesheets
 * - move this file to $profiledir/chrome
 *
 * References:
 * https://web.archive.org/web/20211023121642/https://kb.mozillazine.org/UserContent.css
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@document
 *
 * Lest this file become little more than a slightly disguised
 * collection of web design pisstakes, I'll also list some websites
 * whose layout I find functional and praiseworthy:
 *
 * https://drewdevault.com
 * https://jvns.ca
 * https://lobste.rs
 * https://nullprogram.com
 */

@-moz-document domain(askubuntu.com), domain(serverfault.com),
               domain(stackexchange.com), domain(stackoverflow.com),
               domain(superuser.com) {

    /* https://stackoverflow.blog/2022/01/25/attention-distraction-focus-flow-state-programming/
     *
     * > Modern apps have been engineered to capture your attention.
     * > We explore how to break free and find more focus for your own
     * > programming.
     *
     * Not that you'd know anything about "engineering to capture our
     * attention", eh SX?
     *
     * (2014) https://meta.stackexchange.com/questions/222721/how-to-avoid-hot-network-questions-on-the-sidebar
     * (2015) https://meta.stackoverflow.com/questions/284350/can-we-have-an-adhd-stack-overflow-version
     * (2015) https://meta.stackoverflow.com/questions/308022/is-it-a-good-idea-to-disable-hot-network-questions-to-boost-productivity
     * (2019) https://meta.stackexchange.com/questions/325060/updating-the-hot-network-questions-list-now-with-a-bit-more-network-and-a-litt
     *
     * > User preference to remove HNQ sidebar section globally
     *
     * 👏
     *
     * Keeping the CSS rules because I'm not always logged in.
     */

    #hireme, #hot-network-questions {
        display: none;
    }
}

@-moz-document domain(cr.yp.to) {
    body {
        margin: auto;
        max-width: 50em;
    }
}

@-moz-document domain(danluu.com) {
    body {
        max-width: 40em;
        margin: auto;
    }
}

@-moz-document domain(en.wikipedia.org) {
    body {
        margin: auto !important;
        max-width: 60em;
    }

    #mw-head {
        right: auto !important;
        max-width: 60em;
    }

    #mw-panel {
        left: auto !important;
    }
}

@-moz-document domain(lists.debian.org) {
    body {
        margin: auto !important;
        max-width: fit-content;
    }
}

@-moz-document domain(list.orgmode.org), domain(lore.kernel.org) {
    body {
        margin: auto;
        max-width: 60em;
    }

    pre {
        white-space: pre !important;
    }

    .q {
        white-space: pre-wrap !important;
    }
}

@-moz-document domain(lwn.net) {
    /* Colors. */

    body {
        color: white !important;
        background-color: black !important;
    }

    td select, select[name=viewtimes] {
        color: black !important;
    }

    .AnnLine > span, table.OddEven tr:nth-child(2n), table.OddEven th {
        background-color: black !important;
    }
    #menu, .navmenu ul, .topnav-container, .Form, .FeatureByline, .GAByline,
    .tlrw, .IndexEntries, .AnnLine:nth-child(2n) > span, .Even,
    table.OddEven tr:nth-child(2n+1), .MLThread {
        background-color: #181818 !important;
    }
    .logo, .logobl {
        color: #090 !important;
    }

    .Subscription {
        color: #0c0 !important;
    }

    a {
        color: deepskyblue !important;
    }
    a:hover {
        background-color: #181818 !important;
    }

    .Headline, .Cat1HL, .Cat2HL, .Cat3HL, .CommentTitle {
        background-color: #310 !important;
        color: white !important;
    }
    .CommentBox {
        border-color: #310 !important;
    }
    .OldCommentBox .CommentTitle {
        background-color: #181818 !important;
    }
    .OldCommentBox {
        border-color: #181818 !important;
    }

    BLOCKQUOTE.bq, SPAN, div:not(.AnnLine) > span, .BigQuote, .QuotedText, Q {
        color: pink !important;
        background-color: black !important;
        /* https://lwn.net/Articles/897045/ */
    }

    .AnnLine span, .PageHeadline h1 {
        color: white !important;
    }

    /* Layout. */
    .maincolumn {
        max-width: 60em;
        margin: auto;
    }
}

@-moz-document domain(martinfowler.com) {
    body {
        max-width: fit-content;
        margin: auto !important;
    }
}

@-moz-document domain(mjg59.dreamwidth.org) {
    .column-right #content {
        max-width: 45em;
        margin: auto;
    }
}

@-moz-document domain(pubs.opengroup.org) {
    body {
        max-width: 40em;
        margin: auto !important;
    }
}

@-moz-document domain(reddit.com) {
    #siteTable, .commentarea {
        max-width: 80em;
        margin: auto !important;
    }

    section.listingsignupbar, section.commentsignupbar,
    aside.read-next.active {
        display: none !important;
    }
}