diff options
Diffstat (limited to 'assets/style.css')
-rw-r--r-- | assets/style.css | 147 |
1 files changed, 147 insertions, 0 deletions
diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..b6d506f --- /dev/null +++ b/assets/style.css @@ -0,0 +1,147 @@ +/* + hugo-theme-journal Hugo theme for my journal + Copyright (C) 2022-2023 Nicholas Johnson + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. +*/ + +html { + font-size: 62.5%; +} + +h1 { + color: #ff0000; + font-size: 2.2rem; +} + +h2 { + color: #66ff00; + font-size: 2rem; +} + +h3, h4, h5, h6 { + color: #ff007f; + font-size: 1.8rem; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 1.5em; + margin-bottom: 1.0em; +} + +p { + overflow-wrap: break-word; +} + +pre { + color: #ffffba; + line-height: normal; + overflow: auto; + padding: 1.0em; +} + +blockquote { + background-color: #272822; + font-style: italic; + padding: 1.0em; +} + +blockquote :first-child { + margin-top: 0; +} + +blockquote :last-child { + margin-bottom: 0; +} + +ol { + list-style: decimal inside none; +} + +ul { + list-style: disc inside none; +} + +ol, ul { + padding-left: 0.5em; +} + +img { + max-width: 100%; +} + +blockquote, ol, p, pre, ul, .highlight { + margin-bottom: 1.0em; + margin-top: 1.0em; +} + +.body { + background-color: black; + color: lightgray; + font-family: Arial, Helvetica, sans-serif; + font-size: 1.8rem; + line-height: 1.4; + margin: 0 auto; + padding: 1.4em; +} + +@media only screen and (min-width: 72ch) { + .body { + max-width: 72ch; + } +} + +.footer {} + +.footer__text { + margin-bottom: 0; + margin-top: 2em; +} + +.highlight pre { + margin-bottom: 0em; + margin-top: 0em; +} + +.link { + color: #0091ea; + text-underline-offset: 3px; +} + +.link:hover { + background-color: #004eff; + color: black; +} + +.list { + list-style: none; + padding-left: 0; +} + +@media (pointer: coarse) { + .list__item { + margin-bottom: 1em; + margin-top: 1em; + } +} + +.logo {} + +.logo__text { + line-height: 1.2; + margin-bottom: 2em; + margin-top: 0; + overflow-y: hidden; + padding: 0; +} |