57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
* { font-family: sans-serif; font-size: 14pt; padding: 0; margin: 0; }
|
|
|
|
body {
|
|
border: 2px dashed;
|
|
margin: 0 auto;
|
|
margin-top: 1ch;
|
|
margin-bottom: 1ch;
|
|
padding: 4ch;
|
|
width: 70ch;
|
|
}
|
|
|
|
img, video, audio { max-width: 70ch; }
|
|
|
|
h1::before { content: "# "; }
|
|
h2::before { content: "## "; }
|
|
h3::before { content: "### "; }
|
|
|
|
ul li::before { content: "* "; }
|
|
ul { list-style: none; }
|
|
|
|
a:has(img):hover > img { transition: 0.2s ease; transform: scale(1.1); }
|
|
a:has(img)::before { content: none; }
|
|
a:hover::before { font-weight: bold; }
|
|
a::before {
|
|
content: "=>";
|
|
display: inline-block;
|
|
color: black;
|
|
padding-right: 1ch;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 2px solid;
|
|
padding-left: calc(1ch - 2px);
|
|
}
|
|
|
|
pre {
|
|
font-family: monospace;
|
|
padding: calc(1ch - 2px);
|
|
font-size: 10pt;
|
|
border: 2px solid;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background: black;
|
|
color: white;
|
|
border-color: white;
|
|
}
|
|
|
|
a { color: lightblue; }
|
|
a::before { color: white; }
|
|
}
|
|
|
|
|
|
/* vvv For use with kineto in the root capsule; might remove later. vvv */
|
|
p:empty::before { content: "\00a0"; } /* Kineto doesn't use <br /> ??? */
|
|
details { display: none; } /* Remove "Proxied content from" */
|