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 {
text-align: right;
color: #777;
color: var(--middlegray);
font-variant: small-caps;
font-size: 11pt;
}
@ -11,25 +29,24 @@ article > div {
font-size: 14pt;
font-family: 'DejaVu Serif', sans-serif;
text-align: justify;
hyphens: auto;
}
article > div > aside {
max-width: 50%;
float: right;
border: black 1pt solid;
border: var(--bordercol) 1pt solid;
padding: 6pt;
margin-left: 12pt;
margin-bottom: 12pt;
}
blockquote {
border-left-color: #777;
border-left-color: var(--middlegray);
}
code {
font-family: 'Hack', monospace;
color: #000;
background: #fff;
}
body {
@ -37,7 +54,11 @@ body {
font-variant-ligatures: common-ligatures;
font-kerning: normal;
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>
<html>
<html lang="de">
<head>
<title>Live Markdown</title>
<meta charset="utf-8">