<commit_before>/* -------------------- BASIC -------------------- */
body{
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  background-color: rgb(42, 44, 46);
  background-image: url(images/background-pattern.png);
  background-repeat: repeat;
}

a {
  color: white;
}

nav {
  position: fixed;
  width: 100%;
  height: 60px;
  background-color: rgba(42, 44, 46, 0.9);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 114, 156, 0.35);
	-webkit-backdrop-filter: blur(10px); /* fancy iOS 7 styled background blur (Mac/iOS only) */
  z-index: 3;
}

nav #headline-logo {
  margin: 0px 15px -4px 0px;
  height: 16px;
  height: 20px;
}

nav #headline {
  display: inline-block;
  margin: 20px 0px 0px 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: white;
}

nav a {
  margin: 14px 20px 0px 0px;
  float: right;
  padding: 8px 15px;
  font-size: 14px;
  text-decoration: none;
  color: white;
  cursor: pointer;
}

nav a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  animation: showInfoDropdown 2s ease-out;
}

nav a:active {

}

#loading-screen {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

#loading-screen #box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  margin: -100px -100px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
}

#loading-screen #box #indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin: -60px -60px;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* -------------------- SVG STYLING -------------------- */

svg {
  background: none;
  z-index: 1;
  cursor: all-scroll;
}

svg rect {
  fill: rgba(0, 0, 0, 0.0);
}

svg circle, line {
  cursor: pointer;
}

svg .yearsAxis, .yAxis {
  opacity: 0.1;
}

svg .domain {
  fill: none;
  stroke: white;
  stroke-width: 1.5px;
}

svg .yearsAxis line, .yAxis line {
  fill: none;
  stroke: white;
}

svg .yearsAxis text, .yAxis text {
  fill: white;
}

/* -------------------- INFO POPUPS -------------------- */

div.tooltip, div.connectionPopover {
    visibility:hidden;
    padding: 10px 15px;
    background: rgb(255, 255, 255);
    position: absolute;
    max-width: 500px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3);
}

div.tooltip .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

div.tooltip .birthday, div.tooltip .day-of-death {
  font-size: 14px;
}

div.tooltip .hint {
  font-size: 12px;
  font-style: italic;
  color: rgb(0, 114, 156);
  margin-top: 10px;
}

/* -------------------- INFO DROPDOWN -------------------- */

div.infoDropdown {
  position: fixed;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 44, 46, 0.9);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 114, 156, 0.35);
	-webkit-backdrop-filter: blur(10px); /* fancy iOS 7 styled background blur (Mac/iOS only) */
  z-index: 4;
  transition: all 0.3s ease-in-out;
}
.showInfoDropdown { top: 0px; }
.hideInfoDropdown { top: -100%; }

.infoDropdown .column {
  position: relative;
  display: inline-block;
  width: 33%;
  height: 100%;
  color: white;
  float: left;
}
<commit_msg>fixing info dropdown text appearing when browser window is too small<commit_after>/* -------------------- BASIC -------------------- */
body{
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  background-color: rgb(42, 44, 46);
  background-image: url(images/background-pattern.png);
  background-repeat: repeat;
}

a {
  color: white;
}

nav {
  position: fixed;
  width: 100%;
  height: 60px;
  background-color: rgba(42, 44, 46, 0.9);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 114, 156, 0.35);
	-webkit-backdrop-filter: blur(10px); /* fancy iOS 7 styled background blur (Mac/iOS only) */
  z-index: 3;
}

nav #headline-logo {
  margin: 0px 15px -4px 0px;
  height: 16px;
  height: 20px;
}

nav #headline {
  display: inline-block;
  margin: 20px 0px 0px 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: white;
}

nav a {
  margin: 14px 20px 0px 0px;
  float: right;
  padding: 8px 15px;
  font-size: 14px;
  text-decoration: none;
  color: white;
  cursor: pointer;
}

nav a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  animation: showInfoDropdown 2s ease-out;
}

nav a:active {

}

#loading-screen {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

#loading-screen #box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  margin: -100px -100px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
}

#loading-screen #box #indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin: -60px -60px;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* -------------------- SVG STYLING -------------------- */

svg {
  background: none;
  z-index: 1;
  cursor: all-scroll;
}

svg rect {
  fill: rgba(0, 0, 0, 0.0);
}

svg circle, line {
  cursor: pointer;
}

svg .yearsAxis, .yAxis {
  opacity: 0.1;
}

svg .domain {
  fill: none;
  stroke: white;
  stroke-width: 1.5px;
}

svg .yearsAxis line, .yAxis line {
  fill: none;
  stroke: white;
}

svg .yearsAxis text, .yAxis text {
  fill: white;
}

/* -------------------- INFO POPUPS -------------------- */

div.tooltip, div.connectionPopover {
    visibility:hidden;
    padding: 10px 15px;
    background: rgb(255, 255, 255);
    position: absolute;
    max-width: 500px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3);
}

div.tooltip .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

div.tooltip .birthday, div.tooltip .day-of-death {
  font-size: 14px;
}

div.tooltip .hint {
  font-size: 12px;
  font-style: italic;
  color: rgb(0, 114, 156);
  margin-top: 10px;
}

/* -------------------- INFO DROPDOWN -------------------- */

div.infoDropdown {
  position: fixed;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 44, 46, 0.9);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0, 114, 156, 0.35);
	-webkit-backdrop-filter: blur(10px); /* fancy iOS 7 styled background blur (Mac/iOS only) */
  z-index: 4;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.showInfoDropdown { top: 0px; }
.hideInfoDropdown { top: -100%; }

.infoDropdown .column {
  position: relative;
  display: inline-block;
  width: 33%;
  height: 100%;
  color: white;
  float: left;
}

{'fraction_non_alphanumeric': 0.19388799532095335, 'fraction_numerical': 0.07135546132475508, 'mean_word_length': 2.5830277632268204, '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': '6969085', 'n_tokens_mistral': 3139, 'n_tokens_neox': 2643, 'n_words': 738}