☰

Styles for Markdown Viewer

Cool CSS for Markdown Viewer

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

  1. // ==UserScript==
  2. // @name         Styles for Markdown Viewer
  3. // @namespace    muvsado
  4. // @version      0.2.6
  5. // @description  Cool CSS for Markdown Viewer
  6. // @match        file:///*.md
  7. // @match        file:///*.markdown
  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.         background-color: #e0e0e0;
  50.         font-size: 14px;
  51.     }
  52.  
  53.     pre {
  54.         padding: 3px;
  55.         border: 2px dotted #888;
  56.     }
  57.  
  58.     table {
  59.         border-collapse: collapse;
  60.     }
  61.  
  62.     table td, th {
  63.         border: 1px solid #cccccc;
  64.         padding: 5px 7px;
  65.     }
  66.  
  67.     a {
  68.         /*color: #1010ff;*/
  69.         border-bottom: 1px dotted;
  70.         text-decoration: none;
  71.     }
  72.  
  73.     .dead {
  74.         color: #ff2222;
  75.     }
  76.  
  77.     code {
  78.         background: #e0e0e0;
  79.     }
  80.  
  81.     pre {
  82.         background: #e0e0e0;
  83.         overflow-x: auto;
  84.     }
  85.  
  86.     h1 {
  87.         font-size: 1.5rem;
  88.     }
  89.  
  90.     h2 {
  91.         font-size: 1.25rem;
  92.     }
  93.  
  94.     h3 {
  95.         font-size: 1.1rem;
  96.     }
  97.  
  98.     blockquote {
  99.         padding: 0 .5rem;
  100.         margin: 0;
  101.         background: #eee;
  102.     }
  103.  
  104.     blockquote p {
  105.         padding: .4em 0;
  106.     }
  107. `);