💾 Archived View for gmi.meadow.cafe › current-theme.gmi captured on 2024-12-17 at 10:01:31. Gemini links have been rewritten to link to archived content
⬅️ Previous capture (2024-09-29)
-=-=-=-=-=-=-
--------------------------------------------------------------------------------
This pages contains the CSS code for the theme my blog is currently using. Feel free to use it yourself if you want! To do so you need to Dashboard -> Themes and then scroll the the bottom and paste this CSS in the Edit theme CSS text box.
:root { --width: 720px; --font-main: Verdana, sans-serif; --font-secondary: Verdana, sans-serif; --font-scale: 1em; --background-color: #fffcfa; --heading-color: #555; --text-color: #5b5656; --link-color: #db9292; --visited-color: #a386e3; --code-background-color: #f2f2f2; --code-color: #222; --blockquote-color: #222; --em-color: #5b5656c4; } @media (prefers-color-scheme: dark) { :root { --background-color: #292a2b; --heading-color: #f4f4f4; --text-color: #fbfafa; --link-color: #f4b690; --visited-color: #c1a6ff; --code-background-color: #000; --code-color: #ddd; --blockquote-color: #ccc; --em-color: #fbfafac7; } } body { font-family: var(--font-secondary); font-size: var(--font-scale); margin: auto; padding: 20px; max-width: var(--width); text-align: left; background-color: var(--background-color); word-wrap: break-word; overflow-wrap: break-word; line-height: 1.5; color: var(--text-color); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-main); color: var(--heading-color); } a { color: var(--link-color); cursor: pointer; text-decoration: underline; } a:hover { text-decoration: wavy underline; } nav a { margin-right: 8px; } strong, b { color: var(--heading-color); } button { margin: 0; cursor: pointer; } header { padding-bottom: 1em; border-bottom: dotted; } main { line-height: 1.6; border-bottom: dotted; padding-bottom: 1.2em; } em, i { color: var(--em-color); } table { width: 100%; } hr { border: 0; border-top: 1px dashed; } img { max-width: 100%; } code { font-family: monospace; padding: 2px; background-color: var(--code-background-color); color: var(--code-color); border-radius: 3px; } blockquote { border-left: 1px solid #999; color: var(--code-color); padding-left: 20px; font-style: italic; } footer { padding: 25px 0; text-align: center; } .title ::after { content: "🌱"; } .title { text-decoration: none; } .title:hover { text-decoration: none; } .title h1 { font-size: 1.5em; } .inline { width: auto !important; } .highlight, .code { padding: 1px 15px; background-color: var(--code-background-color); color: var(--code-color); border-radius: 3px; margin-block-start: 1em; margin-block-end: 1em; overflow-x: auto; } /* blog post list */ ul.blog-posts { list-style-type: none; padding: unset; } ul.blog-posts li { display: flex; } ul.blog-posts li span { flex: 0 0 130px; } ul.blog-posts li a:visited { color: var(--visited-color); } /* Disable upvote COUNT */ .upvote-count { display: none; } button.upvote-button { cursor: pointer; }
--------------------------------------------------------------------------------
Everything here is licensed under CC-BY-4.0 unless otherwise noted.