155 lines
2.3 KiB
CSS
155 lines
2.3 KiB
CSS
:root {
|
|
--background: #2d2d2d;
|
|
--foreground: #d3d0c8;
|
|
--decoration: #747369;
|
|
--link-underline: #cd98cd;
|
|
--link-fancy: #ffcd5d;
|
|
--background-alt: #353535;
|
|
--fontset: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
|
Bitstream Vera Sans Mono, Courier New, monospace, serif;
|
|
}
|
|
|
|
html {
|
|
font-size: 16px;
|
|
}
|
|
|
|
body {
|
|
margin: auto;
|
|
max-width: 80ch;
|
|
font-size: 1rem;
|
|
line-height: 1.6;
|
|
font-family: var(--fontset);
|
|
color: var(--foreground);
|
|
background-color: var(--background);
|
|
padding: 1rem;
|
|
}
|
|
|
|
header {
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
}
|
|
|
|
h1.site-title {
|
|
font-size: 1.5em;
|
|
line-height: 1;
|
|
}
|
|
|
|
h1:not(.site-title) {
|
|
border-bottom: 4px solid var(--foreground);
|
|
/*border-top: 4px solid var(--foreground);*/
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
h2 {
|
|
border-bottom: 2px solid var(--foreground);
|
|
}
|
|
|
|
h1:not(.site-title)::before {
|
|
content: "# ";
|
|
color: var(--decoration);
|
|
}
|
|
|
|
h2::before {
|
|
content: "## ";
|
|
color: var(--decoration);
|
|
}
|
|
|
|
h3::before {
|
|
content: "### ";
|
|
color: var(--decoration);
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
border-bottom: 1px solid var(--link-underline);
|
|
color: var(--foreground);
|
|
}
|
|
|
|
a:not(.internal)::after {
|
|
content: " " url("/link.svg");
|
|
}
|
|
|
|
a.show-url::after {
|
|
content: " [" attr(href) "]" url("/link.svg");
|
|
color: var(--link-fancy);
|
|
}
|
|
|
|
nav ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
nav li {
|
|
display: inline;
|
|
}
|
|
|
|
nav a {
|
|
color: var(--link-fancy);
|
|
}
|
|
|
|
nav a.internal {
|
|
margin-right: 1ch;
|
|
}
|
|
|
|
div.table-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
div.table-wrapper table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
div.table-wrapper table,
|
|
th,
|
|
td {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
div.table-wrapper th {
|
|
border-bottom: 2px solid var(--foreground);
|
|
}
|
|
|
|
div.table-wrapper td {
|
|
border: 1px solid var(--foreground);
|
|
}
|
|
|
|
div.table-wrapper table tr td:first-child {
|
|
border-left: 0;
|
|
}
|
|
|
|
div.table-wrapper table tr td:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
div.table-wrapper table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
div.table-wrapper tr:nth-child(even) {
|
|
background-color: var(--background-alt);
|
|
}
|
|
|
|
#toc-toggle {
|
|
border: none;
|
|
font-family: var(--fontset);
|
|
font-size: 1rem;
|
|
line-height: 1.6;
|
|
background-color: var(--foreground);
|
|
color: var(--background);
|
|
padding: 0 0.5em;
|
|
margin: 0;
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
|
|
p.post-date {
|
|
color: var(--decoration);
|
|
margin: 0;
|
|
}
|