<commit_before>@import "mixins/clearfix.css.scss";
@import "mixins/rows.css.scss";
@import "mixins/variables.css.scss";
@import "_project_variables.css.scss";

#basic-informations {
  $margin_width: 60px;
  .margin {
    float: left;
    margin-left: 10px;
    margin-right: $first_column_width - $margin_width;
    width: $margin_width;
    border-top: $common-border;
  }
  .header {
    margin-bottom: 20px;
    $height: 40px;
    height: $height;
    @include cf;
    .title {
      float: left;
      margin: 0;
      width: $second_column_width;
      line-height: $height;
    }
    .like {
      float: left;
      line-height: $height + 4px;
      vertical-align: middle;
    }
  }

  .body {
    $visual_width: 380px;
    $tools_width: $second_column_width - $visual_width;
    $height: $visual_width / 4 * 3;
    height: $height;
    @include cf;
    .visual {
      float: left;
      width: $visual_width;
      height: $height;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      iframe {
        width: 100%;
        height: 100%;
      }
    }
    .tools {
      float: left;
      $tool_size: 130px;
      width: $tools_width;
      $margin_left: ($tools_width - $tool_size) / 2;
      #slideshow-btn,
      #fork-btn {
        display: inline-block;
        margin-left: $margin_left;
        width: $tool_size;
        height: $tool_size;
        cursor: pointer;
        background-size: cover;
      }
      #slideshow-btn {
        margin-bottom: ($height - $tool_size * 2) - 4px;
        background-image: asset-url("slideshow.png");
      }
      #fork-btn {
        background-image: asset-url("fork.png");
      }
      #fork-destinations {
        $popup-width: 360px;
        @include spacing-row($popup-width, 20px, 3);
        width: $popup-width;
        display: none;
        min-height: 442px;
        border: $common-border;
        border-left: none;
        .fork-destination {
          .dest-name {
            margin-top: 10px;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
          }
          .fork-btn {
            margin-bottom: 10px;
            width: 100px;
            height: 100px;
            background-size: cover;
            background-position: center;
            cursor: pointer;
            &:hover {
              opacity: 0.5;
            }
          }
        }
      }
    }

    .description {
      float: left;
      margin-right: 10px;
      $padding_top: 5px;
      $padding_bottom: 5px;
      padding-top: $padding_top;
      padding-bottom: $padding_bottom;
      width: $third_column_width - 10px;
      height: $height / 2 - $padding_top - $padding_bottom;
      border-top: $common-border;
      border-bottom: $common-border;
      font-family: $common-sans-serif;
      font-size: 12px;
      line-height: $common-line-height;
    }
    .meta {
      margin-right: 10px;
      font-size: 12px;
      @include cf;
      .left {
        float: left;
        padding-top: 5px;
        width: ($third_column_width - 10px) / 2;
      }
      .right {
        float: left;
        padding-top: 5px;
        width: ($third_column_width - 10px) / 2;
      }
      .timestamps {
        margin-bottom: 6px;
        font-family: $common-verdana;
        font-size: 9px;
        line-height: 16px;
        h2 {
          font-weight: 500;
        }
        .date {
          font-weight: 700;
        }
      }
      .tags {
        h2 {
          font-family: $common-helvetica;
          font-weight: 500;
          font-size: 12px;
          line-height: 18px;
        }
      }
      .collaborators {
        .owner, .collaborator {
          .thumbnail {
            display: inline-block;
            width: 30px;
            height: 30px;
            img {
              margin: 0;
              max-width: 100%;
              max-height: 100%;
            }
          }
          .screen-name {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
          }
        }
        #add-collaborator-btn {
          display: inline-block;
          margin: 0 0 20px 0;
        }
      }
    }
  }
  #edit-menu {
    margin-top: 10px;
    text-align: right;
    font-family: $common-verdana;
    font-size: 14px;
    line-height: 16px;
  }
}

