better-gutenberg.user.css

/* ==UserStyle==
@name Better Gutenberg
@namespace BetterGutenberg
@version 1.1.5
@author Emmanuel Menon <emmanuel@emmanuelmenon.com> (https://emmanuelmenon.com)
@description An attempt at making reading Project Gutenberg books a little easier on the eyes.
@homepageURL https://github.com/emmanuelmenon/better-gutenberg
@supportURL https://github.com/emmanuelmenon/better-gutenberg/issues
@updateURL https://raw.githubusercontent.com/emmanuelmenon/better-gutenberg/main/better-gutenberg.user.css
@license Unlicense
==/UserStyle== */
/*@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');*/ /* Source Serif Pro from Google Fonts */
@-moz-document regexp("https:\/\/(www\.)*?gutenberg\.org\/files\/\d{1,}\/\d{1,}-h\/\d{1,}-h.htm(#\w{1,})*?") {
    /* Basic */
    body {
        background: white; /* More "bookish" color - #fff8e5 */
        width: 50%;
        margin: 0 auto;
        font-family: 'Source Serif Pro', 'Georgia', serif;
        font-size: 200%;
        text-align: justify;
        text-rendering: optimizeLegibility;
        line-height: 1;
    }

    /* Text Styling */
    pre {
        font-style: italic;
    }
    h1,
    h2,
    h3,
    h4,
    pre {
        text-align: center;
        clear: both;
    }
    h1 {
        font-size: 2.25em;
        margin: 0.5em 0;
    }
    h2 {
        font-size: 1.5em;
        margin: 0.75em 0;
    }
    h3 {
        font-size: 1.125em;
        margin: 1em 0;
    }
    h4 {
        font-size: 0.875em;
        line-height: 1.285;
        margin: 1.285em 0;
    }
    p,
    blockquote,
    .poetry,
    p.poem {
        font-size: 0.75em;
        line-height: 1.5;
        margin: 1.5em 0;
    }
    p + p {
        text-indent: 3em;
    }
    .foot,
    .pagenum,
    pre {
        font-size: 0.625em;
        line-height: 1.8;
        margin: 1.8em 0;
    }

    /* Line Dividers*/
    hr {
        width: 10%;
        text-align: center;
        margin: 1.5em auto;
        clear: both;
    }

    /* Chapters */
    div.chapter {
        page-break-before: always;
        margin-top: 4em;
    }

    /* Footers */
    .foot {
        margin: 5em 0;
        text-align: justify;
        text-indent: -3em;
    }

    /* Blockquotes */
    blockquote {
        color: grey;
        font-style: italic;
        padding: 1.5em;
    }

    /* Poetry */
    div.poetry-container, p.poem {
        text-align: center;
        color: grey;
        font-style: italic;
    }
    .poetry, p.poem {
        text-align: left;
        margin: 0 0 0 5em;
    }
    .poetry .indent0 {
        text-indent: -3em;
    }
    .poetry .indent2 {
        text-indent: -2em;
    }
    .poetry .stanza {
        margin: 1em auto;
    }
    .poetry .verse {
        text-indent: -3em;
        padding-left: 3em;
    }
    .poetry .citation {
        text-align: right;
    }

    /* Transcriber's Notes */
    .mynote, .transnote {
        background-color: #DDE;
        border-radius: 0.5em;
        padding: 5em;
        margin: 0 auto;
        width: 15em;
        max-width: 20em;
    }
    .mynote p, .transnote p {
        text-align: left;
        text-indent: 0;
    }
    .mynote b {
        font-size: 0.875em;
        line-height: 1.285;
        margin: 1.285em 0 -1.75em;
    }

    /* Table of Contents */
    .toc,
    .index ul {
        margin: 2.5em 0;
        text-indent: 0;
        list-style: none;
    }
    blockquote > .toc {
        text-align: center;
    }

    /* Figures & Tables */
    table {
        margin: 0 auto;
        padding: 0.25em;
    }
    div.fig {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .figleft {
        float: left;
        margin-left: 0;
        margin-right: 1.5em;
    }
    .figright {
        float: right;
        margin-right: 0;
        margin-left: 1.5em;
    }
    .figcenter {
        margin: auto;
        text-align: center;
        page-break-inside: avoid;
        max-width: 50%;
    }

    /* Page Numbers - uncomment visibilty to hide them */
    .pagenum {
        /* visibility: hidden; */
        position: absolute;
        display: inline;
        padding: 0;
        right: 0;
    }

    /* Images */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Misc */
    .middle {
        margin: 0 auto;
    }
    .smaller {
        font-size: smaller;
    }
    .larger {
        font-size: larger;
    }
    .smcap {
        font-variant: small-caps;
    }
    .center {
        text-align: center;
    }
    .left, .tdl {
        text-align: left;
    }
    .right, .tdr {
        text-align: right;
    }
    .noindent {
        text-indent: 0%;
    }
    .asterism {
        text-align: center;
    }
    .dropcap {
        float: left;
        padding-right: 0.1em;
        margin: 0.5em 0;
        font-size: 2.25em;
    }
    .tbrk {
        margin-top: 2.75em;
        text-align: justify;
        margin-bottom: 0.75em;
    }
}