public/css/supplemental.css
body {
padding-top: 20px;
padding-bottom: 20px;
background-image: url('/img/crossword.png');
background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 35px;
margin-bottom: 20px;
}
.navbar {
margin-bottom: 20px;
}
.jumbotron {
background-image: url('/img/header-smaller.jpg');
height: 418px;
}
.jumbotron.about {
background-image: url('/img/logo1-extended.png');
height: 108px;
width: 418px;
background-repeat: no-repeat;
}
.center-pills {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
div.row.banner h1 {
margin-top: 5px;
font-size: 50px;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
text-align: center;
margin-top: 20px;
padding-top: 15px;
}
.container {
padding: 0 15px;
/*margin-bottom: 20px;*/
}
.container .text-muted {
margin: 20px 0;
}
p.lead {
text-align: center;
margin-right: 10%;
}
div.full-pretext div p.lead {
margin-right: 0px;
text-align: center;
}
.container .content p, div.media-body p, div#mailinglist_signup p {
font-family: Chaparral-Pro, sans-serif;
font-weight: 100;
font-size: 20px;
color: #4C4949;
}
div#mailinglist_signup form input[type=email] {
margin-bottom: 8px;
}
div#mailinglist_signup h3 {
margin-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Source Sans Pro", sans-serif;
font-weight: bold;
color: #4C4949;
}
.publish-date {
text-align: center;
font-weight: normal;
font-family: Chaparral-Pro, sans-serif;
font-size: 15px;
color: #4C4949;
padding-top: 0;
}
h1 a {
color: #4C4949;
font-size: 50px;
}
div.full-pretext div p.lead {
font-size: 19px;
}
/*
* Episode styling
*/
div.well.episode {
padding-top: 5px;
}
div.well.episode h2 {
margin-top: 15px;
}
/*
* List styling
*/
div.content ul li {
font-size: 18px;
}
/*
* Banner styling
*/
div.banner {
text-align: center;
}
div.social-icons {
text-align: center;
margin-bottom: 25px;
}
@media (max-width: 768px) {
.jumbotron, div.full-pretext, div.full {
display: none;
}
div.mobile-pretext, div.mobile {
display: block;
}
.container .content p, div.media-body p {
font-size: 20px;
}
}
@media (min-width: 768px) {
.jumbotron, div.full-pretext, div.full {
display: block;
}
div.mobile-pretext, div.mobile {
display: none;
}
}
.navbar-brand {
background-image: url('/img/logo1-extended.png');
width: 193px;
height: 50px;
}
.podcast-options {
margin-top: 5px;
}
/*
* Navigation styling
*/
ul.nav li.active {
font-weight: bold;
background-color: #DEDEDE;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
}