X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/c412c76b4d8747e80e0c0ca5777a76f7ada35e0d..35ed3bd381fa8994619d523c4cfbff0b536b6d3b:/jekyll/css/application.css diff --git a/jekyll/css/application.css b/jekyll/css/application.css index ab4d72e..5150064 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,17 +1,19 @@ body { - background-color: #fff; - font-family: 'VT323', monospace; + margin: 0; + background-color: white; + font-family: times, 'Times New Roman', serif; + font-smooth: never; + -webkit-font-smoothing: none; } -a.logo { - display: block; - margin: 20px; - background-size: 100% 100%; - height: 80px; - width: 720px; - background-image: url(/img/unlimited-pizza-animated-logo.gif); + +h1 a { + color: black; +} + +h1 a:visited { + color: black; } -a.logo span {display:none} em {color:#99a3a4} .main-container { @@ -21,165 +23,39 @@ em {color:#99a3a4} h1, h2, h3 { - text-transform: uppercase; + margin-left: 10px; font-weight: 300; } -h1{ - font-size: 72px; - line-height: 81px; +h1 { + font-size: 3.33em; } -a { - color: #00dddd; +h2 { + font-size: 1.61em; } -.content { - margin: 20px; - font-size: 24px; -} - -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: 1em; - margin: 1em; - height: 1em; - background-color: #f1f1f1; - cursor: pointer; - transition: background-color 0.2s ease, color 0.2s ease; -} - -.record-info { - margin: 1em 0; -} - -.pepperoni-widget .record-button.recording { - background-color: #00cc12; - color: white; - padding: 1em 1.1em 1em 0.68em; -} - -.pepperoni-widget .record-button:hover { - text-decoration: none; - background-color: #fafafa; -} - -.pepperoni-widget .record-button.recording:hover { - background-color: #d30058; - 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; +a { + color: blue; } -.record-clear { - margin-top: 0.1em; - text-transform: uppercase; - font-size: 1em; - width: 4em; - cursor: pointer; +a:visited { + color: purple; } -.record-clear:hover { - text-decoration: none; +ul, p { + margin-left: 10px; } -.record-preview { - margin: 0.76em; - width: 15.385em; - height: 2em; +ul { + list-style: square; } -.guestbook-submit { - border-radius: 0; - border: 0; - background-color: #ff00ff; - font-family: 'VT323', monospace; - font-size: 24px; - color: #fff; - padding: 10px; - margin-left: 15px; +li { + line-height: 1.82em; } -.filter-switches label { - display: inline; - margin-right: 2em; +img, +video { + max-width: 100vw; }