X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/70ae85b7dcfbf34419d516132d4fab0e84d99ad2..9ed742c4978f9ed586d4adce796e97853b32ce2b:/jekyll/css/application.css diff --git a/jekyll/css/application.css b/jekyll/css/application.css index f5cee80..ee2fe3d 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,157 +1,25 @@ -body { - background-color: white; - font-family: times, 'Times New Roman', serif; - font-smooth: never; - -webkit-font-smoothing: none; -} - -h1 a { - color: black; -} - -h1 a:visited { - color: black; -} - -em {color:#99a3a4} - -.main-container { - margin: 20px 0; -} - -h1, -h2, -h3 { - font-weight: 300; -} - -h1 { - font-size: 3.33em; -} - -h2 { - font-size: 1.61em; -} - -a { - color: blue; -} - -a:visited { - color: purple; +h1 canvas { + width: 64px; + height: 64px; + display: inline-block; + background-color: gainsboro; } ul { list-style: square; } -li { - line-height: 1.82em; -} - -/* Guestbook */ -.guestbook-feed, .guestbook-form ul { - list-style: none; -} - -.guestbook-form li { - display: block; - max-width: 28em; -} - -.guestbook-form .guestbook-label { - text-transform: uppercase; - text-align: center; - max-width: 28em; - width: 100%; - text-style: italic; -} - -.guestbook-feed .guestbook-post { - display: block; - border-bottom: 0.071em solid #99a3a4; - padding: 1.071em; -} - -/* - * The Recorder CSS - */ - -.pepperoni-widget .record-clear, -.pepperoni-widget .record-button { - margin: 1em 0; - padding: 1em 0; - background-color: blue; - color: white; - cursor: pointer; - transition: background-color 0.2s ease, color 0.2s ease; - display: block; - text-align: center; -} - -.pepperoni-widget .record-button.recording { - background-color: magenta; - color: white; -} - -.guestbook-submit:hover, -.pepperoni-widget .record-clear:hover, -.pepperoni-widget .record-button:hover { - background-color: red; -} - -.record-progress-bar-container { - background-color: #f1f1f1; - height: 4em; -} - -.record-progress-bar { - height: 4em; - background-color: cyan; - width: 0; -} - -.record-clear:hover { - text-decoration: none; -} - -.record-preview { - max-width: 28em; - width: 100%; - height: 4em; - display: block; -} - -.guestbook-control input { - width: 100%; - font-family: times, 'Times New Roman', serif; -} - -.guestbook-submit { - background-color: magenta; - color: white; - display: block; - height: 4em; - font-size: 1em; - max-width: 28em; - padding: 0; - border: 0; - cursor: pointer; -} +@media (prefers-color-scheme: dark) { + body { + color: white; + background-color: black; + } -.name-control { - max-width: 27.5em; - padding: 0.2em; - font-size: 1em; - display: block; -} - -.filter-switches { - padding: 1em 0; -} + a { + color: #5dc1fd; + } -.filter-switches input { - display: inline; - width: auto; - margin-left: 1em; + a:visited { + color: #ed6eff; + } }