@import "../common/000_vars.css.scss";

article.post-preview {
  height: 154px;
  width: 154px;
  margin: 0 10px 10px 0;
  float: left;
  overflow: hidden;
  text-align: center;
  @include inline-block;

  img {
    margin: auto;
  }
}

a.blacklisted-active {
  font-weight: bold;
}

.post-preview.blacklisted-active, #image-container.blacklisted-active {
  display: none;
}

.post-preview {
  border: 2px solid transparent;
}

.post-preview.post-status-has-parent img {
  border: 2px solid #CC0;
}

.post-preview.post-status-deleted img {
  border: 2px solid #000;
}

.post-preview.post-status-has-children img {
  border: 2px solid #0F0;
}

.post-preview.post-status-pending img {
  border: 2px solid #00F;
}

.post-preview.post-status-flagged img {
  border: 2px solid #F00;
}

.post-preview.current-post {
  background-color: rgba(0,0,0,0.1);
}

#has-parent-relationship-preview, #has-children-relationship-preview {
  overflow-x: auto;
  white-space: nowrap;
  
  article.post-preview {
    float: none;
    width: auto;
    border: none;
    margin: 0;
    padding: 5px 5px 10px;
  }
}

.category-0 a, a.tag-type-0 {
  color: $link_color;

  &:hover {
    color: $link_hover_color;
  }
}

.category-1 a, a.tag-type-1 {
  color: #A00;

  &:hover {
    color: #B66;
  }
}

.category-3 a, a.tag-type-3 {
  color: #A0A;

  &:hover {
    color: #B6B;
  }
}

.category-4 a, a.tag-type-4 {
  color: #0A0;

  &:hover {
    color: #6B6;
  }
}

.category-banned a, a.tag-type-banned {
  color: black;
  background-color: red;
}

.post-count {
  color: #CCC;
  margin-left: 0.2em;
}

.low-post-count {
  color: red;
}

div#c-posts {
  div.notice {
    font-size: 0.8em;
    padding: 0.5em;
    margin-bottom: 0.5em;
    overflow: hidden;

    ul {
      margin-left: 1em;
    }

    p {
      margin: 0;
    }

    .resolved {
      margin-left: 0.5em;
      font-weight: bold;
    }

    &.notice-parent {
      border-color: #C0FCC0;
      background: #D8FCD9;
    }

    &.notice-child {
      border-color: #FCFCC0;
      background: #FBFCD8;
    }

    &.notice-pending {
      border-color: #C0C0FC;
      background: #D8D8FC;
    }

    &.notice-flagged {
      border-color: #FCC0C0;
      background: #FCD9D8;
    }

    &.notice-deleted {
      border-color: #FF8C8C;
      background: #FFA7A5;
    }

    &.notice-appealed {
      border-color: #C0ECFC;
      background: #D8F2FC;
    }

    &.notice-resized {
      border-color: #E4C0FC;
      background: #EED8FC;
    }
  }

  div.nav-notice {
    padding: 0.5em;
    margin: 1em 0;
    background: #EEE;
    border: 1px solid #AAA;
    position: relative;

    p {
      margin: 0;
      text-align: center;
    }
  }

  aside#sidebar #tag-list h2 {
    font-size: $h4_size;
  }

  aside#sidebar > section#pool-sidebar {
    span.ui-icon {
      color: #666;
    }
  }

  aside#sidebar > section > ul {
    margin-bottom: 1em;
  }

  aside#sidebar > section > ul li {
    list-style-type: none;
  }

  aside#sidebar > section > ul ul li {
    margin-left: 1em;
  }

  div#a-index {
    div#jlist-rss-ads-for-show {
      float: right;
      position: absolute;
      top: 0;
      right: 10px;
    }

    menu#post-sections {
      margin-bottom: 0.5em;
      font-size: $h3_size;

      li {
        padding: 0 1em 0.5em 0;

        &.active {
          font-weight: bold;
        }
      }
    }
  }

  div#a-show {
    .active {
      font-weight: bold;
    }

    menu#post-sections {
      margin: 0;
      font-size: $h3_size;

      li {
        padding: 0 1em 0 0;
      }

      div.share a {
        margin: 0;
      }
    }

    div.notices {
      margin: 1em 0;
    }

    section {
      margin-top: 1em;
    }

    span.quick-mod {
      float: right;
    }

    .pool-name, .search-name {
      word-wrap: break-word;
    }

    #favlist {
      margin-left: 1em;
      word-wrap: break-word;
    }

    #search-seq-nav + #pool-nav {
      margin-top: 0.5em;
    }

    #pool-nav, #search-seq-nav {
      li {
        position: relative;
        text-align: center;
        padding: 0 5.5em;

        .prev {
          position: absolute;
          left: 2em;
          top: 0;
        }

        .next {
          position: absolute;
          right: 2em;
          top: 0;
        }

        .first {
          position: absolute;
          left: 0.5em;
          top: 0;
        }

        .last {
          position: absolute;
          right: 0.5em;
          top: 0;
        }

        &:hover {
          background: rgb(250, 250, 250);
        }
      }
    }

    span.close-button {
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer;
    }
    
    div.comments-for-post {
      width:100%
    }
  }

  div#quick-edit-div {
    textarea {
      width: 70%;
      height: 4em;
      display: block;
    }
  }
}

div#c-post-versions, div#c-artist-versions {
  div#a-index {
    a {
      word-wrap: break-word
    }

    ins, ins a {
      color: green;
      text-decoration: none;
      margin-right: 0.5em;
    }

    ins.obsolete, ins.obsolete a {
      color: darkGreen;
    }

    del, del a {
      color: red;
      text-decoration: line-through;
      margin-right: 0.5em;
    }

    del.obsolete, del.obsolete a {
      color: darkRed;
    }
  }
}

div#c-explore-posts {
  a.desc {
    font-weight: bold;
    margin: 0 0.5em;
  }

  #popular-nav-links {
    text-align: center;
  }

  .period {
    margin: 0 5em;

    &:first-child {
      margin-left: 0;
    }
  }

  #blacklist-box {
    margin-bottom: 1em;
  }

  #blacklist-list {
    display: inline;
  }

  #blacklist-list li {
    display: inline;
    margin-right: 1em;

    a {
      color: $link_color;
      cursor: pointer;
    }

    span {
      color: #AAA;
    }
  }
}

div#unapprove-dialog {
  p {
    margin-bottom: 1em;
  }
}

