X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/89539330a0491b210a3484e44abd5dab71e846ac..621f1f8bb97e33dcd3bd69d64e1adeef8249de29:/jekyll/css/application.css?ds=sidebyside diff --git a/jekyll/css/application.css b/jekyll/css/application.css index bc1850b..bd50233 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,110 +1,25 @@ -a.logo {display: block; margin: 6.4616em auto; width: 160px; height: 90px; background-image: url(/img/logo.png)} -a.logo span {display:none} - -.postmeta{ - font-family: 'Signika Negative', sans-serif; - background-color: #000; - margin: 1em 0 0; - color: #999; - padding: 0.1538em; -} - -.postmeta a, -.postmeta a:visited, -.postmeta a:active, -.postmeta a:hover{color: #fff} - -.postmeta .author{ - padding-left: 0.3846em; +canvas { + width: 64px; + height: 64px; + display: inline-block; + background-color: gainsboro; } -.postmeta .date{ - font-style: italic; +ul { + list-style: square; } -.posttags{ - font-family: 'Signika Negative', sans-serif; - background-color: #f2f2f2; - margin: 0 0 1em; - color: #000; -} - -.posttags .span1, -.posttags .span2, -.posttags .span3{ - margin-left: 0; - margin-right: 0; - padding: 0.6154em 0.7692em; -} +@media (prefers-color-scheme: dark) { + body { + color: white; + background-color: black; + } -.posttags .span1{width: 110px} -.posttags .span2{width: 140px} -.posttags .span3{width: 260px} - -.postcontainer{ - margin: 2em 0; - font-family: 'Signika', sans-serif; - letter-spacing: 0.05em; - font-weight: 300; - color: #000; -} - -.postcontainer h1{ - font-family: 'Advent Pro', sans-serif; - text-transform: uppercase; - font-weight: 100; - font-size: 2.77em; -} - -aside h3{ - font-family: 'Advent Pro', sans-serif; - font-weight: 100; - font-size: 1.85em; - margin: 1.0833em 0; -} + a { + color: #5dc1fd; + } -aside ul{ - margin-left: 0; - list-style: none; + a:visited { + color: #ed6eff; + } } - -aside li{ - display: block; - margin: 0; - background-color: #f2f2f2; - color: #000; - height: 2.9167em; -} - -aside li.alt{ - color: #333; - background-color: #fafafa; -} - -aside li a, -aside li a:visited, -aside li a:hover, -aside li a:active{ color: #000; 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 } - -aside .counter{ display: block; float: right; font-weight: bold; width: 2.9167em; height: 2.9167em; text-align: center; background-color: #999; color: #fff; line-height: 2.9167em} -aside li.alt .counter { background-color: #666} - -.postcontent p, .postcontent li{ - font-size: 1em; - line-height: 1.4615em; - padding: 8px 0; -} - -.postcontent em{ - color: #666; - font-family: 'PT Sans', sans-serif; -} - -.postcontent strong{ - font-weight: 400; -} \ No newline at end of file