site.css (1634B)
1 /* Light/Dark mode */ 2 :root { 3 color-scheme: light dark; 4 --border-color: #ccc; 5 --pre-background-color: #f5f5f5; 6 --text-color: #333; 7 --link-color: #0044dd; 8 } 9 @media (prefers-color-scheme: dark) { 10 :root { 11 --border-color: #333; 12 --pre-background-color: #1a1a1a; 13 --text-color: #ccc; 14 --link-color: #3377dd; 15 background-color:#121212; 16 } 17 } 18 19 /* Basics */ 20 body { 21 color: var(--text-color); 22 font-size: 16px; 23 line-height: 1.6; 24 margin: 40px auto; 25 max-width: 650px; 26 padding: 0 10px 27 } 28 a { 29 color: var(--link-color); 30 text-decoration: none; 31 } 32 pre { 33 background-color: var(--pre-background-color); 34 border: 1px solid var(--border-color); 35 border-radius: 2px; 36 font-size: 12px; 37 line-height: 1.1; 38 overflow-x: auto; 39 padding: 10px; 40 } 41 code { font-size: 14px; line-height: 1.2; } 42 pre>code { font-size: 12px; } 43 h1,h2,h3 { line-height: 1.2; } 44 h1>a,h2>a,h3>a { color: var(--text-color); } 45 .center { text-align: center; } 46 47 /* Header */ 48 header { margin-bottom: 2.5em; } 49 header>div.site-title>h1 { 50 margin: 0; 51 text-align: center; 52 } 53 54 /* Navbar */ 55 nav>.menu { 56 list-style-type: none; 57 margin: 0; 58 padding: 0; 59 text-align: center; 60 } 61 nav>ul>li.menu-item { 62 display: inline; 63 padding: 0 0.5em; 64 } 65 nav>ul>li.menu-item>a { color: var(--text-color); } 66 67 /* Footer */ 68 footer>div.copyright { display: none; text-align: center; } 69 70 /* Home */ 71 section#posts>ol.post-list { list-style-type: none; } 72 73 /* Single */ 74 article h2.post-title { margin-bottom: 0.15em; } 75 article img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } 76 article figcaption { text-align: center; } 77 article figcaption>h4 { font-weight: normal; margin-top: 0; }