<commit_before>$background-color: #191818;
$foreground-color: #999;
$inactive-color: #242323;
$active-color: #302F2F;

@mixin flash($name, $color) {
  @-webkit-keyframes flash-$name {
    0% {
      background-color: $color;
    }

    33% {
      background-color: $color;
    }

    100% {
      background-color: $background-color;
    }
  }

  @keyframes flash-$name {
    0% {
      background-color: $color;
    }

    33% {
      background-color: $color;
    }

    100% {
      background-color: $background-color;
    }
  }
}

@mixin animation-include($name) {
  -webkit-animation-name: $name;
  -webkit-animation-duration: 1.5s;
  animation-name: $name;
  animation-duration: 1.5s;
}

@include flash(red, #660000);
@include flash(green, #004D00);

html {
  height: 100%;
}

body {
  background-color: $background-color;
  color: $foreground-color;
  font-size: 16px;
  min-width: 220px;
  min-height: 100%;

  &.flash-red { @include animation-include(flash-red); }
  &.flash-green { @include animation-include(flash-green); }
}

.pure-menu {
  font-size: 1.3em;
  text-align: center;

  &.pure-menu-open, &.pure-menu-horizontal li .pure-menu-children,
  a, .pure-menu-can-have-children > li:after {
    background-color: $inactive-color;
    color: $foreground-color;
  }

  .pure-menu-heading {
    text-transform: lowercase;
    color: $foreground-color;
  }

  li a:hover, li a:focus, li.pure-menu-selected a {
    color: $foreground-color;
    background-color: $active-color;
    outline: 0;
    border: 0;
  }
}

#addmanuallyarea {
  .hidden {
    display: none;
  }

  form {
    box-sizing: border-box;
    max-width: 500px;
    margin: 20px auto 0;
    padding: 0 10px;

    button.icon-button {
      padding: 0.2em 0.6em;
      font-size: 136%;
    }
  }
}

#droparea {
  margin-top: 10px;

  .iconrow {
    max-width: 500px;
    margin: 0 auto;

    .dropzone {
      position: relative;
      background-color: $inactive-color;
      line-height: 151px;
      margin: 10px;
      text-align: center;

      &:before {
        content: "";
        display: block;
        padding-top: 100%;
      }

      &:hover {
        background-color: $active-color;
        cursor: pointer;
      }

      .dropzone-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        i {
          position: absolute;
          margin: auto;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          text-align: center;
          font-size: 4em;
          height: 1em;
        }
      }
    }
  }
}

#listarea {
  ul {
    padding: 0;

    li.link-list-item {
      position: relative;
      list-style-type: none;
      line-height: 1.5em;

      a {
        display: block;
        text-decoration: none;
        color: $foreground-color;

        &.target {
          margin-right: 40px;
          padding: 10px 0 5px 10px;
        }

        &.delete-button {
          visibility: hidden;
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 40px;
          background-color: $inactive-color;
          font-size: 1.3em;
          line-height: 66px;
          text-align: center;
        }

        strong, span {
          display: block;
        }

        strong {
          font-weight: normal;
          font-size: 1.3em;
        }

        span {
          font-size: 0.85em;
          margin-left: 10px;
          color: darken($foreground-color, 30%);
        }

        &:hover, &:focus {
          outline: 0;
          border: 0;
        }<commit_msg>Some urls are quite large...<commit_after>$background-color: #191818;
$foreground-color: #999;
$inactive-color: #242323;
$active-color: #302F2F;

@mixin flash($name, $color) {
  @-webkit-keyframes flash-$name {
    0% {
      background-color: $color;
    }

    33% {
      background-color: $color;
    }

    100% {
      background-color: $background-color;
    }
  }

  @keyframes flash-$name {
    0% {
      background-color: $color;
    }

    33% {
      background-color: $color;
    }

    100% {
      background-color: $background-color;
    }
  }
}

@mixin animation-include($name) {
  -webkit-animation-name: $name;
  -webkit-animation-duration: 1.5s;
  animation-name: $name;
  animation-duration: 1.5s;
}

@include flash(red, #660000);
@include flash(green, #004D00);

html {
  height: 100%;
}

body {
  background-color: $background-color;
  color: $foreground-color;
  font-size: 16px;
  min-width: 220px;
  min-height: 100%;

  &.flash-red { @include animation-include(flash-red); }
  &.flash-green { @include animation-include(flash-green); }
}

.pure-menu {
  font-size: 1.3em;
  text-align: center;

  &.pure-menu-open, &.pure-menu-horizontal li .pure-menu-children,
  a, .pure-menu-can-have-children > li:after {
    background-color: $inactive-color;
    color: $foreground-color;
  }

  .pure-menu-heading {
    text-transform: lowercase;
    color: $foreground-color;
  }

  li a:hover, li a:focus, li.pure-menu-selected a {
    color: $foreground-color;
    background-color: $active-color;
    outline: 0;
    border: 0;
  }
}

#addmanuallyarea {
  .hidden {
    display: none;
  }

  form {
    box-sizing: border-box;
    max-width: 500px;
    margin: 20px auto 0;
    padding: 0 10px;

    button.icon-button {
      padding: 0.2em 0.6em;
      font-size: 136%;
    }
  }
}

#droparea {
  margin-top: 10px;

  .iconrow {
    max-width: 500px;
    margin: 0 auto;

    .dropzone {
      position: relative;
      background-color: $inactive-color;
      line-height: 151px;
      margin: 10px;
      text-align: center;

      &:before {
        content: "";
        display: block;
        padding-top: 100%;
      }

      &:hover {
        background-color: $active-color;
        cursor: pointer;
      }

      .dropzone-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        i {
          position: absolute;
          margin: auto;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          text-align: center;
          font-size: 4em;
          height: 1em;
        }
      }
    }
  }
}

#listarea {
  ul {
    padding: 0;

    li.link-list-item {
      position: relative;
      list-style-type: none;
      line-height: 1.5em;

      a {
        display: block;
        text-decoration: none;
        color: $foreground-color;

        &.target {
          margin-right: 40px;
          padding: 10px 0 5px 10px;
        }

        &.delete-button {
          visibility: hidden;
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 40px;
          background-color: $inactive-color;
          font-size: 1.3em;
          line-height: 66px;
          text-align: center;
        }

        strong, span {
          display: block;
        }

        strong {
          font-weight: normal;
          font-size: 1.3em;
        }

        span {
          font-size: 0.85em;
          margin-left: 10px;
          color: darken($foreground-color, 30%);
          word-wrap: break-word;
        }

        &:hover, &:focus {
          outline: 0;
          border: 0;
        }
{'fraction_non_alphanumeric': 0.13565145684442, 'fraction_numerical': 0.036833424958768554, 'mean_word_length': 1.7092330603127326, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2199787', 'n_tokens_mistral': 2769, 'n_tokens_neox': 2481, 'n_words': 520}