thunderball/assets/css/style.css

148 lines
2.1 KiB
CSS
Raw Normal View History

:root {
--background: #0a0a0a;
2024-12-09 21:23:07 +02:00
--code: #222222;
--highlight: #fdc500;
--text: #a9d6e5;
}
body {
margin: 0;
padding: 0;
font-family: 'Courier New', monospace;
background-color: var(--background);
color: var(--text);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
overflow-x: hidden;
}
main {
max-width: 100%;
}
2024-12-09 21:23:07 +02:00
.main-content {
max-width: 1000px;
padding: 20px;
margin: 0 auto;
box-sizing: border-box;
}
2024-12-09 21:23:07 +02:00
.ascii-art {
white-space: pre;
font-size: 14px;
line-height: 1.2;
text-align: center;
color: var(--highlight);
2024-12-09 23:02:18 +02:00
margin-bottom: 40px;
}
2024-12-09 21:23:07 +02:00
.links {
text-align: center;
margin-top: 20px;
}
2024-12-09 21:23:07 +02:00
a {
color: var(--text);
text-decoration: none;
transition: color 0.3s ease;
}
2024-12-09 21:23:07 +02:00
a:hover {
color: var(--highlight);
}
2024-12-09 21:23:07 +02:00
.content a {
text-decoration: underline;
}
.links a {
margin: 0 10px;
display: inline-block;
}
.separator {
content: "•";
display: block;
text-align: center;
margin: 15px auto;
color: var(--highlight);
}
2024-12-09 21:23:07 +02:00
h1 {
color: var(--highlight);
}
2024-12-09 21:23:07 +02:00
.date {
font-style: italic;
color: var(--highlight);
margin-bottom: 20px;
}
.error-message {
text-align: center;
color: var(--text);
margin-top: 20px;
font-size: 1.2em;
2024-12-09 21:23:07 +02:00
}
.content img {
display: block;
max-width: 80%;
max-height: 500px;
width: auto;
height: auto;
margin: 20px auto;
object-fit: contain;
object-position: center;
}
/* code snippets */
.content pre {
padding: 1rem;
border-radius: 0.3rem;
line-height: 1.5;
overflow-x: auto;
}
.content code {
font-size: 0.8rem;
}
p > code,
li > code {
2024-12-09 21:23:07 +02:00
background-color: var(--code);
border-radius: 0.15rem;
padding: 0.02rem 0.2rem;
white-space: normal;
word-break: break-word;
}
.metadata {
margin-bottom: 20px;
}
.categories, .tags {
font-size: 0.9em;
color: var(--text);
opacity: 0.8;
margin: 5px 0;
}
.categories a, .tags a {
margin-right: 10px;
text-decoration: underline;
}
.content ul,
.content ol {
line-height: 1.3;
padding-left: 30px;
}
.content ul li,
.content ol li {
margin-bottom: 8px;
}