commit 51ca55377bdb81a93047753878b6e2ec23115e91
parent 52ef4fd773b7ff9ee0eee9043948da40ee8c9ebe
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date: Sun, 3 Nov 2024 16:10:10 -0300
update article and blog table style
Diffstat:
3 files changed, 20 insertions(+), 6 deletions(-)
diff --git a/css/blog.css b/css/blog.css
@@ -8,3 +8,10 @@
text-wrap: nowrap;
vertical-align: top;
}
+
+
+@media (prefers-color-scheme: light) {
+ #blog-index-tbody #date a {
+ color: #000000;
+ }
+}
diff --git a/css/style.css b/css/style.css
@@ -93,7 +93,11 @@ article {
margin-right: auto;
margin-bottom: .9em;
- text-align: left;
+ /* text-align: left; */
+ text-align: justify;
+ /* text-justify: distribute; */
+ word-spacing: -2px;
+ hyphens: auto;
padding-left: 0.5em;
padding-right: 0.5em;
@@ -238,10 +242,11 @@ code {
font-size: 85%;
font-family: "Ubuntu Mono", monospace;
background-color: rgba(110,118,129,0.4);
- padding: .1em .4em;
+ padding: 0 .1em;
margin: 0;
border-radius: 6px;
- white-space: nowrap;
+ white-space: wrap;
+ word-break: break-all;
}
pre {
@@ -416,9 +421,6 @@ b-time {
}
@media (max-width: 400px) {
- body {
- font-size: 14px;
- }
header {
padding-top: 0em;
padding-bottom: 0;
@@ -508,6 +510,10 @@ b-time {
#urgent-announcement {
color: #090909;
}
+
+ code {
+ background-color: rgba(190,198,219,0.2);
+ }
}
@keyframes zoom-in-zoom-out {
diff --git a/index.html b/index.html
@@ -13,6 +13,7 @@
<title>Martin Klöckner's Webpage</title>
<!--#include virtual="/common/head.shtml" -->
+ <link rel='stylesheet' type='text/css' href="/css/blog.css">
</head>
<body>
