hazelnut.dev/style.css

101 lines
1.5 KiB
CSS

html {
font-size: 16px;
}
body {
margin: auto;
max-width: 80ch;
font-size: 1rem;
line-height: 1.6;
font-family:Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
color: #d3d0c8;
background-color: #2d2d2d;
padding: 1rem;
}
h1, h2, h3 {
font-weight: bold;
font-size: 1em;
}
h1 {
border-bottom: 4px solid #d3d0c8;
border-top: 4px solid #d3d0c8;
padding-top: 0.5em;
}
h2 {
border-bottom: 2px solid #d3d0c8;
}
h1::before {
content: "# ";
}
h2::before {
content: "## ";
}
h3::before {
content: "### ";
}
a {
text-decoration: none;
border-bottom: 1px solid #cd98cd;
color: #d3d0c8;
}
a:not(.internal)::after {
content: " " url("/link.svg");
}
a.external::after {
content: " [" attr(href) "]" url("/link.svg");
color: #ffcd5d;
}
nav a {
color: #ffcd5d;
}
nav a::after {
content: " " url("/link.svg");
}
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 #d3d0c8;
}
div.table-wrapper td {
border: 1px solid #d3d0c8;
}
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: #353535;
}