Subversion Repositories web.creative

@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/skel';

/*
  Future Imperfect by HTML5 UP
  html5up.net | @ajlkn
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* List */

  ul {
    &.posts {
      article {
        &:after {
          clear: both;
          content: '';
          display: block;
        }

        .image {
          display: table-cell;
          vertical-align: top;
        }

        header {
          display: table-cell;
          padding-right: 1em;
          vertical-align: top;
        }
      }
    }
  }

/* Author */

  .author {
    .name {
      display: inline-block;
      vertical-align: middle;
    }

    img {
      display: inline-block;
      vertical-align: middle;
    }
  }

/* Post */

  .post {
    &:after {
      clear: both;
      content: '';
      display: block;
    }

    > header {
      &:after {
        clear: both;
        content: '';
        display: block;
      }

      .title {
        display: table-cell;
        vertical-align: top;
        width: 65%;
      }

      .meta {
        display: table-cell;
        vertical-align: top;
        width: 30%;
      }
    }

    > footer {
      &:after {
        clear: both;
        content: '';
        display: block;
      }

      .actions {
        display: inline-block;
      }

      .stats {
        display: inline-block;
        margin-left: 2em;
      }
    }
  }

/* Mini Post */

  .mini-post {
    .image {
      display: block;
    }
  }

/* Header */

  #header {
    &:after {
      clear: both;
      content: '';
      display: block;
    }

    h1 {
      float: left;
    }

    .links {
      float: left;
    }

    .main {
      position: absolute;
      right: 0;
      top: 0;
    }
  }

/* Wrapper */

  #wrapper {
  }

/* Sidebar */

  #sidebar {
    display: table-cell;
    margin-right: 0;
    padding-right: _size(section-spacing);
    vertical-align: top;
  }

/* Main */

  #main {
    display: table-cell;
    vertical-align: top;
  }