☰

Styles for Markdown Viewer

Cool CSS for Markdown Viewer

当前为 2024-07-14 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Styles for Markdown Viewer
// @namespace    muvsado
// @version      0.2.6
// @description  Cool CSS for Markdown Viewer
// @match        file:///*.md
// @match        file:///*.markdown
// @grant        GM_addStyle
// @run-at       document-start
// @license      Public Domain
// ==/UserScript==

GM_addStyle(`
    body {
        padding: 0px 10px 10px;
        font-family: sans-serif;
        color: #222222;
        margin: auto;
        max-width: 960px;
        /*background-color: #ffe;*/
        text-align: justify;
    }

    p {
        margin: 15px 0;
    }

    em, i {
        color: #777;
    }

    hr {
        margin: 20px 0 20px;
    }

    h1, h2, h3 {
        margin: 16px 0 12px;
    }

    ul, ol {
        padding-left: 36px;
    }

    li {
        margin: 3px 0;
    }

    pre, code {
        background-color: #e0e0e0;
        font-size: 14px;
    }

    pre {
        padding: 3px;
        border: 2px dotted #888;
    }

    table {
        border-collapse: collapse;
    }

    table td, th {
        border: 1px solid #cccccc;
        padding: 5px 7px;
    }

    a {
        /*color: #1010ff;*/
        border-bottom: 1px dotted;
        text-decoration: none;
    }

    .dead {
        color: #ff2222;
    }

    code {
        background: #e0e0e0;
    }

    pre {
        background: #e0e0e0;
        overflow-x: auto;
    }

    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    blockquote {
        padding: 0 .5rem;
        margin: 0;
        background: #eee;
    }

    blockquote p {
        padding: .4em 0;
    }
`);