// load stuff!
@import 'schnitzelstyle/complete';

/* background image */
body {
  background: url(/img/background.png);
}

/* misc crap */
.social_media_buttons {
  margin: 1em 0;
}

@mixin smallish {
  font: $font-footer;
  font-size: 80%;
  color: lighten($color-text, 30%);
  a {
    color: lighten($color-text, 30%);
    border: none;
  }
  a:hover {
    text-decoration: underline;
  }
}

/* posts */
article.post {
  &.draft header h1 { background-color: #ccc; }
  header {
    h1 {
      font-size: 100%;
      background: none;
      text-transform: none;
      padding: none;
      color: lighten($color-link, 30%);
    }
    font: $font-header;
    font-weight: bold;
    background-color: darken($color-page-background, 5%);
    display: inline-block;
    line-height: 150%;
    border-bottom: 2px solid $color-link-underline;
    a {
      border: none;
    }
  }

  div.summary {
    margin-bottom: 2em;

    p {
      font: $font-header;
      font-size: 125%;
      line-height: 150%;
      color: #000;

      @media only screen and (max-width: 640px) {
        line-height: 130%;

        section.posts & {
          font-size: 100%;
        }
      }
    }
  }

  footer {
    margin-top: 0.5em;

    p.permalink {
      @include smallish;
    }
  }
}

/* admin post lists */
ul.admin-post-list {
  max-height: 300px;
  padding-bottom: 5px;
  overflow: auto;
}

/* admin links */
ul.admin {
  @include smallish;
  list-style: none;

  li {
    display: inline;
    margin-right: 0.5em;
  }
}

/* forms */
.input.post_published_at input { width: 180px; }
.input.post_slug input { width: 180px }

/* welcome message */
section.posts #welcome {
  font: $font-header;
  font-size: 2em;
  color: $color-2;
  p { line-height: 1.3; }
  strong { color: $color-1; }
  p:first-child { font-size: 130%; }
  span.heart { color: #c66; }
}

/* disqus */
#dsq-content {
  a {
    border: 0;
  }
  #dsq-reply {
    margin-bottom: 2em;
  }
  h3 {
    margin-top: 1em !important;
    @include clearfix;
  }
}