<commit_before>body {
  color: #222;
  font-family: "Comic Sans MS";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.view-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
  z-index: 0;
}

.loading-shield {
  background-color: black;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  opacity: 0.5;
  background-image: url("/client/styles/ajax_loader_blue_64.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment:fixed;
  background-position:center; 
  z-index: 1;
}

/*
 * Video list view.
 */

h1 {
  font-size: 45px;
}

.filter-container {
  margin-bottom: 32px;
}

.filter-select {
  margin-left: 16px;
}

.video-preview {
  maring-top: 32px;
  margin-bottom: 32px;
}

.preview-thumbnail {
  box-shadow: 10px 10px 5px #888;
}

.preview-thumbnail,
.preview-details {
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
}

.preview-details {
}

.preview-title,
.preview-owner {
  margin-top: 8px;
}<commit_msg>Added animation when hovering over a thumbnail. This way it is obvious that the thumbnail becomes active and also that some action can be done with it.<commit_after>body {
  color: #222;
  font-family: "Comic Sans MS";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.view-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
  z-index: 0;
}

.loading-shield {
  background-color: black;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  opacity: 0.5;
  background-image: url("/client/styles/ajax_loader_blue_64.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment:fixed;
  background-position:center; 
  z-index: 1;
}

/*
 * Video list view.
 */

h1 {
  font-size: 45px;
}

.filter-container {
  margin-bottom: 32px;
}

.filter-select {
  margin-left: 16px;
}

.video-preview {
  maring-top: 32px;
  margin-bottom: 32px;
}

.preview-thumbnail {
  box-shadow: 10px 10px 5px #888;
  cursor: pointer;
}

.preview-thumbnail:hover {
  transform: translate(5px,5px);
  -ms-transform: translate(5px,5px); /* IE 9 */
  -webkit-transform: translate(5px,5px); /* Safari and Chrome */
}

.preview-thumbnail,
.preview-details {
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
}

.preview-details {
}

.preview-title,
.preview-owner {
  margin-top: 8px;
}
{'fraction_non_alphanumeric': 0.14699877501020825, 'fraction_numerical': 0.0379746835443038, 'mean_word_length': 3.2387543252595155, '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': '4594754', 'n_tokens_mistral': 1031, 'n_tokens_neox': 943, 'n_words': 226}