diff --git a/_assets/stylesheets/parts/archive.css.sass b/_assets/stylesheets/parts/archive.css.sass index 02ca1c2..3b0bc93 100644 --- a/_assets/stylesheets/parts/archive.css.sass +++ b/_assets/stylesheets/parts/archive.css.sass @@ -22,10 +22,11 @@ h1 font-size: 1.5em a - +hover-link color: inherit + text-decoration: none &:hover color: $link-color-hover + text-decoration: underline font-weight: normal display: inline-block a.category, time @@ -44,7 +45,9 @@ margin-bottom: 1em &, .entry-content a - +link-colors(inherit, $link-color-hover) + color: inherit + &:hover + color: $link-color-hover a:hover color: $link-color-hover @media only screen and (min-width: 550px) diff --git a/_assets/stylesheets/parts/footer.css.sass b/_assets/stylesheets/parts/footer.css.sass index 097d1eb..5a45e99 100644 --- a/_assets/stylesheets/parts/footer.css.sass +++ b/_assets/stylesheets/parts/footer.css.sass @@ -5,10 +5,14 @@ body > footer padding-top: 1em padding-bottom: 1em margin-bottom: 3em - +border-bottom-radius(.4em) + border-radius-bottom: .4em z-index: 1 a - +link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color) + color: $footer-link-color + &:hover + color: $footer-link-color-hover + &:visited + color: $footer-link-color text-decoration: none p:last-child margin-bottom: 0 @@ -20,11 +24,11 @@ body > footer font-family: $serif font-size: 1em color: $text-color - +border-radius(1em) + border-radius: 1em border: width: 1px style: solid color: #999 #bbb #bbb #999 &:focus outline: none - +box-shadow(0 0 5px $link-color) + box-shadow: 0 0 5px $link-color diff --git a/_assets/stylesheets/parts/post.css.sass b/_assets/stylesheets/parts/post.css.sass index 3b649af..e22bf4e 100644 --- a/_assets/stylesheets/parts/post.css.sass +++ b/_assets/stylesheets/parts/post.css.sass @@ -28,10 +28,20 @@ article &:hover, &:focus color: $link-color-hover + figure + margin: 1.5em 0 0 0 + + figcaption + font-size: 0.7em + font-style: italic + text-align: right + opacity: 0.6 + img, video, .flash-video - +box-shadow(0 1px 4px rgba(0, 0, 0, 0.15)) + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) padding: 0.5em margin: -0.5em + width: 100% > footer padding-left: 0 @@ -47,7 +57,7 @@ article footer a[rel=full-article] background: darken($background-color, 8) - +border-radius(2px) + border-radius: 2px display: inline-block padding: .4em .8em margin-right: .5em diff --git a/_assets/stylesheets/styles.css.sass b/_assets/stylesheets/styles.css.sass index 6685fdc..992a792 100644 --- a/_assets/stylesheets/styles.css.sass +++ b/_assets/stylesheets/styles.css.sass @@ -9,3 +9,7 @@ @import 'lib/solarized.css.sass' @import 'includes/syntax.css.sass' @import 'includes/styles.css.sass' + +@import 'parts/post.css.sass' +@import 'parts/archive.css.sass' +@import 'parts/footer.css.sass' diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..51a7508 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,28 @@ +--- +layout: default +--- + +{% include header.html %} + +
+
+ {% if page.title %} +
+

{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}

+ {% if page.date %}

{% include post/date.html %}{{ time }}

{% endif %} +
+ {% endif %} +
{{ content }}
+ {% unless page.footer == false %} + + {% endunless %} +
+
+ +{% include footer.html %}