This repository has been archived on 2024-02-04. You can view files and clone it, but cannot push or open issues or pull requests.
blog.polynom.me/assets/css/blog.css
Alexander PapaTutuWawa 11d32c940a General fixes and additions
- Improve readability on larger and smaller screens
- Re-add page signing with a custom script (which is signed of course)
- Posts are now centered on large screens
- <code> now stops overflowing and receives a scrollbar
- The mobile page now stops to overflow
2020-09-22 17:19:44 +02:00

48 lines
689 B
CSS

img {
/* Prevent images in blog posts from getting too big */
max-width: 800px;
}
.profile-picture {
max-width: 200px;
}
h1, h2, h3, h4 {
color: #9b59b6;
}
.post-list-item {
display: block;
max-width: 800px;
}
.post {
display: block;
max-width: 800px;
padding: 10px;
font-size: 21px;
}
@media only screen and (max-width: 768px) {
.post {
/* A smaller font looks better on smaller devices */
font-size: 19px;
/* Otherwise the entire page overflows for some reason */
width: 100%;
}
}
.post-title {
color: #3498db;
}
code {
display: inline-block;
max-width: 100%;
overflow-y: auto;
}