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

div#c-moderator-post-queues {
  div.post {
    margin-bottom: 4em;
    overflow: hidden;

    &.post-pos-score {
      background: rgb(230, 255, 230);
    }

    &.post-neg-score {
      background: rgb(255, 230, 230);
    }

    aside {
      float: left;
      width: 220px;
      text-align: right;
      padding-right: 20px;
    }

    section {
      float: left;
      width: 800px;
    }

    &[data-tags~="hard_translated"],
    &[data-tags~="self_upload"],
    &[data-tags~="nude_filter"],
    &[data-tags~="photoshop"],
    &[data-tags~="screencap"] {
      background-color: $preview_quality_warning_color;
    }

    &[data-tags~="duplicate"],
    &[data-tags~="image_sample"],
    &[data-tags~="md5_mismatch"],
    &[data-tags~="resized"],
    &[data-tags~="upscaled"],
    &[data-tags~="downscaled"] {
      background-color: $preview_sample_warning_color;
    }

    &[data-tags~=animated], &[data-file-ext=swf], &[data-file-ext=webm], &[data-file-ext=zip], &[data-file-ext=mp4] {
      aside:before {
        @include animated-icon;
      }
    }

    &[data-has-sound=true] {
      aside:before {
        @include sound-icon;
      }
    }
  }

  div#moderation-guideline {
    width: 900px;

    h1 {
      font-size: $h2_size;
    }
  }
}
