.post-header {
margin-bottom: $spacing-unit;
}
.post-title {
font-size: 40px; letter-spacing: -1px; line-height: 1.2; font-family: $base-font-family; @include media-query($on-mobile) { font-size: 34px; }
}
.post-subtitle {
font-size: 26px; letter-spacing: -1px; line-height: 1; color: #777; font-family: $base-font-family; font-style: oblique; position: relative; top: -0.3em; @include media-query($on-mobile) { font-size: 24px; }
}
.post-meta .post-date {
text-transform: uppercase; font-size: 120%;
}
.post-content {
margin-bottom: $spacing-unit; width: 100%; h2 { font-size: 32px; @include media-query($on-mobile) { font-size: 28px; } } h3 { font-size: 26px; @include media-query($on-mobile) { font-size: 22px; } } h4 { font-size: 20px; @include media-query($on-mobile) { font-size: 18px; } }
}
.post-pic {
border: #999 1px solid;
}
.magnify {
cursor: zoom-in;
}
.post-languages {
font-size: 13px; font-family: Helvetica, sans-serif; margin-top: 30px; margin-bottom: 20px; strong { font-size: 11px; text-transform: uppercase; }
}
div.footnotes {
font-size: 80%;
}
.draft-banner {
background: #ff9999; color: #660000; text-align: center; padding: 1em; margin-bottom: 2em; font-family: Helvetica, sans-serif; border-radius: 5px; a { color: #330000; }
}