styles.alv.cx/base.css
2022-04-12 16:30:51 +01:00

107 lines
1.3 KiB
CSS

:root {
--fg-light-mode: #454545;
--bg-light-mode: #fefefe;
--fg-dark-mode: #ccc;
--bg-dark-mode: #111;
}
body {
font-family: monospace, sans-serif;
color: var(--fg-light-mode);
font-size: 16px;
margin: 2em auto;
max-width: 800px;
padding: 1em;
line-height: 1.4;
overflow-wrap: break-word;
background-color: var(--bg-light-mode);
}
@media (prefers-color-scheme: dark) {
color: var(--fg-dark-mode);
background-color: var(--bg-dark-mode);
}
a { color: #07a; }
a:visited { color: #941352; }
.tableWrapper {
max-width: 100%;
overflow-x: scroll;
}
table {
border-collapse: collapse;
margin: 1em auto;
max-width: 100%;
}
th, td {
padding: 1em;
border: 1px solid #454545;
margin: 0;
}
pre {
padding: 1em;
overflow: scroll;
}
code, pre{
background-color: #d9d9d9 ;
color: #000;
}
details {
padding: 1em 0 1em 0;
}
summary > * {
display: inline
}
li {
margin-bottom: 1em;
}
blockquote {
border-left: 0.4em solid #454545;
margin-left: 0;
padding-left: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
blockquote * {
margin: 0;
}
img, video {
margin: 0 auto;
display: block;
max-width: 100%;
}
figcaption {
margin: 0 auto;
max-width: 100%;
}
kbd {
background-color: #d9d9d9;
border-radius: 0.25em;
padding: 0.2em;
box-shadow: 0.15em 0.15em 0 #c9c9c9;
margin-left: 0.2em;
margin-right: 0.2em;
}