CSS - atplu.me
Version from 2024-09-21
Base theme: Default
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
:root {
--width: 680px;
--font-main: Verdana, sans-serif;
--font-secondary: Verdana, sans-serif;
--font-scale: 1.2em;
--background-color: #f2f2ff;
--heading-color: #222;
--text-color: #444;
--link-color: #5557ba;
--visited-color: #5557ba;
--code-background-color: #dcdcf0;
--code-color: #222;
--blockquote-color: #5557ba;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #141422;
--heading-color: #fcfcfc;
--text-color: #f1f1f1;
--link-color: #C6C7FF;
--visited-color: #C6C7FF;
--code-background-color: #262638;
--code-color: #f1f1f1;
--blockquote-color: #C6C7FF;
}
}
body {
font-family: var(--font-secondary);
font-size: var(--font-scale);
margin: auto;
padding: 20px;
max-width: var(--width);
text-align: left;
background-color: var(--background-color);
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.8;
color: var(--text-color);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-main);
color: var(--heading-color);
}
a {
color: var(--link-color);
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
nav a {
margin-right: 8px;
}
strong, b {
color: var(--heading-color);
}
button {
margin: 0;
cursor: pointer;
}
main {
line-height: 1.6;
}
table {
width: 100%;
}
hr {
border: 0;
border-top: 1px dashed;
}
img {
max-width: 100%;
}
code {
font-family: monospace;
padding: 2px;
background-color: var(--code-background-color);
color: var(--code-color);
border-radius: 3px;
}
blockquote {
border-left: 1px solid #999;
color: var(--code-color);
padding-left: 20px;
font-style: italic;
}
table, th, td {
border: 1px dashed black;
border-collapse: collapse;
padding: 2px 4px;
}
time {
display: none;
}
footer {
padding: 25px 0;
text-align: center;
}
.title:hover {
text-decoration: none;
}
.title h1 {
font-size: 2em;
font-family: 'Bungee', cursive;
}
.inline {
width: auto !important;
}
.highlight, .code {
padding: 1px 15px;
background-color: var(--code-background-color);
color: var(--code-color);
border-radius: 3px;
margin-block-start: 1em;
margin-block-end: 1em;
overflow-x: scroll;
}
/* Hide original bearblog footer, it's added back translated in the footer directive */
body > footer > span:last-of-type {
display: none;
}