#tabs {
  margin-top: $common-margin * 4;
  margin-left: $first_column_width + $common-margin;
  height: 28px;
  a:nth-child(2) {
    margin-left: $common-margin;
  }
  .tab {
    display: inline-block;
    margin-top: 1px;
    padding-top: 7px;<commit_msg>fix #596 project title overflow<commit_after>@import "mixins/clearfix.css.scss";
@import "mixins/rows.css.scss";
@import "mixins/variables.css.scss";
@import "_project_variables.css.scss";

#basic-informations {
  @include cf;
  $margin_width: 60px;
  .margin {
    float: left;
    margin-left: $common-margin;
    margin-right: $first_column_width - $margin_width;
    width: $margin_width;
    border-top: $common-border;
  }
  .header {
    $height: 40px;
    margin-bottom: $common-margin;
    min-height: $height;
    @include cf;
    .title {
      float: left;
      margin: 0;
      width: $second_column_width;
      height: auto;
      min-height: $height;
      font-size: 22px;
      line-height: 40px;
      word-wrap: break-word;
    }
    .like {
      $star_size: 26px;
      float: left;
      line-height: $star_size;
      vertical-align: top;
      .like-button {
        min-width: 100px;
        height: $star_size;
        background: asset-url("star.png") no-repeat;
        background-size: contain;
        padding-left: $star_size + 5px;
        cursor: pointer;
        font-size: 14px;
        font-family: $common-verdana;
        line-height: $star_size + 4px;
        display: inline-block;
      }
      .like-button.liked {
        background: asset-url("starred.png") no-repeat;
        background-size: contain;
      }

    }
  }

  .body {
    $visual_width: 380px;
    $tools_width: $second_column_width - $visual_width;
    $height: $visual_width / 4 * 3;
    height: $height;
    @include cf;
    .visual {
      float: left;
      width: $visual_width;
      height: $height;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      iframe {
        width: 100%;
        height: 100%;
      }
    }
    .tools {
      float: left;
      $tool_size: 130px;
      width: $tools_width;
      $margin_left: ($tools_width - $tool_size) / 2;
      #slideshow-btn,
      #fork-btn {
        display: inline-block;
        margin-left: $margin_left;
        width: $tool_size;
        height: $tool_size;
        cursor: pointer;
        background-size: cover;
      }
      #slideshow-btn {
        margin-bottom: ($height - $tool_size * 2) - 4px;
        background-image: asset-url("slideshow.png");
      }
      #fork-btn {
        background-image: asset-url("fork.png");
      }
      #fork-destinations {
        $popup-width: 360px;
        @include spacing-row($popup-width, 20px, 3);
        width: $popup-width;
        display: none;
        min-height: 442px;
        border: $common-border;
        border-left: none;
        .fork-destination {
          .dest-name {
            margin-top: $common-margin;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
          }
          .fork-btn {
            margin-bottom: $common-margin;
            width: 100px;
            height: 100px;
            background-size: cover;
            background-position: center;
            cursor: pointer;
            &:hover {
              opacity: 0.5;
            }
          }
        }
      }
    }

    .description {
      float: left;
      margin-right: $common-margin;
      $padding_top: 5px;
      $padding_bottom: 5px;
      padding-top: $padding_top;
      padding-bottom: $padding_bottom;
      width: $third_column_width - $common-margin;
      height: $height / 2 - $padding_top - $padding_bottom;
      border-top: $common-border;
      border-bottom: $common-border;
      font-family: $common-sans-serif;
      font-size: 12px;
      line-height: $common-line-height;
    }
    .meta {
      margin-right: $common-margin;
      font-size: 12px;
      @include cf;
      .left {
        float: left;
        padding-top: 5px;
        width: ($third_column_width - $common-margin) / 2;
      }
      .right {
        float: left;
        padding-top: 5px;
        width: ($third_column_width - $common-margin) / 2;
      }
      .timestamps {
        margin-bottom: 6px;
        font-family: $common-verdana;
        font-size: 9px;
        line-height: 16px;
        h2 {
          font-weight: 500;
        }
        .date {
          font-weight: 700;
        }
      }
      .tags {
        h2 {
          font-family: $common-helvetica;
          font-weight: 500;
          font-size: 12px;
          line-height: 18px;
        }
      }
      .collaborators {
        .owner, .collaborator {
          .thumbnail {
            display: inline-block;
            width: 30px;
            height: 30px;
            img {
              margin: 0;
              max-width: 100%;
              max-height: 100%;
            }
          }
          .screen-name {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
          }
        }
        #add-collaborator-btn {
          display: inline-block;
          margin: 0 0 20px 0;
        }
      }
    }
  }
  #edit-menu {
    margin-top: $common-margin;
    text-align: right;
    font-family: $common-verdana;
    font-size: 14px;
    line-height: 16px;
  }
}

#tabs {
  margin-top: $common-margin * 4;
  margin-left: $first_column_width + $common-margin;
  height: 28px;
  a:nth-child(2) {
    margin-left: $common-margin;
  }
  .tab {
    display: inline-block;
    margin-top: 1px;
    padding-top: 7px;
{'fraction_non_alphanumeric': 0.12416140983278262, 'fraction_numerical': 0.023330329428256733, 'mean_word_length': 1.578879421636974, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '3137406', 'n_tokens_mistral': 3502, 'n_tokens_neox': 3240, 'n_words': 652}