Skip to content

Notebook.ai style tweaks 1.0.0 by tafkae

Screenshot of Notebook.ai style tweaks 1.0.0
Write a review Install Get Stylus

Details

Authortafkae

Licensehttps://choosealicense.com/licenses/unlicense/

Categoryhttps://www.notebook.ai

Created

Updated

Size2.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaks for Notebook.ai, including:

  • Smaller headers in Markdownable sections
  • Nicer-looking blockquotes
  • More compact spacing in lists, especially nested lists
  • Text in active textareas no longer changes size
  • Minor aesthetic tweaks for sectioning and readability

Notes

Should work in both dark and light mode.

Source code

/* ==UserStyle==
@name           notebook.ai - 9/25/2020, 7:27:50 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Style tweaks for Notebook.ai
@author         Me
==/UserStyle== */
@-moz-document domain("notebook.ai") {
    .card-content .grey-text {
        border-bottom: 2px solid;
        margin-bottom: 1.2rem;
    }

    .card-content .grey-text .uppercase {
        font-size: 220%;
        text-transform: none;
        font-variant: small-caps;
    }

    .input-field .grey-text {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .markdownable > h1,
    .markdownable > h2,
    .markdownable > h3,
    .markdownable > h4,
    .markdownable > h5,
    .markdownable > h6 {
        margin: 1.4rem 0 0.8rem 0;
        opacity: 0.8;
    }

    .markdownable > h3,
    .markdownable > h4,
    .markdownable > h5,
    .markdownable > h6 {
        font-style: italic;
    }

    .markdownable > h1 {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
        padding-bottom: 0.6rem;
        border-bottom: 1px dashed;
    }

    .markdownable > h2 {
        font-size: 1.65rem;
    }

    .markdownable > h3 {
        font-size: 1.5rem;
    }

    .markdownable > h4 {
        font-size: 1.35rem;
    }

    .markdownable > h5 {
        font-size: 1.2rem;
    }

    .markdownable > h6 {
        font-size: 1.1rem;
    }

    .markdownable ul,
    .markdownable ol {
        margin-top: -1em;
        margin-bottom: -1em;
    }

    .markdownable ul ul,
    .markdownable ol ol,
    .markdownable ul ol,
    .markdownable ol ul {
        margin-top: -1.4em;
        margin-bottom: -2.2em;
    }

    .markdownable ul li,
    .markdownable ol li {
        margin-top: -0.4em;
    }

    .markdownable blockquote {
        margin: 0.6rem 2rem;
        padding: 0.3rem 1.5rem 0.6rem;
        border-left: 5px solid CornflowerBlue;
    }

    .markdownable blockquote p:first-of-type {
        margin-top: 0 !important;
    }

    .markdownable blockquote p:last-of-type {
        margin-bottom: 0 !important;
    }

    .markdownable blockquote > br {
        display: none;
    }

    .content-field textarea,
    .content-field.focused textarea {
        font-size: 100%;
    }
}

Reviews

No reviews yet.