X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/70ae85b7dcfbf34419d516132d4fab0e84d99ad2..3704bdc31fe0501eea0b38602ab31c1db00ad4aa:/jekyll/css/application.css?ds=sidebyside diff --git a/jekyll/css/application.css b/jekyll/css/application.css index f5cee80..df94fa6 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,20 +1,15 @@ body { + margin: 0; background-color: white; font-family: times, 'Times New Roman', serif; font-smooth: never; -webkit-font-smoothing: none; } -h1 a { +h1 a, h1 a:visited { color: black; } -h1 a:visited { - color: black; -} - -em {color:#99a3a4} - .main-container { margin: 20px 0; } @@ -22,6 +17,7 @@ em {color:#99a3a4} h1, h2, h3 { + margin-left: 10px; font-weight: 300; } @@ -41,6 +37,10 @@ a:visited { color: purple; } +ul, p { + margin-left: 10px; +} + ul { list-style: square; } @@ -49,109 +49,27 @@ li { line-height: 1.82em; } -/* Guestbook */ -.guestbook-feed, .guestbook-form ul { - list-style: none; -} - -.guestbook-form li { - display: block; - max-width: 28em; +img, +video { + max-width: 100vw; } -.guestbook-form .guestbook-label { - text-transform: uppercase; - text-align: center; - max-width: 28em; - width: 100%; - text-style: italic; -} +/* Dark mode overrides */ +@media (prefers-color-scheme: dark) { + body { + background-color: white; + color: white; + } -.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; -} + h1 a, h1 a:visited { + color: white; + } -.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; -} - -.name-control { - max-width: 27.5em; - padding: 0.2em; - font-size: 1em; - display: block; -} - -.filter-switches { - padding: 1em 0; -} + a { + color: #53FFFF; + } -.filter-switches input { - display: inline; - width: auto; - margin-left: 1em; + a:visited { + color: #FF55FF; + } }