X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/f379c6fe5636d915bf538fd3daa43c9ecc9b43c5..c0e61f033c89e30a39044d302e7dffa9589c637a:/jekyll/css/application.css?ds=sidebyside diff --git a/jekyll/css/application.css b/jekyll/css/application.css index 770d614..ee2fe3d 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,124 +1,25 @@ -html { - font-size: 10px; -} - -body { - margin: 0; - background-color: white; - font-family: times, 'Times New Roman', serif; -} - -header a, header a:visited { - color: black; -} - -h1, h2 { - display: inline-block; - margin-left: 1rem; - font-weight: 300; -} - -header { - margin: -0.3em 0 0 -0.1em; - font-size: 9.6em; - font-style: italic; - text-transform: uppercase; -} - -h1, h2 { - font-size: 4.8em; -} - -a { - color: blue; -} - -a:visited { - color: purple; -} - -ul, p { - font-size: 1.8rem; - line-height: 1.28em; - margin-left: 1em; - max-width: 50em; - font-family: 'Helvetica Neue', Arial, sans-serif; -} - -li { - display: block; -} - -li p { +h1 canvas { + width: 64px; + height: 64px; display: inline-block; - line-height: 1.82em; - margin: 0; + background-color: gainsboro; } -span { - display: inline; - color: grey; +ul { + list-style: square; } -img, -video { - display: block; - max-width: 100vw; -} - -header a, h1, h2, p { - background-color: white; -} - -/* Dark mode overrides */ @media (prefers-color-scheme: dark) { body { - background-color: black; - color: white; - } - - header a, header a:visited { color: white; + background-color: black; } a { - color: #53FFFF; + color: #5dc1fd; } a:visited { - color: #FF55FF; - } - - a[href^="telnet"] { - color: #55FF55; + color: #ed6eff; } - - span { - color: #FFEC27; - } - - header a, h1, h2, p { - background-color: black; - } -} - -/* - * Mini header - */ -@media (max-width: 600px) { - header { - font-size: 4.8em; - } -} - -/* - * Breadsticks - */ -canvas.background { - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - z-index: -1; }