<commit_before>@import "compass/css3/border-radius";
.gbase{
  @include border-radius(6px);
  border: 1px dotted gray;
  padding: 3px;
  cursor: pointer;
  .date{
    color: #108000;
    text-shadow: 1px 1px 1px gray;
  }
  .count{
    color: #4028A4;
    text-shadow: 1px 1px 1px gray;
  }
  &.group{
    background-color: #FFE8D8;
    &:hover{
      background-color: #DFF;
    }
  }
  &.years{
    background-color: #E7E7F8;
    &:hover{
      background-color: #FFD;
    }
    .count{
      color: maroon;
      text-shadow: 1px 1px 1px gray;
    }
  }
  &.item{
    background-color: #FFD;
    &:hover{
      background-color: #FFB;
    }
  }
  &.thumbnail{
    display: inline-block;
    background-color: #FFD;
    &:hover{
      background-color: #FFB;
    }
  }
  &.album-item.move-from{
    border: 3px solid blue;
  }
}
#container{
  cursor: crosshair;
  margin: 0;
  padding: 0;
  position: relative;
  * {
    margin: 0;
    padding: 0;
    position: absolute;
  }
  #photo{
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .marker{
    z-index: 10;
  }
  #tag-name{
    z-index: 20;
    text-shadow: 1px 1px 1px gray;
    color: white;
    background: rgba(0,0,0,0.5);
    padding: 3px;
  }
  #canvas{
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

#container-album-relation{
  z-index: 200;
}

#album-tags{
  margin-bottom: 6px;
  .album-tag{
    cursor: pointer;
    margin-left: .4em;
    border: 1px dotted gray;
    padding: 3px;
    background-color: #FED;
    display: inline-block;
    margin-bottom: 6px;
    &:hover{
      background-color: #EDF;
    }
    &.tag-selected{
      text-shadow: 1px 1px 1px silver;
      border: 1px solid black;
      background-color: #DEF;
    }
    .edit-tag{
      padding-left: 3px;
      padding-right: 3px;
    }
  }
}
#album-info-table{
  width: 100%;
  tr td:nth-child(1){
    width: 80px;
  }
  .owners.selected{
    font-weight: bold;
  }
  .owners.unselected{
    color: gray;
  }
  .owners{
    display: inline-block;
    cursor: pointer;
    color: teal;
  }
}
#album-comment-container{
  margin: 0;
  background: rgba(255,255,255,0.5);
  legend{
    font-size: 1em;
    font-weight: normal;
  }
}
.album-num-total{
  color: #003;
  font-size: 120%;
  text-shadow: 1px 1px 1px silver;
  font-weight: bold;
}
#canvas-container{
  max-width: 1050px;
  #relation-start{
    max-width: 200px;
  }
  .relation{
    max-width: 200px;
  }
}
#album-delete{
  margin-right: 2em;
}
#scroll-to-relation{
  cursor: pointer;
}
#album-all-log{
  .item{
    margin-top: 1em;
    .thumbnail{
      vertical-align: top;
    }
    .comment{
      margin: 0.5em;
      background: rgba(255,255,255,0.5);
      max-width: 400px;
      font-size: 90%;
      vertical-align: top;
    }
    .user-name{
      color: #004;
    }
    .date{
      color: maroon;
    }
  }
}
canvas.percent{
  margin-left: 0.5em;
}
.album-item{
  position: relative;
  padding: 7px;
  .no-tag{
    position: absolute;
    left: -3px;
    top: -3px;
    color: teal;
    font-size: 80%;
  }
  .no-comment{
    position: absolute;
    right: -3px;
    top: -3px;
    color: olive;
    font-size: 80%;
  }
}
.gap-margin-right{
  margin-right: 1.5em;
}
#album-stat{
  .count{
    text-align: right;<commit_msg>show comment on album group<commit_after>@import "compass/css3/border-radius";
.gbase{
  @include border-radius(6px);
  border: 1px dotted gray;
  padding: 3px;
  cursor: pointer;
  .date{
    color: #108000;
    text-shadow: 1px 1px 1px gray;
  }
  .count{
    color: #4028A4;
    text-shadow: 1px 1px 1px gray;
  }
  &.group{
    background-color: #FFE8D8;
    &:hover{
      background-color: #DFF;
    }
  }
  &.years{
    background-color: #E7E7F8;
    &:hover{
      background-color: #FFD;
    }
    .count{
      color: maroon;
      text-shadow: 1px 1px 1px gray;
    }
  }
  &.item{
    background-color: #FFD;
    &:hover{
      background-color: #FFB;
    }
  }
  &.thumbnail{
    display: inline-block;
    background-color: #FFD;
    &:hover{
      background-color: #FFB;
    }
  }
  &.album-item.move-from{
    border: 3px solid blue;
  }
}
#container{
  cursor: crosshair;
  margin: 0;
  padding: 0;
  position: relative;
  * {
    margin: 0;
    padding: 0;
    position: absolute;
  }
  #photo{
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .marker{
    z-index: 10;
  }
  #tag-name{
    z-index: 20;
    text-shadow: 1px 1px 1px gray;
    color: white;
    background: rgba(0,0,0,0.5);
    padding: 3px;
  }
  #canvas{
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

