<commit_before>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


@font-face {
    font-family: 'special-font';
    src: url('../font/minspsw.eot');
    src: url('../font/minspsw.eot?#iefix') format('embedded-opentype'),
         url('../font/minspsw.woff') format('woff'),
         url('../font/minspsw.ttf') format('truetype'),
         url('../font/minspsw.svg#minspsw') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	font-family: sans-serif;
}
.max-width {
	width: 90%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
.header {
	padding: 20px 0 30px;
}
	.logo {
		display: inline-block;
		vertical-align: middle;
		height: 60px;
	}
	.header-sitename {
		font-family: 'special-font';
		display: inline-block;
		vertical-align: middle;
		font-size: 3em;
		text-decoration: none;
		color: #FFF;
		text-shadow: 0 3px 0 #b22f84, 3px 0 0 #b22f84, 0 -3px 0 #b22f84, -3px 0 0 #b22f84, 2px 2px 0 #b22f84, -2px 2px 0 #b22f84, 2px -2px 0 #b22f84, -2px -2px 0 #b22f84;
		margin-left: 20px;
	}
	.header-right {
		float: right;
		color: #888;
		margin-top: 10px;
		height: 100%;
	}
		.header-right a {
			display: inline-block;
			vertical-align: middle;
		}
		.btn {
			display: inline-block;
			border-radius: 2px;
			border:1px solid #ddd;
			padding: 10px 15px;
			color: #888;
			font-size: 0.9em;
			text-decoration: none;
		}
			.btn:hover,
			.btn:focus {
				border-color: #b22f84;
				color: #b22f84;
			}


.nav {
	background: #d84394;
	background: -moz-linear-gradient(-45deg,  #d84394 0%, #680764 48%, #3c0445 100%);
	background: -webkit-linear-gradient(-45deg,  #d84394 0%,#680764 48%,#3c0445 100%);
	background: linear-gradient(135deg,  #d84394 0%,#680764 48%,#3c0445 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84394', endColorstr='#3c0445',GradientType=1 );
	box-shadow: -2px 1px 4px 1px rgba(0,0,0,0.3) inset;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 10;
}
	.nav .nav-link {
		display: inline-block;
		text-decoration: none;
		color: #fff;
		padding: 20px;
		font-weight: bold;
		color:#FFF;
	}
	.nav-link:hover,
	.nav-link:focus,
	.nav-link.active {
		background-color: rgba(0,0,0,0.2);
	}


	
.content-wrapper {
	position: relative;
	padding: 40px 0 150px;
}
	.content {
		position: relative;
		box-sizing: border-box;
		padding: 0 20px 0 40px;
		line-height: 1.4em;
		color: #666;
	}
	.content-withside {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 250px);
	}
		.content-withside img {
			max-width: 100%;
		}
		.content-withside .highlight {
			overflow: auto;
			color: #fefefe;
			padding: 6px;
			border-radius: 2px;
		}
	.sidenav {<commit_msg>with or without side content img and highlight need to be styled<commit_after>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


@font-face {
    font-family: 'special-font';
    src: url('../font/minspsw.eot');
    src: url('../font/minspsw.eot?#iefix') format('embedded-opentype'),
         url('../font/minspsw.woff') format('woff'),
         url('../font/minspsw.ttf') format('truetype'),
         url('../font/minspsw.svg#minspsw') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	font-family: sans-serif;
}
.max-width {
	width: 90%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
.header {
	padding: 20px 0 30px;
}
	.logo {
		display: inline-block;
		vertical-align: middle;
		height: 60px;
	}
	.header-sitename {
		font-family: 'special-font';
		display: inline-block;
		vertical-align: middle;
		font-size: 3em;
		text-decoration: none;
		color: #FFF;
		text-shadow: 0 3px 0 #b22f84, 3px 0 0 #b22f84, 0 -3px 0 #b22f84, -3px 0 0 #b22f84, 2px 2px 0 #b22f84, -2px 2px 0 #b22f84, 2px -2px 0 #b22f84, -2px -2px 0 #b22f84;
		margin-left: 20px;
	}
	.header-right {
		float: right;
		color: #888;
		margin-top: 10px;
		height: 100%;
	}
		.header-right a {
			display: inline-block;
			vertical-align: middle;
		}
		.btn {
			display: inline-block;
			border-radius: 2px;
			border:1px solid #ddd;
			padding: 10px 15px;
			color: #888;
			font-size: 0.9em;
			text-decoration: none;
		}
			.btn:hover,
			.btn:focus {
				border-color: #b22f84;
				color: #b22f84;
			}


.nav {
	background: #d84394;
	background: -moz-linear-gradient(-45deg,  #d84394 0%, #680764 48%, #3c0445 100%);
	background: -webkit-linear-gradient(-45deg,  #d84394 0%,#680764 48%,#3c0445 100%);
	background: linear-gradient(135deg,  #d84394 0%,#680764 48%,#3c0445 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84394', endColorstr='#3c0445',GradientType=1 );
	box-shadow: -2px 1px 4px 1px rgba(0,0,0,0.3) inset;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 10;
}
	.nav .nav-link {
		display: inline-block;
		text-decoration: none;
		color: #fff;
		padding: 20px;
		font-weight: bold;
		color:#FFF;
	}
	.nav-link:hover,
	.nav-link:focus,
	.nav-link.active {
		background-color: rgba(0,0,0,0.2);
	}


	
.content-wrapper {
	position: relative;
	padding: 40px 0 150px;
}
	.content {
		position: relative;
		box-sizing: border-box;
		padding: 0 20px 0 40px;
		line-height: 1.4em;
		color: #666;
	}
	.content-withside {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 250px);
	}
		.content-withside img, .content img {
			max-width: 100%;
		}
		.content-withside .highlight, .content .highlight {
			overflow: auto;
			color: #fefefe;
			padding: 6px;
			border-radius: 2px;
		}
	.sidenav {
{'fraction_non_alphanumeric': 0.17327923053802224, 'fraction_numerical': 0.07544334235046589, 'mean_word_length': 4.154918667699458, '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': '4768150', 'n_tokens_mistral': 3322, 'n_tokens_neox': 2760, 'n_words': 477}