☰

Github Markdown Mod

Make Github Markdown headers more visible

Från och med 2020-08-14. Se den senaste versionen.

  1. /* ==UserStyle==
  2. @name         Github Markdown Mod
  3. @description  Make Github Markdown headers more visible
  4. @author       V1rgul (https://github.com/V1rgul)
  5. @license      CC BY-NC - Creative Commons Attribution-NonCommercial
  6. @version 0.0.1.20200814213203
  7. @namespace https://greatest.deepsurf.us/users/676264
  8. ==/UserStyle== */
  9.  
  10. @namespace url(http://www.w3.org/1999/xhtml);
  11.  
  12. @-moz-document domain("github.com")
  13. {
  14.   .markdown-body
  15.   {
  16.     font-family: 'Segoe UI', sans-serif;
  17.   }
  18.   /* HEADERS */
  19.   .markdown-body h1,
  20.   .markdown-body h2,
  21.   .markdown-body h3
  22.   {
  23.     border: none;
  24.     padding: 0;
  25.     line-height: normal;
  26.     margin: 0.5em 0 0.1em 0;
  27.   }
  28.  
  29.   .markdown-body h1
  30.   {
  31.     text-align: center;
  32.   }
  33.  
  34.   .markdown-body h1
  35.   {
  36.     font-size: 6em;
  37.   }
  38.  
  39.   .markdown-body h2
  40.   {
  41.     color: #0366d6;
  42.     font-size: 5em;
  43.   }
  44.  
  45.   .markdown-body h3
  46.   {
  47.     font-size: 3em;
  48.   }
  49.  
  50.   .markdown-body h4
  51.   {
  52.     color: #0366d6;
  53.     font-size: 2em;
  54.   }
  55.  
  56.   .markdown-body h5
  57.   {
  58.     font-size: 1.2em;
  59.   }
  60.   
  61.   /* LISTS */
  62.   .markdown-body ul,
  63.   .markdown-body ol
  64.   {
  65.     list-style-type: none;
  66.     position: relative;
  67.     padding-left: 1.6em;
  68.   }
  69.  
  70.   .markdown-body ul:not(.contains-task-list)>li:before,
  71.   .markdown-body ol>li:before
  72.   {
  73.     position: absolute;
  74.     left: 0.1em;
  75.     display: inline-block;
  76.   }
  77.  
  78.   .markdown-body ul:not(.contains-task-list)>li:before
  79.   {
  80.     color: #0366d6;
  81.     content: "\25AA";
  82.     font-size: 40px;
  83.     line-height: 20px;
  84.     position: absolute;
  85.     left: 0.1em;
  86.     display: inline-block;
  87.     vertical-align: baseline;
  88.   }
  89.  
  90.   .markdown-body                 ul>li > ul:not(.contains-task-list)>li:before
  91.   {
  92.     content: "\25AB";
  93.   }
  94.  
  95.   .markdown-body         ul>li > ul>li > ul:not(.contains-task-list)>li:before
  96.   {
  97.     content: "\25AA";
  98.     font-size: 20px;
  99.     left: 0.25em;
  100.   }
  101.  
  102.   .markdown-body ul>li > ul>li > ul>li > ul:not(.contains-task-list)>li:before
  103.   {
  104.     content: "\25AB";
  105.   }
  106.  
  107.   .markdown-body ol
  108.   {
  109.     counter-reset: item;
  110.   }
  111.  
  112.   .markdown-body ol>li
  113.   {
  114.     counter-increment: item;
  115.   }
  116.  
  117.   .markdown-body                 ol>li:before
  118.   {
  119.     content: counter(item) ". ";
  120.     color: #0366d6;
  121.     font-weight: bold;
  122.   }
  123.  
  124.   .markdown-body         ol>li > ol>li:before
  125.   {
  126.     content: counter(item, lower-roman) ". ";
  127.   }
  128.  
  129.   .markdown-body ol>li > ol>li > ol>li:before
  130.   {
  131.     content: counter(item, lower-latin) ". ";
  132.   }
  133.   
  134.   /* CODE */
  135.   .markdown-body code
  136.   {
  137.     background: #F1F8FF;
  138. /*rgba(00,22,44,0.09);*/
  139.     /*background: inherit;*/
  140.     border: 1px solid #c8e1ff;
  141.     margin: 0 0.25em;
  142.   }
  143.  
  144.   .markdown-body pre,
  145.   .markdown-body .highlight pre
  146.   {
  147.     background: #F1F8FF;
  148. /*rgba(00,22,44,0.07);*/
  149.     border: 1px solid #c8e1ff;
  150.     padding: 0.5em 1.5em;
  151.   }
  152. }