styles.alv.cx/base.css

101 lines
1.3 KiB
CSS
Raw Normal View History

2022-04-12 15:30:51 +00:00
:root {
--fg-light-mode: #454545;
--bg-light-mode: #fefefe;
2022-04-12 15:43:24 +00:00
--a-light-mode: #07a;
--a-visited-light-mode: #941352;
2022-04-12 15:30:51 +00:00
}
2022-04-03 20:10:43 +00:00
body {
2022-04-12 03:58:41 +00:00
font-family: monospace, sans-serif;
2022-04-12 15:30:51 +00:00
color: var(--fg-light-mode);
2022-04-03 20:10:43 +00:00
font-size: 16px;
margin: 2em auto;
max-width: 800px;
padding: 1em;
line-height: 1.4;
overflow-wrap: break-word;
2022-04-12 15:30:51 +00:00
background-color: var(--bg-light-mode);
}
2022-04-12 15:43:24 +00:00
a { color: var(--a-light-mode); }
a:visited { color: var(--a-visited-light-mode); }
2022-04-03 20:10:43 +00:00
.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;
}