X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/7f50b5b549f1eee76f53cb4a1e78c00196e312c3..967d51a0f4bac032efa854f6bc116ff6c421045c:/jekyll/css/application.css?ds=inline diff --git a/jekyll/css/application.css b/jekyll/css/application.css index f553df1..f5cee80 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,179 +1,157 @@ -body {background-color: #fff} -a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)} -a.logo span {display:none} -em {color:#99a3a4} - -nav ul{ - list-style: none; - margin: 1.536em; +body { + background-color: white; + font-family: times, 'Times New Roman', serif; + font-smooth: never; + -webkit-font-smoothing: none; } -nav ul li{ - display: inline; - font-family: 'Oswald', sans-serif; - text-transform: uppercase; - font-weight: 400; - font-size: 2.769em; - margin: 0.555em; +h1 a { + color: black; } -nav ul li a{ - color: #54575a; - text-decoration: none; +h1 a:visited { + color: black; } -nav ul li a:hover, -nav ul li a:active, -nav ul li a:focus { - color: #74777a; - text-decoration: none; -} +em {color:#99a3a4} .main-container { - margin: 3.077em 0; + margin: 20px 0; } -.postcontainer{ - margin: 2em 0; - font-family: 'Signika', sans-serif; - letter-spacing: 0.03em; +h1, +h2, +h3 { font-weight: 300; - color: #03090f; } -.postcontainer h1, -.postcontainer h2, -.postcontainer h3 { - font-family: 'Oswald', sans-serif; - text-transform: uppercase; - font-weight: 300; +h1 { + font-size: 3.33em; } -.postcontainer h1{ - color: #d30058; - margin: 0.666em 1.333em 0; +h2 { + font-size: 1.61em; } -.postcontainer h2 { - color:#99a3a4; - font-size: 1.692em; +a { + color: blue; } -.postcontainer h3{ - color:#99a3a4; - font-size: 1.384em; +a:visited { + color: purple; } -.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} +ul { + list-style: square; +} -.post-meta { - margin-left: 3.077em; +li { + line-height: 1.82em; } -.post-meta > div { - display: inline-block; - font-size: 1.077em; +/* Guestbook */ +.guestbook-feed, .guestbook-form ul { + list-style: none; } -.post-meta .post-date{width: 5.714em} -.post-date a {color:#99a3a4} -.post-tags a {color:#d30058; text-decoration: underline} +.guestbook-form li { + display: block; + max-width: 28em; +} -.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: #ffda00} -.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} +.guestbook-form .guestbook-label { + text-transform: uppercase; + text-align: center; + max-width: 28em; + width: 100%; + text-style: italic; +} -.post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em} +.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; +} -.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} +.pepperoni-widget .record-button.recording { + background-color: magenta; + color: white; +} -.postcontent {margin: 1.538em 3.077em; - -webkit-column-width: 36.923em; - -moz-column-width: 36.923em; - column-width: 36.923em; - -webkit-column-gap: 6.154em; - -moz-column-gap: 6.154em; - column-gap: 6.154em; +.guestbook-submit:hover, +.pepperoni-widget .record-clear:hover, +.pepperoni-widget .record-button:hover { + background-color: red; } -.related p, .related li, -.postcontent p, .postcontent li{ - font-size: 1.077em; - line-height: 1.6em; - padding: 5px 0; - color: #54575a; - font-family: "Lato", sans-serif; +.record-progress-bar-container { + background-color: #f1f1f1; + height: 4em; } -.postcontent a {color: #d30058} -.blue .postcontent a {color: #0081cb} -.green .postcontent a {color: #43da30} -.grey .postcontent a {color: #9e978e} -.yellow .postcontent a {color: #ffda00} -.orange .postcontent a {color: #fd3839} -.red .postcontent a {color: #f32240} -.cyan .postcontent a {color: #74d0eb} -.purple .postcontent a {color: #400098} +.record-progress-bar { + height: 4em; + background-color: cyan; + width: 0; +} -.postcontent strong{ - font-weight: 400; +.record-clear:hover { + text-decoration: none; } -.postcontent iframe{ +.record-preview { + max-width: 28em; + width: 100%; + height: 4em; 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 li {font-size: 1.077em; font-family: "Lato"} -.related a {color: #d30058} - -.related a.blue {color: #0081cb} -.related a.green {color: #43da30} -.related a.grey {color: #9e978e} -.related a.yellow {color: #ffda00} -.related a.orange {color: #fd3839} -.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; +.guestbook-control input { + width: 100%; + font-family: times, 'Times New Roman', serif; } -/* Paginator */ +.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; +} -.paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif} -.paginator a{color:#99a3a4} +.filter-switches { + padding: 1em 0; +} -code {overflow-wrap: normal} +.filter-switches input { + display: inline; + width: auto; + margin-left: 1em; +}