From 8f929523b2b6948c221c56dfe0d458d0033feb40 Mon Sep 17 00:00:00 2001 From: maste9 Date: Tue, 15 Feb 2022 21:25:15 +0100 Subject: [PATCH] Update style. --- style.css | 35 +++++++++++++++++++++++++++-------- 1 file changed, 27 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index dbe5c61..8f20c30 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,8 @@ /* || general styles */ html { - font-family: 'Oswald', sans-serif; - font-weight: 200; + font-family: monospace, sans-serif; + font-weight: thin; } #comments > a { @@ -10,7 +10,7 @@ html { } article { - font-family: 'Oswald', sans-serif; + font-family: monospace, sans-serif; color: #fff; background:#313543; display: grid; @@ -20,7 +20,7 @@ article { "footer footer"; grid-template-columns: 1fr 3fr; gap: 0.5em; - width: 30em; + width: 40em; padding: 1em 0.25em 0em 0.25em; } @@ -44,24 +44,43 @@ article header summary { article aside { grid-area: profile; text-align:center; + overflow-wrap: anywhere; } article aside h1 { - font-size: 1.2em; + font-size: 1em; font-weight: 300; - padding:0; margin-bottom:0; + padding:0.25em; margin-bottom:0; } article aside h2 { - font-size: 1.0em; + font-size: 0.8em; font-weight: 200; - padding:0; margin:0; + padding:0.25em; margin:0; +} + +article aside h2 > a { + color: #fff; + font-style: oblique; +} + +article aside h2 > a:before { + content: "@"; } article aside img { max-width: 100px; } +article > aside > div { + +} + +article > aside > div > time { + font-size: 0.7em; + color:#b4b5ba; +} + article section { grid-area: content; }