<commit_before>body {
  background-color: #ECF2F6;
  color: #404040;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
}

.btn {
  color: white;
  display: inline-block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}
  .btn-block { display: block; }
  .btn-lightgreen {
    background-color: #19A98A;
  }
    .btn-lightgreen:hover {
      background-color: #169378;
    }




.header-container,
.main-content-container {
  box-sizing: border-box;
  margin-left: 250px;
}







.header-container {
  background-color: white;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  padding: 10px 15px;
}
  .root {
    color: #b0b0b0;
    float: left;
    font-size: 1.1em;
    margin-top: 7px;
  }
    .root span {
      font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
      font-size: 1em;
    }



.sidebar-container {
  background-color: #354051;
  box-sizing: border-box;
  /*font-family: Lato, 'Helvetica Neue', Arial, sans-serif;*/
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
}
  .sidebar-container section {
    padding: 20px;
    border-top: 1px solid #49586f;    /* lighter */
    border-bottom: 1px solid #2a3341; /* darker */
  }
    .sidebar-container section:first-child { border-top: 0; }
    .sidebar-container section:last-child  { border-bottom: 0; }
  .sidebar-container h1 {
    font-family: Lato, 'Helvetica Neue', Arial, sans-serif;
    color: #eee;
    font-size: 2em;
  }
  .sidebar-container h3 {
    color: #7a889e;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .flag-container {
    margin-bottom: 15px;
    overflow: auto;
    position: relative;
  }
    .flag-container:hover { cursor: pointer; }
    .flag-container .delete-flag-btn {
      color: #f9f9f9; /* TODO */
      display: none;
      float: right;
      margin-top: 1px;
      text-decoration: none;
    }
      .flag-container:hover .delete-flag-btn { display: inline-block; }
      .flag-container .delete-flag-btn:hover { color: #ccc; }
    .flag-container .checkbox {
      border-radius: 3px;
      float: left;
      font-size: 1.1em;
      line-height: 20px;
      margin-right: 10px;
      position: relative;
      text-align: center;
      width: 20px;
      height: 20px;
    }
      .flag-container .checkbox.checked:before {
        content: '\2713'; /* Unicode checkmark */
        color: white;
      }
    .flag-container span {
      color: #9BA6B9;
      float: left;
      font-size: 1.1em;
      font-weight: bold;
      line-height: 18px;
      text-transform: uppercase;
    }
  .filter-btn {
    font-size: 1.2em;
    margin-top: 25px;
  }



.main-content-container {
  padding: 20px;
}


.tasks-container {}

.empty-tasks-container {
  margin-top: 30px;
  text-align: center;
}
  .empty-tasks-container h2 {
    color: #757575;
    font-size: 2em;
  }


.task-filename {
  font-size: 2em;
  margin-bottom: 20px;
}

.task {
  background-color: white;
  margin-bottom: 20px;
}
  .task-header {
    background-color: #354051;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    overflow: auto;
  }
    .task-type, .task-info {
      box-sizing: border-box;
      padding: 15px 10px;
    }
    .task-type {
      color: white;
      float: left;
      font-size: 1.4em;
      font-weight: bold;
      text-align: center;
      width: 10%;
      /*width: 20%;*/

      /* TODO: probably going to want to bound this at 10%
       * and create a separate item for each flag in the line?
       *
       * or maybe just bound at 10% and keep existing solution
       * because multiple matches is unlikely?
       */
    }
    .task-info {
      float: left;
      padding: 15px;
      width: 90%;
      /*width: 80%;*/
    }
    .task-author {
      font-size: 1.2em;
    }
    .task-date {
      display: inline-block;
      font-size: 1.1em;
      margin-top: 2px;
      float: right;
    }
  .task-body {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow: auto;
    padding: 10px;
    padding-right: 0;
}
    .task-lines, .task-toggle-container {
      box-sizing: border-box;
      float: left;
    }
    .task-lines {
      border: 1px solid #ccc;
      background-color: #f9f9f9;
      display: block;
      font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
      width: 95%;
    }
      .task-line {
        border-bottom: 1px dashed #dedede;
        padding: 4px;
      }
        .task-line:first-child { border-bottom: 0; }
        .task-line:last-child { border-bottom: 0; }
      .task-context {
        border-top: 1px dashed #dedede;
        display: none;
      }
    .task-toggle-container {
      text-align: center;
      width: 5%;
    }
      .task-toggle-container i {
        font-size: 2em;
        margin-top: -2px;
      }
        .task-toggle-container i:hover { cursor: pointer; }









.search-container {
  border: 1px solid #ccc;
  border-radius: 20px;
  box-sizing: border-box;
  float: right;
  overflow: auto;
  padding: 5px 10px 4px;
  width: 200px;
}
  .search-container input {
    border: 0;
  }
    .search-container input:focus { outline: 0; }





.stats-container {
  outline: 1px solid red;
  margin-bottom: 20px;
}

.chart {
  max-width: 200px;
}










.color-purple     { background-color: #A620D6; } /* purple */
.color-orange     { background-color: #F2A20C; } /* orange */
.color-lightblue  { background-color: #35B0FC; } /* light blue */
.color-fuschia    { background-color: #E62163; } /* fuschia */
.color-lightgreen { background-color: #19A98A; } /* lightgreen */
.color-green      { background-color: #178F35; } /* green */
.color-blue       { background-color: #0081c2; } /* blue */
.color-pink       { background-color: #E890D3; } /* pink */
.color-turquoise  { background-color: #17BDB4; } /* turqoise */
.color-deepred    { background-color: #BD1720; } /* deep red */
<commit_msg>Dat radius<commit_after>body {
  background-color: #ECF2F6;
  color: #404040;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
}

.btn {
  border-radius: 2px;
  color: white;
  display: inline-block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}
  .btn-block { display: block; }
  .btn-lightgreen {
    background-color: #19A98A;
  }
    .btn-lightgreen:hover {
      background-color: #169378;
    }




.header-container,
.main-content-container {
  box-sizing: border-box;
  margin-left: 250px;
}







.header-container {
  background-color: white;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  padding: 10px 15px;
}
  .root {
    color: #b0b0b0;
    float: left;
    font-size: 1.1em;
    margin-top: 7px;
  }
    .root span {
      font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
      font-size: 1em;
    }



.sidebar-container {
  background-color: #354051;
  box-sizing: border-box;
  /*font-family: Lato, 'Helvetica Neue', Arial, sans-serif;*/
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
}
  .sidebar-container section {
    padding: 20px;
    border-top: 1px solid #49586f;    /* lighter */
    border-bottom: 1px solid #2a3341; /* darker */
  }
    .sidebar-container section:first-child { border-top: 0; }
    .sidebar-container section:last-child  { border-bottom: 0; }
  .sidebar-container h1 {
    font-family: Lato, 'Helvetica Neue', Arial, sans-serif;
    color: #eee;
    font-size: 2em;
  }
  .sidebar-container h3 {
    color: #7a889e;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .flag-container {
    margin-bottom: 15px;
    overflow: auto;
    position: relative;
  }
    .flag-container:hover { cursor: pointer; }
    .flag-container .delete-flag-btn {
      color: #f9f9f9; /* TODO */
      display: none;
      float: right;
      margin-top: 1px;
      text-decoration: none;
    }
      .flag-container:hover .delete-flag-btn { display: inline-block; }
      .flag-container .delete-flag-btn:hover { color: #ccc; }
    .flag-container .checkbox {
      border-radius: 3px;
      float: left;
      font-size: 1.1em;
      line-height: 20px;
      margin-right: 10px;
      position: relative;
      text-align: center;
      width: 20px;
      height: 20px;
    }
      .flag-container .checkbox.checked:before {
        content: '\2713'; /* Unicode checkmark */
        color: white;
      }
    .flag-container span {
      color: #9BA6B9;
      float: left;
      font-size: 1.1em;
      font-weight: bold;
      line-height: 18px;
      text-transform: uppercase;
    }
  .filter-btn {
    font-size: 1.2em;
    margin-top: 25px;
  }



.main-content-container {
  padding: 20px;
}


.tasks-container {}

.empty-tasks-container {
  margin-top: 30px;
  text-align: center;
}
  .empty-tasks-container h2 {
    color: #757575;
    font-size: 2em;
  }


.task-filename {
  font-size: 2em;
  margin-bottom: 20px;
}

.task {
  background-color: white;
  margin-bottom: 20px;
}
  .task-header {
    background-color: #354051;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    overflow: auto;
  }
    .task-type, .task-info {
      box-sizing: border-box;
      padding: 15px 10px;
    }
    .task-type {
      color: white;
      float: left;
      font-size: 1.4em;
      font-weight: bold;
      text-align: center;
      width: 10%;
      /*width: 20%;*/

      /* TODO: probably going to want to bound this at 10%
       * and create a separate item for each flag in the line?
       *
       * or maybe just bound at 10% and keep existing solution
       * because multiple matches is unlikely?
       */
    }
    .task-info {
      float: left;
      padding: 15px;
      width: 90%;
      /*width: 80%;*/
    }
    .task-author {
      font-size: 1.2em;
    }
    .task-date {
      display: inline-block;
      font-size: 1.1em;
      margin-top: 2px;
      float: right;
    }
  .task-body {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow: auto;
    padding: 10px;
    padding-right: 0;
}
    .task-lines, .task-toggle-container {
      box-sizing: border-box;
      float: left;
    }
    .task-lines {
      border: 1px solid #ccc;
      background-color: #f9f9f9;
      display: block;
      font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
      width: 95%;
    }
      .task-line {
        border-bottom: 1px dashed #dedede;
        padding: 4px;
      }
        .task-line:first-child { border-bottom: 0; }
        .task-line:last-child { border-bottom: 0; }
      .task-context {
        border-top: 1px dashed #dedede;
        display: none;
      }
    .task-toggle-container {
      text-align: center;
      width: 5%;
    }
      .task-toggle-container i {
        font-size: 2em;
        margin-top: -2px;
      }
        .task-toggle-container i:hover { cursor: pointer; }









.search-container {
  border: 1px solid #ccc;
  border-radius: 20px;
  box-sizing: border-box;
  float: right;
  overflow: auto;
  padding: 5px 10px 4px;
  width: 200px;
}
  .search-container input {
    border: 0;
  }
    .search-container input:focus { outline: 0; }





.stats-container {
  outline: 1px solid red;
  margin-bottom: 20px;
}

.chart {
  max-width: 200px;
}










.color-purple     { background-color: #A620D6; } /* purple */
.color-orange     { background-color: #F2A20C; } /* orange */
.color-lightblue  { background-color: #35B0FC; } /* light blue */
.color-fuschia    { background-color: #E62163; } /* fuschia */
.color-lightgreen { background-color: #19A98A; } /* lightgreen */
.color-green      { background-color: #178F35; } /* green */
.color-blue       { background-color: #0081c2; } /* blue */
.color-pink       { background-color: #E890D3; } /* pink */
.color-turquoise  { background-color: #17BDB4; } /* turqoise */
.color-deepred    { background-color: #BD1720; } /* deep red */

{'fraction_non_alphanumeric': 0.1424053266749896, 'fraction_numerical': 0.03986683312526009, 'mean_word_length': 2.1646036344482487, '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': '1068184', 'n_tokens_mistral': 4716, 'n_tokens_neox': 4308, 'n_words': 969}