From 3caa2027c4c0d77c2706aac5356ce4aa666379a1 Mon Sep 17 00:00:00 2001 From: Yaroslav Date: Fri, 13 Mar 2020 18:28:40 +0300 Subject: style/layout changes; gitignore --- static/css/yaroslavps.css | 54 ++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 49 insertions(+), 5 deletions(-) (limited to 'static/css') diff --git a/static/css/yaroslavps.css b/static/css/yaroslavps.css index f4f722f..21e70a6 100644 --- a/static/css/yaroslavps.css +++ b/static/css/yaroslavps.css @@ -3,7 +3,10 @@ html, body { width: 100%; min-height: 100vh; - background-color: #1b1e25; + background-color: #000; + background-image: url("/svg/background.svg"); + background-size: 45px 45px; + background-repeat: repeat; margin: 0; padding: 0; font-size: 18px; @@ -32,12 +35,12 @@ p { } a, a:visited { - color: #3f6e90; + color: #7fac96; text-decoration: none; } a:hover { - color: #81acc1; + color: #5b8277; } h1, @@ -53,24 +56,65 @@ h4 > a, h5 > a, h6 > a { font-family: "IBM Plex Serif", Georgia, serif; + font-weight: 300; +} + +hr { + border-style: solid; + border-color: #dedede; + border-width: 1px 0 0 0; } span.icon { font-family: "IBM Plex Mono"; + font-size: 2em; + margin: auto 0.5em; +} + +.publish-date { + color: #a1a6b2; + font-family: "IBM Plex Sans"; + font-weight: 300; + font-style: italic; +} + +h2 > span.publish-date { + font-size: 0.8em; } .main-container { display: grid; - grid-template-columns: 3fr 1fr; - max-width: 62em; + grid-template-columns: 5fr 2fr; + grid-template-rows: min-content auto; + max-width: 1080px; margin: 0 auto; + min-height: 100vh; + background-color: #000; +} + +.landing-page-container { + grid-column-start: 1; + grid-column-end: 3; } .header-container { grid-column-start: 1; grid-column-end: 3; + text-align: center; + padding: 0 1em; } .sidebar-container { padding: 1em; } + +.links-container { + text-align: center; +} + +.content-container { +} + +.post-container { + padding: 2em; +} -- cgit v1.2.3