From ec0f60fbd88ddc140849322fcb4bcecf9242e2cd Mon Sep 17 00:00:00 2001 From: "josha.von.gizycki" Date: Thu, 8 Feb 2024 12:25:16 +0100 Subject: [PATCH] styling --- resources/page/resources/style.css | 57 ++++++++++-------------------- 1 file changed, 19 insertions(+), 38 deletions(-) diff --git a/resources/page/resources/style.css b/resources/page/resources/style.css index d4f1eac..59fe083 100644 --- a/resources/page/resources/style.css +++ b/resources/page/resources/style.css @@ -1,3 +1,10 @@ +body { + margin: auto; + max-width: 66rem; + padding: 0 1rem; + font-size: 1.3rem; +} + a:link, a:visited { text-decoration: none; color: blue; @@ -8,62 +15,36 @@ a:hover, a:active { } header { - padding: 1em; - margin-bottom: 1em; + padding: 4rem 0; + margin-bottom: 1rem; } -header h1 { - margin: 0; - margin-bottom: .2em; - font-size: 2em; +h1 { + font-size: 1.5rem; } -main h1 { - font-size: 1.5em; +h1:before { + content: "▻ "; } -main h2 { - font-size: 1.3em; +h2 { + font-size: 1.3rem; } -main h3 { - font-size: 1.2em; +h3 { + font-size: 1.2rem; } nav a { - margin-right: 1em; -} - -main { - padding-left: 1em; -} - -article { - padding-left: 1em; -} - -article h1:before { - content: "▻ "; + margin-right: 1rem; } blockquote { background-color: #f5f5f5; - padding: .3em; - padding-left: .6em; + padding: .3rem .3rem .3rem .6rem; margin-left: 0; } blockquote p { margin: 0; } - -time { - font-style: italic; -} - -@media only screen and (min-width: 1000px) { - body { - margin-left: 20%; - margin-right: 20%; - } -}