mirror of
https://github.com/vale981/smol
synced 2025-03-04 17:11:38 -05:00
90 lines
1.3 KiB
CSS
90 lines
1.3 KiB
CSS
html {
|
|
overflow-y: scroll
|
|
}
|
|
|
|
:root {
|
|
--bgcolor: white;
|
|
--fontcolor: #444;
|
|
--linkcolor: #00e;
|
|
--visitedcolor: #551a8b;
|
|
--precolor: #fff;
|
|
--prebgcolor: #000;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bgcolor: black;
|
|
--fontcolor: white;
|
|
--linkcolor: #5bf;
|
|
--visitedcolor: #ae5ee0;
|
|
--precolor: #fff;
|
|
--prebgcolor: #383838;
|
|
}
|
|
}
|
|
|
|
body {
|
|
max-width: 800px;
|
|
margin: 40px auto;
|
|
padding: 0 10px;
|
|
font: 14px/1.5 monospace;
|
|
color: var(--fontcolor);
|
|
background: var(--bgcolor)
|
|
}
|
|
|
|
a:link {
|
|
color: var(--linkcolor)
|
|
}
|
|
|
|
a:visited {
|
|
color: var(--visitedcolor)
|
|
}
|
|
|
|
a:active {
|
|
color: var(--visitedcolor)
|
|
}
|
|
|
|
h1,h2,h3 {
|
|
line-height: 1.2
|
|
}
|
|
|
|
p > code {
|
|
color: var(--precolor);
|
|
background: var(--prebgcolor);
|
|
padding: 2px
|
|
}
|
|
|
|
pre {
|
|
color: var(--precolor);
|
|
background: var(--prebgcolor);
|
|
padding: 24px;
|
|
overflow-x: auto
|
|
}
|
|
|
|
article {
|
|
padding: .5em 0
|
|
}
|
|
|
|
.center {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
figcaption {
|
|
color: #888;
|
|
font: 12px/1.5 monospace;
|
|
text-align: center;
|
|
}
|
|
|
|
figure {
|
|
margin: auto;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|