diff --git a/themes/geronimo/static/css/style.css b/themes/geronimo/static/css/style.css index b4317ee..dca319b 100644 --- a/themes/geronimo/static/css/style.css +++ b/themes/geronimo/static/css/style.css @@ -1,23 +1,126 @@ /* Body */ -a{text-decoration:none;} -body{background:#10151a;color:#d3dae3;font:1em/1.5 sans-serif;margin:2em auto;max-width:50em;padding:0 2em;} -header a:link, footer a:link {color:#FFF;} -a:link{color:#ace;}a:hover {background:#2b5278;text-decoration:underline dotted;border:1px solid;}a:visited{color:#FFF;} -main h1,h2{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;margin-right:auto;} +a { + text-decoration: none; +} +body { + background: #10151a; + color: #d3dae3; + font: 1em/1.5 sans-serif; + margin: 2em auto; + 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; + margin-right: auto; +} /* Light theme */ -@media(prefers-color-scheme:light){body{background:#333;color:#FFF;}main a:link{color:#bdf;}main a:visited{color:#ccf;}} +@media(prefers-color-scheme:light) { + body { + background: #f2f2f2; + color: #000; + } + footer a:link, + header a:link { + color: #000; + } + aside a:link { + color: #000; + } + a:hover { + background: #cae6ef; + text-decoration: underline dotted; + border: 1px solid; + } + main a:link { + color: #004962; + } + main a:visited { + color: #542baa; + } +} /* Classes */ -.center{display:block;margin-left:auto;margin-right:auto;text-align:center;} -.nextcloud{width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;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;color:#ffffff;border-radius:3px;padding-left:4px;} -html{overflow-y:scroll;visibility:visible;opacity:1;} +.center { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} +.nextcloud { + width: 50px; + height: 30px; + position: relative; + top: 8px; + background-size: contain; + display: inline-block; + 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; + color: #ffffff; + border-radius: 3px; + padding-left: 4px; +} +html { + overflow-y: scroll; + visibility: visible; + opacity: 1; +} \ No newline at end of file