body {
background: $bg-color; color: $txt-color; font-family: $font-family; font-size: 1em; line-height: 1.4em; padding: 1em 2em; width: auto; max-width: 700px; margin: auto;
}
div.site_title {
padding: 1em; text-transform: lowercase; font-size: 2.5em; text-align: center; background-color: $txt-color; color: $link-color; margin-top: .5em; line-height: 1.2em; &:hover { text-transform: initial; }
}
div.site_desc {
border: .1em solid; padding: 1em; margin-bottom: .5em;
}
div.page_nav {
text-align: center; margin: auto; width: 8em; padding: 1em 0em .5em;
}
a.prev_page {
float: right;
}
a.next_page {
float: left;
}
div.page_nav2 {
text-align: center; margin: auto; width: 15em; max-width: 100%; padding: 1em 0em .5em;
}
span.post_listing {
line-height: 1.7em;
}
div.title_block {
background-color: $txt-color; color: $link-color; padding: 1.5rem 1rem 2.5rem; margin-top: 1em; margin-bottom: 1.5em; text-align: center;
}
h1.title {
color: $link-color; text-transform: uppercase; line-height: 1.2em; &:hover { text-transform: initial; } margin-bottom: .3em;
}
div.date {
&::before { content: "published on "; }
}
div.author {
letter-spacing: auto; &::before { content: "by "; }
}
a.nav_back {
font-size: 3em;
}
h1, h2, h3, h4, h5, h6 {
color: $hl1-color; text-align: center; font-weight: bolder; letter-spacing: .5rem; margin-top: .7rem;
}
a {
color: $link-color; text-transform: none; text-decoration: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; &:visited { color: $hl2-color; } &:hover { color: $hl2-color; text-transform: uppercase; }
}
img {
max-width: 100%;
}
hr {
border: .05em solid $txt-color; max-width: 60%; border-radius: .1em; margin-bottom: 2em;
}
blockquote {
background-color: $txt-color; color: $link-color; padding: .05em 1.3em; font-size: 1.1em; font-style: italic; border-radius: 0em 1em; &:hover { font-style: initial; }
}
pre.highlight {
border: 1px solid $txt-color; color: $hl2-color; font-size: 1.1em; padding: 5em;
}
ul {
list-style: none; li::before { content: "•"; padding-right: 1em; color: $hl1-color; }
}
table {
width: 100%; border-collapse: collapse;
}
th {
color: $link-color; background-color: $txt-color; padding: .2em; border: .1em solid $bg-color;
}
td {
border: .1em solid; padding: .2em;
}