X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/78bae1f1f9a369c6b0c2ba934063d70866c79b74..5aa3623a6c455717a2c134cddbe461ba4d7c5803:/jekyll/css/application.css diff --git a/jekyll/css/application.css b/jekyll/css/application.css index 24f5ca2..ce03fd5 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,191 +1,51 @@ -body {background-color: #fff} -a.logo {display: block; margin: 1.538em auto 0; max-width: 60em; background-size: 100% 100%; height: 6.667em; background-image: url(/img/unlimited-pizza-animated-logo.gif)} -a.logo span {display:none} -em {color:#99a3a4} - -nav ul{ - list-style: none; - margin: 1.536em auto; - max-width: 60em; - justify-content: space-between; - display: flex; +body { + background-color: #fff; + font-family: 'VT323', monospace; } - -nav ul li{ - display: inline; - font-family: 'Oswald', sans-serif; - text-transform: uppercase; - font-weight: 400; - font-size: 2.769em; - margin: 0.555em 0; -} - -nav ul li a{ - color: #54575a; - text-decoration: none; +a.logo { + display: block; + margin: 20px; + background-size: 100% 100%; + height: 80px; + width: 720px; + background-image: url(/img/unlimited-pizza-animated-logo.gif); } -nav ul li a:hover, -nav ul li a:active, -nav ul li a:focus { - color: #74777a; - text-decoration: none; -} +a.logo span {display:none} +em {color:#99a3a4} .main-container { - margin: 3.077em 0; -} - -.postcontainer{ - margin: 2em 0; - font-family: 'Signika', sans-serif; - letter-spacing: 0.03em; - font-weight: 300; - color: #03090f; + margin: 20px 0; } -.postcontainer h1, -.postcontainer h2, -.postcontainer h3 { - font-family: 'Oswald', sans-serif; +h1, +h2, +h3 { text-transform: uppercase; font-weight: 300; } -.postcontainer h1{ - color: #d30058; - margin: 0.666em 1.333em 0; - font-size: 3.692em; - line-height: 1.0833em; -} - -.postcontainer h2 { - color:#99a3a4; - font-size: 1.692em; -} - -.postcontainer h3{ - color:#99a3a4; - font-size: 1.384em; -} - -.postcontainer.blue h1 {color: #0081cb} -.postcontainer.green h1 {color: #43da30} -.postcontainer.grey h1 {color: #9e978e} -.postcontainer.yellow h1 {color: #ffda00} -.postcontainer.orange h1 {color: #fd3839} -.postcontainer.red h1 {color: #f32240} -.postcontainer.cyan h1 {color: #74d0eb} -.postcontainer.purple h1 {color: #400098} - -.post-meta { - margin: 0.714em 4.643em 4.285em; - font-size: 1.077em; +h1{ + font-size: 72px; + line-height: 81px; } -.post-meta > div { - display: inline-block; - font-size: 1.077em; +a { + color: #00dddd; } -.post-meta .post-date{width: 5.714em} -.post-date a {color:#99a3a4} -.post-tags a {color:#d30058; text-decoration: underline} - -.postcontainer.blue .post-tags a {color: #0081cb} -.postcontainer.green .post-tags a {color: #43da30} -.postcontainer.grey .post-tags a {color: #9e978e} -.postcontainer.yellow .post-tags a {color: #e4c50d} -.postcontainer.orange .post-tags a {color: #fd3839} -.postcontainer.red .post-tags a {color: #f32240} -.postcontainer.cyan .post-tags a {color: #74d0eb} -.postcontainer.purple .post-tags a {color: #400098} - -.post-image {max-height: 36.923em; background-color: #d30058; margin-top: 3.077em; background-size: auto 100%; overflow: hidden} - -.postcontainer.blue .post-image {background-color: #0081cb} -.postcontainer.green .post-image {background-color: #43da30} -.postcontainer.grey .post-image {background-color: #9e978e} -.postcontainer.yellow .post-image {background-color: #ffda00} -.postcontainer.orange .post-image {background-color: #fd3839} -.postcontainer.red .post-image {background-color: #f32240} -.postcontainer.cyan .post-image {background-color: #74d0eb} -.postcontainer.purple .post-image {background-color: #400098} - -.postcontent {margin: 1.538em 4.923em; - max-width: 64.615em; +.content { + margin: 20px; + font-size: 24px; } -.related p, .related li, -.postcontent p, .postcontent li{ - font-size: 1.307em; - line-height: 1.6em; - padding: 5px 0; - color: #54575a; - font-family: "Lato", sans-serif; +ul { + list-style: square; } -.related p, .postcontent p { - padding: 10px 0; -} - -.postcontent a {color: #d30058} -.blue .postcontent a {color: #0081cb} -.green .postcontent a {color: #43da30} -.grey .postcontent a {color: #9e978e} -.yellow .postcontent a {color: #e4c50d} -.orange .postcontent a {color: #fd3839} -.red .postcontent a {color: #f32240} -.cyan .postcontent a {color: #74d0eb} -.purple .postcontent a {color: #400098} - -.postcontent strong{ - font-weight: 400; -} - -.postcontent iframe{ - display: block; -} - -.go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block} - .main-container section, .main-container aside{ text-align: left} -/* List pages */ - -.related {margin: 0 3.077em} -.related ul {margin: 0 1.538em} -.related a {color: #d30058} - -.related a.blue {color: #0081cb} -.related a.python, -.related a.green {color: #43da30} -.related a.etc, -.related a.grey {color: #9e978e} -.related a.javascript, -.related a.yellow {color: #e4c50d} -.related a.orange {color: #fd3839} -.related a.ruby, -.related a.red {color: #f32240} -.related a.cyan {color: #74d0eb} -.related a.purple {color: #400098} - -.related h1{ - font-family: 'Oswald', sans-serif; - text-transform: uppercase; - font-weight: 300; - padding-bottom: 0.666em; - color:#99a3a4; -} - -/* Paginator */ - -.paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif} -.paginator a{color:#99a3a4} - -.postcontent pre code {font-size: 1.333em; line-height: 1.5em} -code {overflow-wrap: normal} /* Guestbook */ .guestbook-feed, .guestbook-form ul { @@ -243,7 +103,7 @@ code {overflow-wrap: normal} .pepperoni-widget .record-button { display: flex; font-size: 1.538461em; - padding: 1em; + padding: 15px 20px 30px; margin: 1em; height: 1em; background-color: #f1f1f1; @@ -256,9 +116,9 @@ code {overflow-wrap: normal} } .pepperoni-widget .record-button.recording { - background-color: #00cc12; + background-color: #ff00ff; color: white; - padding: 1em 1.1em 1em 0.68em; + padding: 20px 25px 25px 15px } .pepperoni-widget .record-button:hover { @@ -267,7 +127,7 @@ code {overflow-wrap: normal} } .pepperoni-widget .record-button.recording:hover { - background-color: #d30058; + background-color: #ff00ff; color: #f1f1f1; } @@ -311,14 +171,21 @@ code {overflow-wrap: normal} .guestbook-submit { border-radius: 0; border: 0; - background-color: #d30058; - font-family: 'Oswald', sans-serif; + background-color: #ff00ff; + font-family: 'VT323', monospace; + font-size: 24px; color: #fff; - padding: 1em; - margin-left: 15em; + padding: 10px; + margin-left: 15px; } .filter-switches label { display: inline; margin-right: 2em; } + +.guestbook-control input { + font-family: 'VT323', monospace; + padding: 10px; + font-size: 24px; +}