.themes/classic/sass/partials/_blog.scss
aa230616
 #articles {
da514a65
   overflow: hidden;
353ccfd4
   ul, ol { margin-left: 1.4em; }
   @media only screen and (min-width: 768px) {
     ul, ol { margin-left: 0; }
21813059
   }
aa230616
   > article {
     padding-bottom: 1em;
353ccfd4
     &:last-child { margin-bottom: 0;  }
aa230616
     h2 {
       padding-top: 0.8em;
353ccfd4
       background: $img-border top left repeat-x;
       &:first-child { background: none; padding-top: 0; }
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;
       @extend .sans;
       &.meta {
         text-transform: uppercase;
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;
       p.meta { position: absolute; top: 0; }
aa230616
     }
353ccfd4
   }
   h1.feature {
     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
     }
   }
353ccfd4
   iframe.twitter-share-button {
     position: relative;
     top: .3em;
     padding-left: .5em;
   }
   > article > footer {
     margin-top: 2em;
     padding-top: 1em;
     margin-bottom: 1.5em;
     background: $img-border top left repeat-x;
     @extend .sans;
   }
 
f77db800
 }
 article + article {
353ccfd4
   background: $img-border top left repeat-x;
f77db800
 }
 #articles.blog-index {
   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
 }