organic-CPU/Website-2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

I hope this works

Browse Source
This commit is contained in:
Marcus Sailer
2026-07-12 00:06:22 +02:00
parent c9e5269708
commit 9d7a3f6660
2 changed files with 49 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+24 -41
View File
@@ -24,17 +24,40 @@ a:hover { color:#991b1b; text-decoration:underline; }
#links li { margin:0; }
#links a { display:block; padding:12px 16px; background:#fff; border:1px solid #e5e7eb; border-radius:6px; transition:all 0.3s ease; }
#links a:hover { border-color:#dc2626; box-shadow:0 4px 12px rgba(220,38,38,0.15); }
.blog-feed { display:grid; gap:24px; margin-top:16px; }
.blog-post { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:24px; box-shadow:0 1px 6px rgba(139,18,18,0.08); }
.blog-post + .blog-post { border-top:4px solid #dc2626; margin-top:32px; padding-top:32px; }
.blog-title { margin:0 0 8px 0; font-size:1.5rem; }
.blog-meta { margin:0 0 16px 0; color:#7f1d1d; font-size:0.95rem; }
.blog-body {
white-space: pre-line;
margin: 0 0 1em 0;
}
.blog-body p { margin:0 0 1em 0; }
.blog-body p:last-child { margin-bottom:0; }
/* Toggle button */
.blog-toggle {
background: none;
border: none;
color: #dc2626;
font-weight: bold;
cursor: pointer;
padding: 0.25rem 0;
font-size: 0.95rem;
display: inline-block;
}
.blog-toggle:hover {
text-decoration: underline;
}
.blog-attachment-list { margin:16px 0 0 0; padding:0; list-style:none; }
.blog-attachment-list li { margin:0.5em 0; }
.blog-attachment-list a { color:#dc2626; text-decoration:none; }
.blog-attachment-list a:hover { text-decoration:underline; }
@media (max-width:520px){ h2 { font-size:1.4rem; } .site-header h1 { font-size:1.6rem; } .container { padding:16px; } }
.header-links { margin-top:12px; }
@@ -54,44 +77,4 @@ a:hover { color:#991b1b; text-decoration:underline; }
.modal-close:hover, .modal-prev:hover, .modal-next:hover { background:rgba(255,255,255,0.2); }
.modal-close { right:20px; top:20px; }
.modal-prev { left:20px; top:50%; transform:translateY(-50%); }
.modal-next { right:20px; top:50%; transform:translateY(-50%); }
.blog-collapse summary { cursor: pointer; list-style: none; }
.blog-collapse summary::-webkit-details-marker { display: none; }
.blog-preview { white-space: pre-line; margin-bottom: 0.5rem;}
.read-more-text {display: inline-block; font-weight: bold; margin-top: 0.5rem; }
.read-more-text:hover { text-decoration: underline; }
.blog-collapse[open] .read-more-text { margin-bottom: 1rem; }
/* Collapsible blog post styles */
.blog-collapsible {
margin-top: 0.5rem;
}
.blog-preview {
white-space: pre-line;
margin-bottom: 0.5rem;
}
.blog-full {
white-space: pre-line;
margin-top: 0.5rem;
}
.blog-toggle {
background: none;
border: none;
color: #dc2626;
font-weight: bold;
cursor: pointer;
padding: 0.25rem 0;
font-size: 0.95rem;
}
.blog-toggle:hover {
text-decoration: underline;
}
.show-less {
display: none; /* hidden by default, shown when expanded */
}
.modal-next { right:20px; top:50%; transform:translateY(-50%); }