#container-album-relation{
  z-index: 200;
}

#album-tags{
  margin-bottom: 6px;
  .album-tag{
    cursor: pointer;
    margin-left: .4em;
    border: 1px dotted gray;
    padding: 3px;
    background-color: #FED;
    display: inline-block;
    margin-bottom: 6px;
    &:hover{
      background-color: #EDF;
    }
    &.tag-selected{
      text-shadow: 1px 1px 1px silver;
      border: 1px solid black;
      background-color: #DEF;
    }
    .edit-tag{
      padding-left: 3px;
      padding-right: 3px;
    }
  }
}
#album-info-table{
  width: 100%;
  tr td:nth-child(1){
    width: 80px;
  }
  .owners.selected{
    font-weight: bold;
  }
  .owners.unselected{
    color: gray;
  }
  .owners{
    display: inline-block;
    cursor: pointer;
    color: teal;
  }
}
#album-comment-container{
  margin: 0;
  background: rgba(255,255,255,0.5);
  legend{
    font-size: 1em;
    font-weight: normal;
  }
}
.album-num-total{
  color: #003;
  font-size: 120%;
  text-shadow: 1px 1px 1px silver;
  font-weight: bold;
}
#canvas-container{
  max-width: 1050px;
  #relation-start{
    max-width: 200px;
  }
  .relation{
    max-width: 200px;
  }
}
#album-delete{
  margin-right: 2em;
}
#scroll-to-relation{
  cursor: pointer;
}
#album-all-log{
  .item{
    margin-top: 1em;
    .thumbnail{
      vertical-align: top;
    }
    .comment{
      margin: 0.5em;
      background: rgba(255,255,255,0.5);
      max-width: 400px;
      font-size: 90%;
      vertical-align: top;
    }
    .user-name{
      color: #004;
    }
    .date{
      color: maroon;
    }
  }
}
canvas.percent{
  margin-left: 0.5em;
}
.album-item{
  position: relative;
  padding: 7px;
  .no-tag{
    position: absolute;
    left: -3px;
    top: -3px;
    color: teal;
    font-size: 80%;
  }
  .no-comment{
    position: absolute;
    right: -3px;
    top: -3px;
    color: olive;
    font-size: 80%;
  }
  .comment{
    padding: 5px;
  }
}
.gap-margin-right{
  margin-right: 1.5em;
}
#album-stat{
  .count{
    text-align: right;
{'fraction_non_alphanumeric': 0.15456209948123284, 'fraction_numerical': 0.04623130912419896, 'mean_word_length': 2.1636100386100385, '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': '3268753', 'n_tokens_mistral': 2919, 'n_tokens_neox': 2670, 'n_words': 556}