// all the base. body {
font-family: Georgia, Cambria, 'Josefin Slab'; color: $content-text-color;
}
a {
color: $normal-link-color; text-decoration:none; &:hover { color: $hover-link-color; }
}
code { background: $code-bg-color; padding:3px; border-radius: 2px; }
table {
margin-bottom: 30px; width: 100%; text-align: left; border-collapse: collapse; border: 1px solid $table-border-color; tr { &:nth-child(even) { background-color: lighten($table-border-color, 6%); } } th, td { padding: 10px 10px; } th { background-color: lighten($table-border-color, 3%); border: 1px solid darken($table-border-color, 4%); border-bottom-color: darken($table-border-color, 12%); } td { border: 1px solid $table-border-color; }
}
blockquote {
color: $blockquote-txt-color; border-left: 5px solid $blockquote-border-color; padding: 10px 10px 10px 20px; background: lighten($blockquote-txt-color, 37%);
}
// all the layout. .header {
color: $header-text-color; padding-top: 20px; padding-bottom: 20px; .title { font-size:1.5em; text-decoration: none; color: $header-text-color; } .nav { margin-top:5px; font-size:1em; float: right; white-space: nowrap; ul { list-style-type: none; margin: 0; padding: 0; } li { display: inline; margin-left:20px; } a { color: $header-nav-color; text-decoration: none; &:hover { color: darken($header-nav-color, 20%); text-decoration: underline; } } }
}
.footer {
color: $footer-text-color; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid lighten($footer-text-color, 30%); margin-top: 70px; font-size: 0.8em;
}
.content {
width: 70%; margin: 0 auto; font-size: 1.1em; h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", verdana, 'Lato', sans-serif; color: lighten($content-text-color, 10%); } img { width: 100%; }
}
.post-list {
margin-left: 0; list-style: none; padding:0; > li { margin-bottom: 47px; }
}
.post-meta, .post-excerpt-meta {
color: lighten($content-text-color,40%); font-size: 0.9em;
}
.post-title, .post-excerpt-title { margin-bottom: 5px; }
.post-link, .post-excerpt-link {
color: $post-link-color; text-decoration: none; &:hover { color: darken($post-link-color, 10%); }
}
.post-content, .post-excerpt-content {
line-height: 1.5em;
}
.post-excerpt-title {
font-size: 1.3em;
}
.home-footer-archive-link {
border:1px solid lighten($post-link-color, 30%); padding: 7px; border-radius: 5px; &:hover { border:1px solid darken($post-link-color, 10%); background: $post-link-color; color: lighten($post-link-color, 45%); }
}
.home-footer {
text-align: center;
}