diff --git a/src/styles/corrupt_layout.css b/src/styles/corrupt_layout.css index ced6354..8f4d8ca 100644 --- a/src/styles/corrupt_layout.css +++ b/src/styles/corrupt_layout.css @@ -39,6 +39,7 @@ footer #social { } main { + margin: 0 2em; } main #details { @@ -75,7 +76,7 @@ main #desc { grid-template-rows: 50px max-content; grid-template-areas: "head head head head head head head" - ". body body body body body ." + "body body body body body body body" "foot foot foot foot foot foot foot"; } @@ -98,7 +99,7 @@ main #desc { grid-template-rows: 50px max-content; grid-template-areas: "head head head head head head head foot foot" - ". body body body body body . foot foot"; + "body body body body body body body foot foot"; } header { @@ -121,6 +122,10 @@ main #desc { padding: 50px 0px; } + main { + margin: 0 5em; + } + main #date { width: 50%; text-align: left; diff --git a/src/styles/corrupt_typog.css b/src/styles/corrupt_typog.css index 1bf3498..eb04de1 100644 --- a/src/styles/corrupt_typog.css +++ b/src/styles/corrupt_typog.css @@ -39,10 +39,11 @@ nav { padding: 0em 1em; } +/* Article Titles */ h1 { padding: 10px; font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; - color: darkgrey; letter-spacing: 0.5em; + color: darkgrey; letter-spacing: 0.25em; } h1::first-letter { @@ -50,6 +51,7 @@ h1::first-letter { color: white; } +/* Article section Header, left-aligned */ h2 { text-align: left; padding: 10px; @@ -57,6 +59,7 @@ h2 { color: darkgrey; letter-spacing: 0.6em; } +/* Article section Header, right-aligned */ h3 { text-align: right; padding: 10px; @@ -64,6 +67,7 @@ h3 { color: darkgrey; letter-spacing: 0.6em; } +/* Article footer and tags */ h4 { text-align: center; padding: 10px; @@ -72,12 +76,17 @@ h4 { color: darkgrey; letter-spacing: 0.4em; } +/* Footer links and section titles */ h5 { + text-align: right; padding: 10px; - font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; - color: darkgrey; letter-spacing: 0.5em; text-align: center; + font: 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif; + color: darkgrey; letter-spacing: 0.6em; + margin-top: 0; margin-bottom: 0; } +/* Category button */ +/* TODO: Change this to a different tag */ h6 { padding: 10px; font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;