.themes/classic/sass/partials/_blog.scss
8b6d83ae
 article {
   padding-top: 1em;
3d3781e2
   a { @extend .force-wrap; }
353ccfd4
   header {
     position: relative;
     padding-top: 2em;
     padding-bottom: 1em;
     margin-bottom: 1em;
     background: $img-border bottom left repeat-x;
     h1 {
       margin: 0;
       a { text-decoration: none;
         &:hover { text-decoration: underline; } }
     }
     p {
       font-size: .9em;
       color: $text-color-light;
       margin: 0;
       &.meta {
87f300b2
         @extend .sans;
353ccfd4
         text-transform: uppercase;
87f300b2
         position: absolute; top: 0;
f77db800
       }
a2ab1d48
     }
353ccfd4
     @media only screen and (min-width: 768px) {
       margin-bottom: 1.5em;
a2ab1d48
       padding-bottom: 1em;
353ccfd4
       background: $img-border bottom left repeat-x;
aa230616
     }
353ccfd4
   }
8b6d83ae
   h2 {
     padding-top: 0.8em;
     background: $img-border top left repeat-x;
   }
0f2686ef
   .entry-content & h2:first-child, header + h2 { padding-top: 0; }
   h2:first-child, header + h2 { background: none; }
8e6da4ee
   .feature {
353ccfd4
     padding-top: .5em;
     margin-bottom: 1em;
     padding-bottom: 1em;
     background: $img-border bottom left repeat-x;
     font-size: 2.0em; font-style: italic;
     line-height: 1.3em;
   }
d10ba20d
   img, video, .flash-video {
806d27db
     @extend .flex-content;
     @extend .basic-alignment;
     @include shadow-box;
353ccfd4
   }
178a198e
   video, .flash-video { margin: 0 auto 1.5em; }
   video { display: block; width: 100%; }
353ccfd4
   .flash-video {
     > div {
5d61b463
       position: relative;
353ccfd4
       display: block;
       padding-bottom: 56.25%;
       padding-top: 1px;
       height: 0;
       overflow: hidden;
       iframe, object, embed {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
       }
f77db800
     }
   }
8b6d83ae
   > footer {
87f300b2
     padding-bottom: 2.5em;
5d1d04c5
     margin-top: 2em;
353ccfd4
     @extend .sans;
87f300b2
     p.meta {
       margin-bottom: .8em;
6d0ee690
       font-size: .85em;
2812bf7c
       clear: both;
       overflow: hidden;
87f300b2
     }
8b6d83ae
     .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
       @extend .separator;
     }
353ccfd4
   }
 
f77db800
 }
 article + article {
0f2686ef
   .blog-index & {
     background: $img-border top left repeat-x;
   }
f77db800
 }
5d1d04c5
 #content .blog-index {
87f300b2
   padding: { top: 0; bottom: 0; }
   article { padding-top: 2em; }
f77db800
   article header { background: none; padding-bottom: 0; }
   article h1 {
     font-size: 2.2em;
353ccfd4
     a { color: inherit; &:hover { color: $link-color-hover; } }
f77db800
   }
   a[rel=full-article] {
     background: darken($main-bg, 5);
     display: inline-block;
     padding: .4em .8em;
     margin-right: .5em;
     text-decoration: none;
5d61b463
     color: mix($text-color, $text-color-light);
     @extend .serif;
31b578b0
     @include transition(background-color .5s);
f77db800
     &:hover {
       background: $link-color-hover;
5d61b463
       text-shadow: none;
f77db800
       color: $main-bg;
aa230616
     }
   }
5d61b463
   footer {
     @extend .sans;
     margin-top: 1em;
   }
 }
 
 .separator {
   content: "\2022 ";
   padding: 0 .4em 0 .2em;
   display: inline-block;
aa230616
 }
87f300b2
 
1362e9d5
 #content div.pagination {
87f300b2
   text-align: center;
   font-size: .95em;
1362e9d5
   position: relative;
   background: $img-border top left repeat-x;
   padding: {top: 1.5em; bottom: 1.5em;}
87f300b2
   a {
     text-decoration: none;
     color: $text-color-light;
     &.prev { position: absolute; left: 0; }
     &.next { position: absolute; right: 0; }
     &:hover { color: $link-color-hover; }
     &[href*=archive] {
       &:before, &:after { content: '\2014'; padding: 0 .3em; }
     }
   }
 }