X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/b9e98ec91b4e1ad3ddc3d22c810ae904c3c89933..b7990ab7089cdcf569805e06d5d1f9031852edd8:/jekyll/css/application.css?ds=inline diff --git a/jekyll/css/application.css b/jekyll/css/application.css index e12ef24..dc53921 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,54 +1,38 @@ -body {background-image: url(/img/bg.png)} -a.logo {display: block; margin: 6.4616em auto 0; auto; width: 540px; height: 60px; background-image: url(/img/logo.png)} +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 span {display:none} -em {color: #7a8793} +em {color:#99a3a4} nav ul{ list-style: none; - margin: 0 auto 6.4616em; - text-align: center; + margin: 1.536em; } nav ul li{ display: inline; - font-family: 'Open Sans condensed', sans-serif; + font-family: 'Oswald', sans-serif; text-transform: uppercase; - font-weight: 300; - font-size: 2em; - margin: 0.5em + font-weight: 400; + font-size: 2.769em; + margin: 0.555em; } nav ul li a{ - color: #03090f; + color: #54575a; text-decoration: none; } nav ul li a:hover, nav ul li a:active, nav ul li a:focus { - color: #009edb; + color: #74777a; text-decoration: none; } -.posttags{ - font-family: 'Signika Negative', sans-serif; - background-color: #fff; - margin: 1em 0; - color: #03090f; +.main-container { + margin: 3.077em 0; } -.posttags .span1, -.posttags .span2, -.posttags .span3{ - margin-left: 0; - margin-right: 0; - padding: 0.6154em 0.7692em; -} - -.posttags .span1{width: 110px} -.posttags .span2{width: 140px} -.posttags .span3{width: 260px} - .postcontainer{ margin: 2em 0; font-family: 'Signika', sans-serif; @@ -57,65 +41,130 @@ nav ul li a:focus { color: #03090f; } -.postcontainer h1{ - font-family: 'Open Sans Condensed', sans-serif; +.postcontainer h1, +.postcontainer h2, +.postcontainer h3 { + font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 300; - font-size: 2.77em; } -aside h3{ - font-family: 'Open Sans Condensed', sans-serif; - font-weight: 300; - font-size: 1.85em; - margin: 1.0833em 0; +.postcontainer h1{ + color: #d30058; + margin: 0.666em 1.333em 0; } -aside ul{ - margin-left: 0; - list-style: none; +.postcontainer h2 { + color:#99a3a4; + font-size: 1.692em; } -aside li{ - display: block; - margin: 0; - background-color: #fff; - color: #03090f; - height: 2.9167em; +.postcontainer h3{ + color:#99a3a4; + font-size: 1.384em; } -aside li.alt{ - color: #333; - background-color: #fafafa; +.postcontainer.blue h1 {color: #0081cb} +.postcontainer.green h1 {color: #43da30} +.postcontainer.grey h1 {color: #9e978e} +.postcontainer.yellow h1 {color: #ffda00} +.postcontainer.orange h1 {color: #fd3839} +.postcontainer.red h1 {color: #f32240} +.postcontainer.cyan h1 {color: #74d0eb} +.postcontainer.purple h1 {color: #400098} + +.post-meta { + margin-left: 3.077em; } -aside li a, -aside li a:visited, -aside li a:hover, -aside li a:active{ color: #03090f; padding: 0.7692em; line-height: 2.9167em } - -aside li.alt a, -aside li.alt a:visited, -aside li.alt a:hover, -aside li.alt a:active{ color: #333 } +.post-meta > div { + display: inline-block; + font-size: 1.077em; +} -aside .counter{ display: block; float: right; font-weight: bold; width: 2.9167em; height: 2.9167em; text-align: center; background-color: #00af4c; color: #fff; line-height: 2.9167em} -aside li.alt .counter { background-color: #009edb} +.post-meta .post-date{width: 5.714em} +.post-date a {color:#99a3a4} +.post-tags a {color:#d30058; text-decoration: underline} + +.postcontainer.blue .post-tags a {color: #0081cb} +.postcontainer.green .post-tags a {color: #43da30} +.postcontainer.grey .post-tags a {color: #9e978e} +.postcontainer.yellow .post-tags a {color: #ffda00} +.postcontainer.orange .post-tags a {color: #fd3839} +.postcontainer.red .post-tags a {color: #f32240} +.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} + +.postcontainer.blue .post-image {background-color: #0081cb} +.postcontainer.green .post-image {background-color: #43da30} +.postcontainer.grey .post-image {background-color: #9e978e} +.postcontainer.yellow .post-image {background-color: #ffda00} +.postcontainer.orange .post-image {background-color: #fd3839} +.postcontainer.red .post-image {background-color: #f32240} +.postcontainer.cyan .post-image {background-color: #74d0eb} +.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; +} .postcontent p, .postcontent li{ - font-size: 1.1em; - line-height: 1.4615em; + font-size: 1.077em; + line-height: 1.6em; padding: 8px 0; } -.postcontent em{ - color: #666; - font-family: 'PT Sans', sans-serif; -} +.postcontent a {color: #d30058} +.blue .postcontent a {color: #0081cb} +.green .postcontent a {color: #43da30} +.grey .postcontent a {color: #9e978e} +.yellow .postcontent a {color: #ffda00} +.orange .postcontent a {color: #fd3839} +.red .postcontent a {color: #f32240} +.cyan .postcontent a {color: #74d0eb} +.purple .postcontent a {color: #400098} .postcontent strong{ font-weight: 400; } +.go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block} + .main-container section, .main-container aside{ text-align: left} + +/* List pages */ + +.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} +.related a.green {color: #43da30} +.related a.grey {color: #9e978e} +.related a.yellow {color: #ffda00} +.related a.orange {color: #fd3839} +.related a.red {color: #f32240} +.related a.cyan {color: #74d0eb} +.related a.purple {color: #400098} + +.related h1{ + font-family: 'Oswald', sans-serif; + text-transform: uppercase; + font-weight: 300; + padding-bottom: 0.666em; + color:#99a3a4; +} + +/* Paginator */ + +.paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif} +.paginator a{color:#99a3a4}