X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/43377c40946845a44dc56f2859db9bcca4ef70bc..0bdc15c6cd9fcc0705b4aa8d6843124d4cee6a46:/jekyll/css/application.css diff --git a/jekyll/css/application.css b/jekyll/css/application.css index ce03fd5..ee2fe3d 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,191 +1,25 @@ -body { - background-color: #fff; - font-family: 'VT323', monospace; -} -a.logo { - display: block; - margin: 20px; - background-size: 100% 100%; - height: 80px; - width: 720px; - background-image: url(/img/unlimited-pizza-animated-logo.gif); -} - -a.logo span {display:none} -em {color:#99a3a4} - -.main-container { - margin: 20px 0; -} - -h1, -h2, -h3 { - text-transform: uppercase; - font-weight: 300; -} - -h1{ - font-size: 72px; - line-height: 81px; -} - -a { - color: #00dddd; -} - -.content { - margin: 20px; - font-size: 24px; +h1 canvas { + width: 64px; + height: 64px; + display: inline-block; + background-color: gainsboro; } ul { list-style: square; } -.main-container section, -.main-container aside{ text-align: left} - - -/* Guestbook */ -.guestbook-feed, .guestbook-form ul { - list-style: none; -} - -.guestbook-form li { - display: block; -} - -.guestbook-form .guestbook-label { - width: 8.571em; - float: left; - text-align: right; - padding: 0.5em 1.071em; - text-transform: uppercase; -} - -.guestbook-form .guestbook-control { - float: left; -} - -.guestbook-form .guestbook-control-group { - clear: both; -} - -.guestbook-form .comment-control { - width: 42.857em; - height: 10em; -} - -.guestbook-content, .guestbook-form { - clear: both; - padding: 2.142em 0; -} - -.guestbook-feed .guestbook-post { - display: block; - border-bottom: 0.071em solid #99a3a4; - padding: 1.071em; -} - -.guestbook-post .author { - font-weight: bold; -} - -/* - * The Recorder CSS - */ -.pepperoni-widget { - justify-content: space-between; - display: flex; -} - -.pepperoni-widget .record-button { - display: flex; - font-size: 1.538461em; - padding: 15px 20px 30px; - margin: 1em; - height: 1em; - background-color: #f1f1f1; - cursor: pointer; - transition: background-color 0.2s ease, color 0.2s ease; -} - -.record-info { - margin: 1em 0; -} +@media (prefers-color-scheme: dark) { + body { + color: white; + background-color: black; + } -.pepperoni-widget .record-button.recording { - background-color: #ff00ff; - color: white; - padding: 20px 25px 25px 15px -} - -.pepperoni-widget .record-button:hover { - text-decoration: none; - background-color: #fafafa; -} - -.pepperoni-widget .record-button.recording:hover { - background-color: #ff00ff; - color: #f1f1f1; -} - -.pepperoni-widget .record-progress { - justify-content: space-between; - display: flex; - margin: 0.5em 0.76em; -} - -.record-progress-bar-container { - background-color: #f1f1f1; - height: 2em; - width: 15.385em; - margin-right: 0.76em; -} - -.record-progress-bar { - height: 2em; - background-color: #d30058; - width: 0; -} - -.record-clear { - margin-top: 0.1em; - text-transform: uppercase; - font-size: 1em; - width: 4em; - cursor: pointer; -} - -.record-clear:hover { - text-decoration: none; -} - -.record-preview { - margin: 0.76em; - width: 15.385em; - height: 2em; -} - -.guestbook-submit { - border-radius: 0; - border: 0; - background-color: #ff00ff; - font-family: 'VT323', monospace; - font-size: 24px; - color: #fff; - padding: 10px; - margin-left: 15px; -} - -.filter-switches label { - display: inline; - margin-right: 2em; -} + a { + color: #5dc1fd; + } -.guestbook-control input { - font-family: 'VT323', monospace; - padding: 10px; - font-size: 24px; + a:visited { + color: #ed6eff; + } }