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

.modal.history-modal {
  .modal-body {
    max-height: 70vh;
  }

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

  #revision {
    overflow: auto;
    border-bottom: 3px solid var(--primary-low);
  }

  table.markdown > tbody > tr > td,
  .revision-content {
    width: 47.5%;
    float: left;
    min-height: 1px;

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

  #revision-details {
    padding: 5px;
  }

  #revisions {
    .row:first-of-type {
      margin-top: 10px;
    }
    .revision-content table {
      thead {
        th {
          padding-bottom: 2px;
          font-weight: bold;
          color: var(--primary);
        }
      }

      td {
        padding: 3px 3px 3px 0.5em;
        img {
          max-width: none;
        }
      }
    }
  }

  ins,
  .diff-ins {
    code,
    img {
      border: 2px solid var(--success);
    }
    img {
      opacity: 0.75;
      filter: alpha(opacity=75);
    }
    a {
      color: var(--success);
      text-decoration: none;
    }
  }
  img.diff-ins,
  code.diff-ins {
    border: 2px solid var(--success);
  }
  img.diff-ins {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .diff-ins {
    color: var(--primary);
    background: var(--success-low);
  }
  ins {
    color: var(--primary);
    background: var(--success-low);
    text-decoration: none;
  }
  del,
  .diff-del {
    code,
    img {
      border: 2px solid var(--danger);
    }
    img {
      opacity: 0.5;
      filter: alpha(opacity=50);
    }
    a {
      color: var(--danger);
      text-decoration: none;
    }
  }
  img.diff-del,
  code.diff-del {
    border: 2px solid var(--danger);
  }
  img.diff-del {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .diff-del {
    color: var(--primary);
    background: var(--danger-low);
    text-decoration: none;
  }
  del {
    color: var(--primary);
    background: var(--danger-low);
    text-decoration: none;
  }
  span.date {
    font-weight: bold;
  }
  span.edit-reason {
    background-color: var(--highlight-bg);
    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;
    }
  }
}