145 lines
2.7 KiB
CSS
145 lines
2.7 KiB
CSS
/* ===============================
|
||
Nord Dark – Compact Markdown
|
||
github-markdown-css compatible
|
||
=============================== */
|
||
|
||
.markdown-body {
|
||
background: #2E3440;
|
||
color: #D8DEE9;
|
||
font-family: "Fira Sans";
|
||
font-size: 15px;
|
||
line-height: 1.55;
|
||
padding-top: 2.0rem;
|
||
padding-bottom: 1.0rem;
|
||
padding-right: 3.0rem;
|
||
padding-left: 3.0rem;
|
||
}
|
||
|
||
/* Headings */
|
||
.markdown-body h1,
|
||
.markdown-body h2,
|
||
.markdown-body h3,
|
||
.markdown-body h4,
|
||
.markdown-body h5,
|
||
.markdown-body h6 {
|
||
border: none;
|
||
margin-top: 1.2em;
|
||
margin-bottom: 0.4em;
|
||
font-weight: 700;
|
||
color: #ECEFF4;
|
||
}
|
||
|
||
.markdown-body h1 { font-size: 1.9em; }
|
||
.markdown-body h2 { font-size: 1.6em; }
|
||
.markdown-body h3 { font-size: 1.35em; }
|
||
.markdown-body h4 { font-size: 1.15em; }
|
||
.markdown-body h5 { font-size: 1.02em; }
|
||
.markdown-body h6 { font-size: 0.95em; }
|
||
|
||
/* Paragraphs */
|
||
.markdown-body p {
|
||
margin: 0.55em 0;
|
||
}
|
||
|
||
/* Blockquotes – SAME vertical spacing as paragraphs */
|
||
.markdown-body blockquote {
|
||
margin: 0.55em 0;
|
||
padding: 0.55em 0.8em;
|
||
border-left: 3px solid #8FBCBB;
|
||
background: #3B4252;
|
||
color: #D8DEE9;
|
||
font-style: italic;
|
||
}
|
||
|
||
.markdown-body blockquote > :first-child { margin-top: 0; }
|
||
.markdown-body blockquote > :last-child { margin-bottom: 0; }
|
||
|
||
/* Links */
|
||
.markdown-body a {
|
||
color: #ECEFF4; /* same as headings → bold-text feel */
|
||
font-weight: 700; /* bold */
|
||
text-decoration: none;
|
||
border-bottom: 0.5px dotted #88C0D0; /* underline = link signal */
|
||
}
|
||
|
||
.markdown-body a:hover {
|
||
color: #8FBCBB; /* subtle Nord accent on hover */
|
||
border-bottom-color: #8FBCBB;
|
||
}
|
||
|
||
/* Code */
|
||
.markdown-body code {
|
||
background: #3B4252;
|
||
color: #EBCB8B;
|
||
padding: 0.1em 0.3em;
|
||
border-radius: 3px;
|
||
font-size: 0.92em;
|
||
}
|
||
|
||
.markdown-body pre {
|
||
background: #3B4252;
|
||
color: #ECEFF4;
|
||
padding: 0.75em 0.9em;
|
||
border-radius: 5px;
|
||
overflow-x: auto;
|
||
border-left: 3px solid #81A1C1;
|
||
margin: 0.7em 0;
|
||
}
|
||
|
||
.markdown-body pre code {
|
||
background: none;
|
||
padding: 0;
|
||
}
|
||
|
||
/* Lists */
|
||
.markdown-body ul,
|
||
.markdown-body ol {
|
||
padding-left: 1.3em;
|
||
margin: 0.5em 0;
|
||
}
|
||
|
||
.markdown-body ul li::marker,
|
||
.markdown-body ol li::marker {
|
||
color: #88C0D0;
|
||
}
|
||
|
||
/* HR */
|
||
.markdown-body hr {
|
||
border: none;
|
||
border-top: 1px dashed #4C566A;
|
||
margin: 1.2em 0;
|
||
}
|
||
|
||
/* Tables */
|
||
.markdown-body table {
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
margin: 0.7em 0;
|
||
font-size: 0.92em;
|
||
}
|
||
|
||
.markdown-body th,
|
||
.markdown-body td {
|
||
border: 1px solid #4C566A;
|
||
padding: 0.35em 0.6em;
|
||
}
|
||
|
||
.markdown-body th {
|
||
background: #3B4252;
|
||
}
|
||
|
||
/* Images */
|
||
.markdown-body img {
|
||
max-width: 100%;
|
||
background: #2E3440;
|
||
border: 0px solid #4C566A;
|
||
padding: 0.2em;
|
||
border-radius: 0px;
|
||
}
|
||
|
||
/* Hide anchor icons */
|
||
.markdown-body a.anchor {
|
||
display: none;
|
||
}
|
||
|