Make Github Markdown headers more visible
Ekde
/* ==UserStyle==
@name Github Markdown Mod
@description Make Github Markdown headers more visible
@author V1rgul (https://github.com/V1rgul)
@license CC BY-NC - Creative Commons Attribution-NonCommercial
@version 0.0.1.20200814213203
@namespace https://greasyfork.org/users/676264
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("github.com")
{
.markdown-body
{
font-family: 'Segoe UI', sans-serif;
}
/* HEADERS */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3
{
border: none;
padding: 0;
line-height: normal;
margin: 0.5em 0 0.1em 0;
}
.markdown-body h1
{
text-align: center;
}
.markdown-body h1
{
font-size: 6em;
}
.markdown-body h2
{
color: #0366d6;
font-size: 5em;
}
.markdown-body h3
{
font-size: 3em;
}
.markdown-body h4
{
color: #0366d6;
font-size: 2em;
}
.markdown-body h5
{
font-size: 1.2em;
}
/* LISTS */
.markdown-body ul,
.markdown-body ol
{
list-style-type: none;
position: relative;
padding-left: 1.6em;
}
.markdown-body ul:not(.contains-task-list)>li:before,
.markdown-body ol>li:before
{
position: absolute;
left: 0.1em;
display: inline-block;
}
.markdown-body ul:not(.contains-task-list)>li:before
{
color: #0366d6;
content: "\25AA";
font-size: 40px;
line-height: 20px;
position: absolute;
left: 0.1em;
display: inline-block;
vertical-align: baseline;
}
.markdown-body ul>li > ul:not(.contains-task-list)>li:before
{
content: "\25AB";
}
.markdown-body ul>li > ul>li > ul:not(.contains-task-list)>li:before
{
content: "\25AA";
font-size: 20px;
left: 0.25em;
}
.markdown-body ul>li > ul>li > ul>li > ul:not(.contains-task-list)>li:before
{
content: "\25AB";
}
.markdown-body ol
{
counter-reset: item;
}
.markdown-body ol>li
{
counter-increment: item;
}
.markdown-body ol>li:before
{
content: counter(item) ". ";
color: #0366d6;
font-weight: bold;
}
.markdown-body ol>li > ol>li:before
{
content: counter(item, lower-roman) ". ";
}
.markdown-body ol>li > ol>li > ol>li:before
{
content: counter(item, lower-latin) ". ";
}
/* CODE */
.markdown-body code
{
background: #F1F8FF;
/*rgba(00,22,44,0.09);*/
/*background: inherit;*/
border: 1px solid #c8e1ff;
margin: 0 0.25em;
}
.markdown-body pre,
.markdown-body .highlight pre
{
background: #F1F8FF;
/*rgba(00,22,44,0.07);*/
border: 1px solid #c8e1ff;
padding: 0.5em 1.5em;
}
}