From c5d6c0a3a039401604f56b13cd2e97e457526560cdd520ad3c6c17acdc0d878e Mon Sep 17 00:00:00 2001 From: Nicholas Johnson Date: Mon, 25 Nov 2024 00:00:00 +0000 Subject: Move /style.css to /static/css/style.css It's good practice to keep static website assets isolated to their own subdirectory. --- assets/static/css/style.css | 159 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 159 insertions(+) create mode 100644 assets/static/css/style.css (limited to 'assets/static') diff --git a/assets/static/css/style.css b/assets/static/css/style.css new file mode 100644 index 0000000..81ea8bd --- /dev/null +++ b/assets/static/css/style.css @@ -0,0 +1,159 @@ +/* + 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 . +*/ + +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 { + text-underline-offset: 3px; +} + +.link--internal { + color: #0091ea; +} + +.link--internal:hover { + background-color: #0091ea; + color: black; +} + +.link--external { + color: #9370DB; +} + +.link--external:hover { + background-color: #9370DB; + 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; +} -- cgit v1.2.3