// styles that apply to the popup that appears when you show the edit history of a post

.modal.history-modal {
  #revision-numbers {
    display: inline-block;
    min-width: 96px;
    text-align: center;
  }

  #revision {
    overflow: auto;
  }

  #revision-controls {
    display: inline-block;
    margin-bottom: 5px;
  }
  table.markdown > tbody > tr > td,
  .revision-content {
    width: 47.5%;
    float: left;

    &:nth-of-type(2) {
      margin-left: 5%;
    }
  }

  #revision-details {
    padding: 5px;
    margin-top: 10px;
    border-bottom: 3px solid $primary-low;
  }

  #revisions .row:first-of-type {
    margin-top: 10px;
  }
  ins,
  .diff-ins {
    code,
    img {
      border: 2px solid $success;
    }
    img {
      opacity: 0.75;
      filter: alpha(opacity=75);
    }
    a {
      color: $success;
      text-decoration: none;
    }
  }
  img.diff-ins,
  code.diff-ins {
    border: 2px solid $success;
  }
  img.diff-ins {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .diff-ins {
    color: $primary;
    background: $success-low;
  }
  ins {
    color: $primary;
    background: $success-low;
    text-decoration: none;
  }
  del,
  .diff-del {
    code,
    img {
      border: 2px solid $danger;
    }
    img {
      opacity: 0.5;
      filter: alpha(opacity=50);
    }
    a {
      color: $danger;
      text-decoration: none;
    }
  }
  img.diff-del,
  code.diff-del {
    border: 2px solid $danger;
  }
  img.diff-del {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .diff-del {
    color: $primary;
    background: $danger-low;
    text-decoration: none;
  }
  del {
    color: $primary;
    background: $danger-low;
    text-decoration: none;
  }
  span.date {
    font-weight: bold;
  }
  span.edit-reason {
    background-color: $highlight-medium;
    padding: 3px 5px 5px 5px;
  }
  .d-icon-ban {
    color: #f00;
  }
  .hidden-revision-either {
    opacity: 0.5;
  }
  .hidden-revision-previous .row {
    div:nth-of-type(1),
    td:nth-of-type(1) {
      opacity: 0.5;
    }
  }
  .hidden-revision-current .row {
    div:nth-of-type(2),
    td:nth-of-type(2) {
      opacity: 0.5;
    }
  }
}