diff --git a/themes/geronimo/static/css/style.css b/themes/geronimo/static/css/style.css index dca319b..5723ddc 100644 --- a/themes/geronimo/static/css/style.css +++ b/themes/geronimo/static/css/style.css @@ -1,7 +1,25 @@ /* Body */ -a { +a, +a:link { text-decoration: none; + color: #ace; } + +a:hover { + background: #2b5278; + text-decoration: underline dotted; + border: 1px solid; +} + +header a:link, +header a:visited, +footer a:link, +footer a:visited, +aside a:visited, +main a:visited { + color: #FFF; +} + body { background: #10151a; color: #d3dae3; @@ -10,49 +28,42 @@ body { max-width: 50em; padding: 0 2em; } -footer a:link, -header a:link { - color: #FFF; -} -a:link { - color: #ace; -} -a:hover { - background: #2b5278; - text-decoration: underline dotted; - border: 1px solid; -} -a:visited { - color: #FFF; -} + h2, main h1 { text-align: center; } + h1 { font-size: 2.1em; } + h2 { font-size: 1.8em; } + h3 { font-size: 1.5em; } + article, main { padding: 4px 2px; } + blockquote { padding: 0.5em 1.5em; background: #EEE; color: #000; border-radius: 4px; } + code { background: #000; font: 1em/1.5 monospace, monospace; padding: 2px; } + img[src$='#center'] { display: block; margin-left: auto; @@ -60,29 +71,41 @@ img[src$='#center'] { } /* Light theme */ -@media(prefers-color-scheme:light) { +@media (prefers-color-scheme: light) { body { background: #f2f2f2; color: #000; } + + header a:link, + header a:visited, footer a:link, - header a:link { - color: #000; - } + footer a:visited, aside a:link { color: #000; } + a:hover { background: #cae6ef; text-decoration: underline dotted; border: 1px solid; } + main a:link { color: #004962; } - main a:visited { + + main a:visited, + aside a:visited { color: #542baa; } + + code { + background: #ccc; + color: #000; + font: 1em/1.5 monospace, monospace; + padding: 2px; + } } /* Classes */ @@ -92,6 +115,7 @@ img[src$='#center'] { margin-right: auto; text-align: center; } + .nextcloud { width: 50px; height: 30px; @@ -102,16 +126,20 @@ img[src$='#center'] { background-repeat: no-repeat; background-position: center center; } + .post-title { line-height: 1.8; } + .subtitle { float: right; } + a.link-000 { background: #000; border: none; } + a.link-001 { padding: 10px; background-color: #0082c9; @@ -119,6 +147,7 @@ a.link-001 { border-radius: 3px; padding-left: 4px; } + html { overflow-y: scroll; visibility: visible;