.themes/classic/sass/partials/_blog.scss
5d1d04c5
 #content {
   article { ul, ol { margin-left: 1.4em; }}
353ccfd4
   @media only screen and (min-width: 768px) {
     ul, ol { margin-left: 0; }
21813059
   }
5d1d04c5
   > article, > div > article {
     overflow: hidden;
87f300b2
     padding-top: 1em;
aa230616
     h2 {
       padding-top: 0.8em;
353ccfd4
       background: $img-border top left repeat-x;
5d1d04c5
       .entry-content &:first-child { padding-top: 0; }
       &:first-child { background: none; }
aa230616
     }
353ccfd4
     .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
5d61b463
       @extend .separator;
aa230616
     }
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
   }
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;
   }
   .entry-content {
     img, video { max-width: 100%; height: auto; }
     video {
       width: 100%; display: block; margin-bottom: 1.5em;
       padding: .8em; background: #fff; border: 1px solid #eee;
       @include box-sizing(border-box);
aa230616
     }
353ccfd4
   }
   .flash-video {
     max-width: 100%;
     margin-bottom: 1.5em;
     @include box-sizing(border-box);
     padding: .8em; background: #fff; border: 1px solid #eee;
     > 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
     }
   }
5d1d04c5
   > div > article > footer {
87f300b2
     padding-bottom: 2.5em;
5d1d04c5
     margin-top: 2em;
353ccfd4
     @extend .sans;
87f300b2
     p.meta {
       margin-bottom: .8em;
       font-size: .85em;
     }
353ccfd4
   }
 
f77db800
 }
 article + article {
353ccfd4
   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;
f77db800
     @include transition(background-color, .5s);
     &: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
 
 nav[role=pagination] {
   text-align: center;
   font-size: .95em;
   div {
     position: relative;
     background: $img-border top left repeat-x;
     padding: {top: 1.5em; bottom: 1.5em;}
   }
   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; }
     }
   }
 }