X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/8d331b40473381aeb5bc541190ba3d0d000332a3..621f1f8bb97e33dcd3bd69d64e1adeef8249de29:/jekyll/css/application.css diff --git a/jekyll/css/application.css b/jekyll/css/application.css index e12ef24..bd50233 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,121 +1,25 @@ -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)} -a.logo span {display:none} -em {color: #7a8793} - -nav ul{ - list-style: none; - margin: 0 auto 6.4616em; - text-align: center; -} - -nav ul li{ - display: inline; - font-family: 'Open Sans condensed', sans-serif; - text-transform: uppercase; - font-weight: 300; - font-size: 2em; - margin: 0.5em -} - -nav ul li a{ - color: #03090f; - text-decoration: none; -} - -nav ul li a:hover, -nav ul li a:active, -nav ul li a:focus { - color: #009edb; - text-decoration: none; -} - -.posttags{ - font-family: 'Signika Negative', sans-serif; - background-color: #fff; - margin: 1em 0; - color: #03090f; -} - -.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; - letter-spacing: 0.05em; - font-weight: 300; - color: #03090f; +canvas { + width: 64px; + height: 64px; + display: inline-block; + background-color: gainsboro; } -.postcontainer h1{ - font-family: 'Open Sans Condensed', sans-serif; - text-transform: uppercase; - font-weight: 300; - font-size: 2.77em; +ul { + list-style: square; } -aside h3{ - font-family: 'Open Sans Condensed', sans-serif; - font-weight: 300; - font-size: 1.85em; - margin: 1.0833em 0; -} - -aside ul{ - margin-left: 0; - list-style: none; -} - -aside li{ - display: block; - margin: 0; - background-color: #fff; - color: #03090f; - height: 2.9167em; -} - -aside li.alt{ - color: #333; - background-color: #fafafa; -} +@media (prefers-color-scheme: dark) { + body { + color: white; + background-color: black; + } -aside li a, -aside li a:visited, -aside li a:hover, -aside li a:active{ color: #03090f; padding: 0.7692em; line-height: 2.9167em } + a { + color: #5dc1fd; + } -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: #00af4c; color: #fff; line-height: 2.9167em} -aside li.alt .counter { background-color: #009edb} - -.postcontent p, .postcontent li{ - font-size: 1.1em; - line-height: 1.4615em; - padding: 8px 0; -} - -.postcontent em{ - color: #666; - font-family: 'PT Sans', sans-serif; + a:visited { + color: #ed6eff; + } } - -.postcontent strong{ - font-weight: 400; -} - -.main-container section, -.main-container aside{ text-align: left}