145 lines
2.6 KiB
CSS
145 lines
2.6 KiB
CSS
/* ===============================
|
||
Nord Dark – Compact Markdown
|
||
github-markdown-css compatible
|
||
=============================== */
|
||
|
||
.markdown-body {
|
||
background: #2E3440;
|
||
color: #D8DEE9;
|
||
font-family: "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;
|
||
font-size: 15px;
|
||
line-height: 1.55;
|
||
padding: 0.9rem;
|
||
}
|
||
|
||
/* Headings – compact, no underline */
|
||
.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; color: #D8DEE9; }
|
||
|
||
/* Text */
|
||
.markdown-body p {
|
||
margin: 0.55em 0;
|
||
}
|
||
|
||
.markdown-body strong { color: #ECEFF4; }
|
||
.markdown-body em { color: #E5E9F0; }
|
||
|
||
/* Links */
|
||
.markdown-body a {
|
||
color: #88C0D0;
|
||
text-decoration: none;
|
||
border-bottom: 1px dotted #81A1C1;
|
||
}
|
||
|
||
.markdown-body a:hover {
|
||
color: #8FBCBB;
|
||
border-bottom-style: solid;
|
||
}
|
||
|
||
/* Inline + block 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;
|
||
}
|
||
|
||
/* Blockquotes */
|
||
.markdown-body blockquote {
|
||
margin: 0.7em 0;
|
||
padding: 0.4em 0.8em;
|
||
border-left: 3px solid #8FBCBB;
|
||
background: #3B4252;
|
||
color: #D8DEE9;
|
||
font-style: italic;
|
||
}
|
||
|
||
/* 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;
|
||
}
|
||
|
||
/* Horizontal rule */
|
||
.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;
|
||
color: #ECEFF4;
|
||
}
|
||
|
||
.markdown-body tr:nth-child(even) td {
|
||
background: #434C5E;
|
||
}
|
||
|
||
/* Images */
|
||
.markdown-body img {
|
||
max-width: 100%;
|
||
background: #3B4252;
|
||
border: 1px solid #4C566A;
|
||
padding: 0.2em;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
/* Hide GitHub anchor icons */
|
||
.markdown-body a.anchor {
|
||
display: none;
|
||
}
|