style.css (1817B)
1 /* simpleblog — css minimal */ 2 * { box-sizing: border-box; } 3 body { 4 font-family: system-ui, sans-serif; 5 max-width: 40rem; 6 margin: 2rem auto; 7 padding: 0 1rem; 8 line-height: 1.5; 9 color: #222; 10 background: #fafafa; 11 } 12 a { color: #0366d6; } 13 a:hover { text-decoration: underline; } 14 15 .site-header { border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 2rem; } 16 .site-brand { display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; color: #222; } 17 .site-logo { width: 1.75rem; height: 1.75rem; } 18 .site-title { font-size: 1.5rem; font-weight: bold; } 19 .site-description { color: #666; margin: 0.25rem 0 0; } 20 .site-nav { margin-top: 0.75rem; } 21 .site-nav a { margin-right: 0.75rem; } 22 23 .site-footer { border-top: 1px solid #ddd; margin-top: 3rem; padding-top: 1rem; color: #666; font-size: 0.9rem; } 24 25 .post-list ul { list-style: none; padding: 0; } 26 .post-item { margin-bottom: 1.25rem; } 27 .post-item time { display: inline-block; color: #888; font-family: monospace; margin-right: 0.5rem; } 28 .post-summary { color: #555; margin: 0.25rem 0 0; } 29 30 .post-header h1 { margin-bottom: 0.25rem; } 31 .post-meta { color: #888; font-family: monospace; margin-top: 0; } 32 .post-content { margin-top: 2rem; } 33 .post-content pre { background: #f0f0f0; padding: 0.75rem; overflow-x: auto; } 34 .post-content code { background: #f0f0f0; padding: 0.1rem 0.3rem; } 35 .post-content pre code { padding: 0; background: none; } 36 37 .pagination { margin-top: 2rem; } 38 .pagination a { margin-right: 1rem; } 39 40 .post-tags { margin-left: 0.5rem; } 41 .post-tags a { background: #eef; padding: 0.05rem 0.4rem; border-radius: 3px; font-size: 0.85rem; } 42 43 .tag-cloud ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; } 44 .tag-cloud li a { background: #eef; padding: 0.2rem 0.6rem; border-radius: 3px; }