Firefox Reader-Mode CSS

/* Formats for Reader Mode */
@-moz-document url-prefix("about:reader") {

    html {
    font-size: 1rem !important;
    }

    body {
    font-family: Garamond, Times, serif !important;
    }

    body.sepia {
    background-color: #fffff8 !important;
    color: #330 !important;
    }

    img,
    img[moz-reader-center] {
    float: right !important;
    clear: right !important;
    padding: 0.5em !important;
    margin: 1em !important;
    border: solid 1px #ccc !important;
    }

    #container {
    max-width: 37em !important;
    padding: 1em 4em !important;
    }

    #container .font-size5 {
    font-size: 1rem !important;
    }

    a {
    color: #2a5ab5 !important;
    text-decoration: none !important;
    transition-property: color, background-color !important;
    transition-duration: 0.3s !important;
    transition-timing-function: linear !important;
    transition-delay: 0.1s !important;
    }

    body.dark a {
        color: #6abaf5 !important;
    color: #f0f8ff !important;
        color: #a0b6df !important;
    }

    a:hover {
    background-color: #f0f8ff !important;
    text-decoration: underline !important;
    }

    body.dark a:hover {
        color: #c0d6ff !important;
        background-color: #555555 !important;
    }

    a:active {
    background-color: #2a5ab5 !important;
    color: #fffff6 !important;
    }

    body.dark a:active {
    color: #2a5ab5 !important;
    background-color: #fffff6 !important;
    }

    /* General article formatting... */
    #container p,
    #container code,
    #container pre,
    /* #container blockquote, */
    #container ul,
    #container ol,
    #container li,
    #container figure,
    #container .wp-caption {
        margin: 0.25em !important;
    padding: 0.25em !important;
    }

    #container blockquote,
    #container .entry-content blockquote,
    #container body.sepia blockquote {
    margin-top: 1.5em !important;
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
    border: none !important;
    -moz-border-start: none !important;
    }

    /* First-graf initial and boldline */

    #readability-page-1 p:first-of-type {
    margin-top: 3em !important;
    }

    #readability-page-1 p:first-of-type:first-line {
    font-weight: bold !important;
    }

    #readability-page-1 p:first-of-type:first-letter {
    float: left !important;
    font-size: 6em !important;
    line-height: 0.75 !important;
    padding-right: 0.05em !important;
    color: #330 !important;
    font-weight: normal;
    }

    #readability-page-1 center p:first-of-type:first-letter,
    #readability-page-1 p[align="center"]:first-of-type:first-letter {
        float: none !important;
    }

    body.dark #readability-page-1 p:first-of-type:first-letter {
        color: #eeeeee !important;
    }

    /* Not for blockquotes */
    #readability-page-1 blockquote>p:first-of-type {
        margin-top: inherit !important;
    }

    /*
    #readability-page-1 blockquote>p:first-of-type:first-line {
        font-weight: inherit !important;
    }
    */

    #readability-page-1 blockquote>p:first-of-type:first-letter {
        float: none !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    padding-right: none !important;
    color: inherit !important;
    }


    /* Adverts */

    .ad {
    display: none !important;
    }

    /* Site-specific crap */

    /* USA Today, interstitial teasers */
    .exclude-from-newsgate

    /* Esquire */
    , .breaker-ad
    , .vertical-ad
    , .breaker-ad-text

    /* NewScientist */
    , #mpu-mid-article
    , .mpu

    {
        display: none !important;
    }
}