<commit_before>@import url('http://fonts.googleapis.com/css?family=Lato:400,700,400italic');

* {
	margin: 0;
	padding: 0;
	font: 16px;
	font: 100%;
	font-family: Lato;
}

html, body {
	min-height: 100%;
	height: 100%;
	text-align: center;
}

#page {
	height: 100%;
	width: 100%;
	max-width: 1300px;
	box-shadow: 0 0 10px #E0E0E0;
	display: inline-block;
	text-align: left;
}


#left {
	float: left;
	width: 300px;
	height: 100%;
	background-color: #E0E0E0;
	color: #525252;
}

#right {
	height: 100%;
	margin-left: 280px;
	position: relative;
	background-color: black;
}

/* ------------------------------------------------------ */
/* left menu */
/* ------------------------------------------------------ */

#left h1 {
	padding: 10px 20px;
	border-bottom: 1px solid #888;
	cursor: pointer;
	font-size: 24px;
	position: relative;
}
#left h1:after {
	position: absolute;
	right: 40px;
	font-size: 22px;
	content: '▼';
}

#left ol, #left ul {
	border-bottom: 1px solid #888;
}
#left ol {
	background-color: #5FB7F5;
	display: none;
}

#left ol li, #left ul li {
	list-style: none;
	font-size: 20px;
	padding: 5px 20px;
	border-bottom: 1px solid #888;
	cursor: pointer;
}
#left ol li:last-child, #left ul li:last-child {
	border-bottom: 0;
}
#left ol li {
	border-bottom: 1px solid #01939A;
}

#left ol li:hover {
	background-color: #318BCC;
}
#left ul li:hover, #left h1:hover {
	background-color: #D1D1D1;
}

#left ul li.active {
	text-decoration: underline;
}

#left ol li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
}

/* ------------------------------------------------------ */
/* general right css */
/* ------------------------------------------------------ */
#right .subwindow {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: white;
}

#right .subwindow h1 {
	padding: 10px 20px;
	border-bottom: 1px solid black;
	font-size: 24px;
}
#right .subwindow .content {
	padding: 5px 20px;
}
#data-params {
	position: absolute;	
}

#correlations-data-table {	
    border-collapse: collapse;	
}

#correlations-data-table * {
	border: 1px solid black;
	padding: 2px;
	cursor: pointer;
}

#correlations-data-table tr :hover {
	background: #E0E0E0;
}

#correlatins-chart {
	position: absolute;
	right: 10px;
}

.xActive {
	background: #5FB7F5;
}

.yActive {
	background: #C9C9C9;
}

/* ------------------------------------------------------ */
/* predictions */
/* ------------------------------------------------------ */
#input-fields > * {
	float: left;
}
<commit_msg>Still fucking about with colours. Sorry.<commit_after>@import url('http://fonts.googleapis.com/css?family=Lato:400,700,400italic');

* {
	margin: 0;
	padding: 0;
	font: 16px;
	font: 100%;
	font-family: Lato;
}

html, body {
	min-height: 100%;
	height: 100%;
	text-align: center;
}

#page {
	height: 100%;
	width: 100%;
	max-width: 1300px;
	box-shadow: 0 0 10px #E0E0E0;
	display: inline-block;
	text-align: left;
}


#left {
	float: left;
	width: 300px;
	height: 100%;
	background-color: #E0E0E0;
	color: #525252;
}

#right {
	height: 100%;
	margin-left: 280px;
	position: relative;
	background-color: black;
}

/* ------------------------------------------------------ */
/* left menu */
/* ------------------------------------------------------ */

#left h1 {
	padding: 10px 20px;
	border-bottom: 1px solid #888;
	cursor: pointer;
	font-size: 24px;
	position: relative;
}
#left h1:after {
	position: absolute;
	right: 40px;
	font-size: 22px;
	content: '▼';
}

#left ol, #left ul {
	border-bottom: 1px solid #888;
}
#left ol {
	background-color: #5FB7F5;
	display: none;
}

#left ol li, #left ul li {
	list-style: none;
	font-size: 20px;
	padding: 5px 20px;
	border-bottom: 1px solid #888;
	cursor: pointer;
}
#left ol li:last-child, #left ul li:last-child {
	border-bottom: 0;
}
#left ol li {
	border-bottom: 1px solid #01939A;
}

#left ol li:hover {
	background-color: #318BCC;
}
#left ul li:hover, #left h1:hover {
	background-color: #D1D1D1;
}

#left ul li.active {
	text-decoration: underline;
}

#left ol li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
}

/* ------------------------------------------------------ */
/* general right css */
/* ------------------------------------------------------ */
#right .subwindow {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: white;
}

#right .subwindow h1 {
	padding: 10px 20px;
	border-bottom: 1px solid black;
	font-size: 24px;
}
#right .subwindow .content {
	padding: 5px 20px;
}
#data-params {
	position: absolute;	
}

#correlations-data-table {	
    border-collapse: collapse;	
}

#correlations-data-table * {
	border: 1px solid black;
	padding: 2px;
	cursor: pointer;
}

#correlations-data-table tr :hover {
	background: #EBEBEB;
}

#correlatins-chart {
	position: absolute;
	right: 10px;
}

.xActive {
	background: #5FB7F5;
}

.yActive {
	background: #C9C9C9;
}

/* ------------------------------------------------------ */
/* predictions */
/* ------------------------------------------------------ */
#input-fields > * {
	float: left;
}

{'fraction_non_alphanumeric': 0.2684200348095146, 'fraction_numerical': 0.053567975246567395, 'mean_word_length': 2.176904176904177, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '553280', 'n_tokens_mistral': 2134, 'n_tokens_neox': 1912, 'n_words': 473}