diff options
author | goodroot <9484709+goodroot@users.noreply.github.com> | 2021-07-03 08:25:45 +0300 |
---|---|---|
committer | goodroot <9484709+goodroot@users.noreply.github.com> | 2021-07-03 08:25:45 +0300 |
commit | 908edb34511c970fc18ba29dfc8c5ac4e3160f47 (patch) | |
tree | 454b92e3df5e11764dff42a11537dcb72b1732a0 | |
parent | 519f0ddbb77905181569caadb71c04b47390d3c4 (diff) |
herm
-rw-r--r-- | static/css/style.css | 73 |
1 files changed, 35 insertions, 38 deletions
diff --git a/static/css/style.css b/static/css/style.css index df18d69..0dcd700 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,6 +1,4 @@ -/* Toggle darkmode / lightmode */ - -/* darkmode */ +/* Dark mode */ @media (prefers-color-scheme: dark) { body { background-color: #393E41; @@ -36,46 +34,42 @@ table thead th { border-bottom: 1px solid #666; } th, td { padding: 5px; } tr:nth-child(even) { background: #666 } + } -/* lightmode */ -@media (prefers-color-scheme: light) { - body { - background-color: #393E41; - color: white; - } + +/* Light mode */ +@media (prefers-color-scheme: light) { blockquote { - background: #393E41; + background: #f9f9f9; } a { - color: #EBC3DB; + color: #613DC1; } header { - background: #393E41; - border-bottom: 2px dotted #EBC3DB; - + background: #613DC1; } .article-meta, .menu a { - background: #393E41; - color: white; + background: #E8DBC5; + color: #000; } - code { background: #black; } - table { margin: auto; border-top: 1px solid #666; border-bottom: 1px solid #666; } - table thead th { border-bottom: 1px solid #666; } + table thead th { border-bottom: 1px solid #ddd; } th, td { padding: 5px; } - tr:nth-child(even) { background: #666 } + tr:nth-child(even) { background: #eee } + } + body { max-width: 800px; margin: auto; @@ -83,6 +77,10 @@ body { line-height: 1.5em; } +h1 { + line-height: 1.5em; +} + /* Table of Contents, if wanted Add to yaml: @@ -102,8 +100,6 @@ output: .menu li { display: inline-block; } .article-meta, .menu a { text-decoration: none; - background: #E8DBC5; - color: #000; padding: 5px; border-radius: 5px; border-style: dotted; @@ -124,7 +120,6 @@ footer a { text-decoration: none; } } a { - color: #613DC1; text-decoration: none; } @@ -138,8 +133,6 @@ header { width: 100%; height: 1.75rem; font-size: 1rem; - background: #613DC1; - border-bottom: 1px solid #000; } header ul, @@ -170,14 +163,17 @@ pre { padding: 1em; overflow-x: auto; } -code { background: #f9f9f9; } pre code { background: none; } /* Images, tables, misc. */ img, iframe, video { max-width: 100%; height: auto; + display: block; + margin-left: auto; + margin-right: auto; } + main { hyphens: auto; max-width: 650px; @@ -191,28 +187,29 @@ main { main a { font-weight: bold; } + blockquote { - background: #f9f9f9; + border-left: 5px solid #ccc; padding: 3px 1em 3px; } -table { - margin: auto; - border-top: 1px solid #666; - border-bottom: 1px solid #666; -} -table thead th { border-bottom: 1px solid #ddd; } -th, td { padding: 5px; } -tr:nth-child(even) { background: #eee } - .content-wrapper { padding: 0px 12px 0px 12px; } - -#main-image { +#kellen-face { min-width: 40px; float: right; padding: 10px; display: block; } + +/* Extra Small Devices, Phones */ +@media only screen and (min-width : 480px) { + #kellen-face { + min-width: 40px; + float: center; + padding: 10px 10px 10px 20px; + display: block; + } +} |