X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/5a78a63ec54c07654aaa59bc3f9f8ab6c137c92c..66caffcb2f895aa57888fa7b1258254632c4c50f:/jekyll/css/application.css?ds=inline diff --git a/jekyll/css/application.css b/jekyll/css/application.css index 9120818..7dff1ee 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,11 +1,14 @@ body {background-color: #fff} -a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)} +a.logo {display: block; margin: 1.538em auto 0; max-width: 60em; background-size: 100% 100%; height: 6.667em; background-image: url(/img/unlimited-pizza-animated-logo.gif)} a.logo span {display:none} em {color:#99a3a4} nav ul{ list-style: none; - margin: 1.536em; + margin: 1.536em auto; + max-width: 60em; + justify-content: space-between; + display: flex; } nav ul li{ @@ -14,7 +17,7 @@ nav ul li{ text-transform: uppercase; font-weight: 400; font-size: 2.769em; - margin: 0.555em; + margin: 0.555em 0; } nav ul li a{ @@ -36,17 +39,34 @@ nav ul li a:focus { .postcontainer{ margin: 2em 0; font-family: 'Signika', sans-serif; - letter-spacing: 0.05em; + letter-spacing: 0.03em; font-weight: 300; color: #03090f; } -.postcontainer h1{ +.postcontainer h1, +.postcontainer h2, +.postcontainer h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 300; +} + +.postcontainer h1{ color: #d30058; margin: 0.666em 1.333em 0; + font-size: 3.692em; + line-height: 1.0833em; +} + +.postcontainer h2 { + color:#99a3a4; + font-size: 1.692em; +} + +.postcontainer h3{ + color:#99a3a4; + font-size: 1.384em; } .postcontainer.blue h1 {color: #0081cb} @@ -59,7 +79,8 @@ nav ul li a:focus { .postcontainer.purple h1 {color: #400098} .post-meta { - margin-left: 3.077em; + margin: 0.714em 4.643em 4.285em; + font-size: 1.077em; } .post-meta > div { @@ -80,7 +101,7 @@ nav ul li a:focus { .postcontainer.cyan .post-tags a {color: #74d0eb} .postcontainer.purple .post-tags a {color: #400098} -.post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em} +.post-image {max-height: 36.923em; background-color: #d30058; margin-top: 3.077em; background-size: auto 100%} .postcontainer.blue .post-image {background-color: #0081cb} .postcontainer.green .post-image {background-color: #43da30} @@ -92,18 +113,25 @@ nav ul li a:focus { .postcontainer.purple .post-image {background-color: #400098} .postcontent {margin: 1.538em 3.077em; - -webkit-column-width: 36.923em; - -moz-column-width: 36.923em; - column-width: 36.923em; - -webkit-column-gap: 6.154em; - -moz-column-gap: 6.154em; - column-gap: 6.154em; + -webkit-column-width: 36em; + -moz-column-width: 36em; + column-width: 36em; + -webkit-column-gap: 2em; + -moz-column-gap: 2em; + column-gap: 2em; } +.related p, .related li, .postcontent p, .postcontent li{ - font-size: 1.077em; + font-size: 1.307em; line-height: 1.6em; - padding: 8px 0; + padding: 5px 0; + color: #54575a; + font-family: "Lato", sans-serif; +} + +.related p, .postcontent p { + padding: 10px 0; } .postcontent a {color: #d30058} @@ -120,6 +148,10 @@ nav ul li a:focus { font-weight: 400; } +.postcontent iframe{ + display: block; +} + .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block} .main-container section, @@ -129,7 +161,6 @@ nav ul li a:focus { .related {margin: 0 3.077em} .related ul {margin: 0 1.538em} -.related li {font-size: 1.077em; font-family: "Lato"} .related a {color: #d30058} .related a.blue {color: #0081cb} @@ -153,3 +184,50 @@ nav ul li a:focus { .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif} .paginator a{color:#99a3a4} + +.postcontent pre code {font-size: 1.333em; line-height: 1.5em} +code {overflow-wrap: normal} + +/* Guestbook */ +.guestbook-feed, .guestbook-form ul { + list-style: none; +} + +.guestbook-form li { + display: block; +} + +.guestbook-form .guestbook-label { + width: 8.571em; + float: left; + text-align: right; + padding: 1.071em; +} + +.guestbook-form .guestbook-control { + float: left; +} + +.guestbook-form .guestbook-control-group { + clear: both; +} + +.guestbook-form .comment-control { + width: 42.857em; + height: 10em; +} + +.guestbook-content, .guestbook-form { + clear: both; + padding: 2.142em 0; +} + +.guestbook-feed .guestbook-post { + display: block; + border-bottom: 0.071em solid #99a3a4; + padding: 1.071em; +} + +.guestbook-post .author { + font-weight: bold; +}