pludi
/
mdlive
mirror of https://git.ludikovsky.name/git/mdlive.git
1
0
Fork 0
Code Issues Releases Activity

Apply blog styles

This commit is contained in:
Peter 2022-01-25 08:43:11 +01:00
parent febd94f691
commit 8642b7dbaa
2 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
static/blog.css
View File

@ -1,8 +1,26 @@
@import url('https://ludikovsky.name/fonts/fonts.css'); @import url('/fonts/fonts.css');
@media (prefers-color-scheme: dark) {
:root {
--main-fg-color: #fff;
--main-bg-color: #000;
--middlegray: #8c8c8c;
--bordercol: white;
}
}
@media (prefers-color-scheme: light) {
:root {
--main-fg-color: #000;
--main-bg-color: #fff;
--middlegray: #777;
--bordercol: black;
}
}
article > footer { article > footer {
text-align: right; text-align: right;
color: #777; color: var(--middlegray);
font-variant: small-caps; font-variant: small-caps;
font-size: 11pt; font-size: 11pt;
} }
@ -11,25 +29,24 @@ article > div {
font-size: 14pt; font-size: 14pt;
font-family: 'DejaVu Serif', sans-serif; font-family: 'DejaVu Serif', sans-serif;
text-align: justify; text-align: justify;
hyphens: auto;
} }
article > div > aside { article > div > aside {
max-width: 50%; max-width: 50%;
float: right; float: right;
border: black 1pt solid; border: var(--bordercol) 1pt solid;
padding: 6pt; padding: 6pt;
margin-left: 12pt; margin-left: 12pt;
margin-bottom: 12pt; margin-bottom: 12pt;
} }
blockquote { blockquote {
border-left-color: #777; border-left-color: var(--middlegray);
} }
code { code {
font-family: 'Hack', monospace; font-family: 'Hack', monospace;
color: #000;
background: #fff;
} }
body { body {
@ -37,7 +54,11 @@ body {
font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures;
font-kerning: normal; font-kerning: normal;
font-family: 'DejaVu Sans', sans-serif; font-family: 'DejaVu Sans', sans-serif;
background-color: var(--main-bg-color);
color: var(--main-fg-color);
} }
dd {
padding-left: 2em; img.ccimg {
border-width: 0;
} }

2
templates/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="de">
<head> <head>
<title>Live Markdown</title> <title>Live Markdown</title>
<meta charset="utf-8"> <meta charset="utf-8">