☰

Styles for Markdown Viewer

Cool CSS for Markdown Viewer

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

  1. // ==UserScript==
  2. // @name         Styles for Markdown Viewer
  3. // @namespace    muvsado
  4. // @version      0.1.4
  5. // @description  Cool CSS for Markdown Viewer
  6. // @match        file://*/*.md
  7. // @match        file://*/*.md.txt
  8. // @grant        GM_addStyle
  9. // @run-at       document-start
  10. // @license      Public Domain
  11. // ==/UserScript==
  12.  
  13. GM_addStyle(`
  14.     body {
  15.         padding: 0px 10px 10px;
  16.         font-family: sans-serif;
  17.         color: #222222;
  18.         margin: auto;
  19.         max-width: 960px;
  20.         /*background-color: #ffe;*/
  21.         text-align: justify;
  22.     }
  23.  
  24.     p {
  25.         margin: 15px 0;
  26.     }
  27.  
  28.     em, i {
  29.         color: #777;
  30.     }
  31.  
  32.     hr {
  33.         margin: 20px 0 20px;
  34.     }
  35.  
  36.     h1, h2, h3 {
  37.         margin: 16px 0 12px;
  38.     }
  39.  
  40.     ul, ol {
  41.         padding-left: 36px;
  42.     }
  43.  
  44.     li {
  45.         margin: 3px 0;
  46.     }
  47.  
  48.     pre, code {
  49.         font-family: "Lucida Console", monospace;
  50.         background-color: #e0e0e0;
  51.         font-size: 14px;
  52.     }
  53.  
  54.     pre {
  55.         padding: 3px;
  56.         border: 2px dotted #888;
  57.     }
  58.  
  59.     table {
  60.         border-collapse: collapse;
  61.     }
  62.  
  63.     table td, th {
  64.         border: 1px solid #dddddd;
  65.         padding: 5px 7px;
  66.     }
  67.  
  68.     a {
  69.         /*color: #1010ff;*/
  70.         border-bottom: 1px dotted;
  71.         text-decoration: none;
  72.     }
  73.  
  74.     .dead {
  75.         color: #ff2222;
  76.     }
  77.  
  78.     code {
  79.         background: #e0e0e0;
  80.     }
  81.  
  82.     pre {
  83.         background: #e0e0e0;
  84.         overflow-x: auto;
  85.     }
  86.  
  87.     h1 {
  88.         font-size: 1.5rem;
  89.     }
  90.  
  91.     h2 {
  92.         font-size: 1.25rem;
  93.     }
  94.  
  95.     h3 {
  96.         font-size: 1.1rem;
  97.     }
  98.  
  99.     blockquote {
  100.         padding: 0 .5rem;
  101.         margin: 0;
  102.         background: #eee;
  103.     }
  104.  
  105.     blockquote p {
  106.         padding: .4em 0;
  107.     }
  108. `);